html{
scroll-behavior: smooth;
overflow: auto !important;
}
body{
font-size: 14px;
margin: 0;
padding:0;
position:relative;
top: 0;
left: 0;
height:auto;
overflow-x:hidden;
font-family:'Open Sans', sans-serif !important;
/*font-family: 'Open Sans', sans-serif;*/
}
/*scroll bar*/
body::-webkit-scrollbar {
width: 5px;
}
/* Handle */
body::-webkit-scrollbar-thumb {
background: #9d9d9d;
}
/* Handle on hover */
body::-webkit-scrollbar-thumb:hover {
background: #555;
}
@font-face {
font-family: 'Open Sans', sans-serif;
src: url('../fonts/open-sans.light.ttf');
}
/*@font-face {
font-family: 'Open Sans', sans-serif;
src: url('../fonts/'Open Sans', sans-serif_font.ttf');
}
@font-face {
font-family: 'Open Sans', sans-serif;
src: url('../fonts/'Open Sans', sans-serif_bt.ttf');
}
@font-face {
font-family: 'Open Sans', sans-serif;
src: url('../fonts/'Open Sans', sans-serif_bt.ttf');
}
@font-face {
font-family: Futura_Bold;
src: url('../fonts/Futura_Bold_font.ttf');
}
@font-face {
font-family: 'Open Sans', sans-serif;
src: url('../fonts/'Open Sans', sans-serif_font.ttf');
}
@font-face {
font-family: aprajita;
src: url('../fonts/aparaj.ttf');
}*/
.plr-20{
padding-left:20px;
padding-right:20px;
}
#myBtn {
display: none;
position: fixed;
bottom: 15px;
right: 40px;
z-index: 99;
font-size: 18px;
border: none;
outline: none;
background-color: #1f73b7;
color: white;
cursor: pointer;
border-radius: 4px;
height: 40px;
width: 40px;
border-radius: 50%;
padding-bottom: 6px;
z-index: 9999;
}
#myBtn:hover {
background-color: #004475;
}
a:hover, a:focus, button:hover, button:focus{
outline:none;
text-decoration:none;
color:initial;
border:none;
}
select:focus{
border:none;
outline:none;
}
a{
color:#1f1f1f;
}
input:focus{
outline:none;
}
ul{
list-style-type:none;
}
.mb-25{
margin-bottom: 25px !important;
}
.max_width{
max-width:1200px;
margin:0 auto !important;
}
::placeholder{
color:#1f1f1f;
}
.border-right{
border-right:1px solid #ccc;
}
.no-padding{
padding:0px;
}
.pl-5{
padding-left:5px !important;
}
.pr-5{
padding-right:5px !important;
}
.mt-50{
margin-top:50px;
}
.head{
position:relative;
}
p{
font-size: 16px;
font-family: 'Open Sans', sans-serif;
}
.head > h3{
margin: 0px;
font-size: 18px;
font-family: 'Open Sans', sans-serif;
}
.head > span{
position: absolute;
left: 0;
top: 30px;
height: 3px;
width: 50px;
background: #004475;
}
.head.white{
position:relative;
margin-bottom:30px;
}
.head.white > h3{
margin: 0px;
font-size: 22px;
text-transform:uppercase;
font-family: 'Open Sans', sans-serif;
color:#fff;
text-align:center;
}
.head.white > span{
position: absolute;
left: calc(50% - 25px);
top: 40px;
height: 3px;
width: 50px;
background: #fff;
}
.head.black{
position:relative;
margin-bottom:30px;
}
.head.black > h3{
margin: 0px;
font-size: 22px;
text-transform:uppercase;
font-family: 'Open Sans', sans-serif;
color:#000;
text-align:center;
}
.head.black > span{
position: absolute;
left: calc(50% - 25px);
top: 40px;
height: 3px;
width: 50px;
background: #004475;
}
.head.black > span.black{
background: #000;
}
.parallax{
padding: 50px 0px;
background-size: cover;
background-attachment: fixed;
}
.yellow_btn{
display: inline-block;
border: 1px solid #f68121;
width: 150px;
padding: 6px;
border-radius: 3px;
font-family: 'Open Sans', sans-serif;
color: #f68121;
cursor: pointer;
margin: 30px 0px 0px 0px;
transition: all ease-in-out 0.25s;
}
.yellow_btn > span{
float:right;
}
.yellow_btn:hover{
border: 1px solid #004475;
color: #004475;
}
.p-50{
padding:50px 0px;
}
.ptop-50{
padding:50px 0px 0px 0px;
}
.pb-50{
padding:0px 0px 50px 0px;
}
.img_hover > img{
transform:scale(1);
transition:all ease-in-out 0.2s;
max-width: 100%;
}
.img_hover:hover > img{
transform:scale(1.1);
}
.pr-10{
padding-right:10px;
}
.pl-10{
padding-left:10px;
}
.round_head{
margin-bottom: 30px;
}
.round_head > p{
margin: 0px;
width: max-content;
padding: 10px 30px 10px 10px;
background: #08b3e7;
color: #fff;
font-size: 16px;
border-top-right-radius: 30px;
border-bottom-right-radius: 30px;
border-left: 4px solid #004475;
}
/*Enquiry Form*/
.enquiry_form, .quicklink_form{
position: fixed;
background: #fff;
z-index: 99999;
overflow: hidden;
top: 50%;
left: -100%;
transform: translateY(-50%);
transition: all 0.2s;
box-shadow: -2px 0px 16px 0px rgba(0, 0, 0, 0.32);
border-top-right-radius: 15px;
border-bottom-right-radius: 15px;
}
.quicklink_form {
width: 19%;
background: #d1d1d1;
}
.enquiry_form > .form_div > form > .form_type{
position: relative;
margin-bottom: 10px;
display: flex;
flex-direction: row-reverse;
align-items: stretch;
}
.enquiry_form > .form_div{
padding: 20px 20px 20px 20px;
}
.enquiry_form > .enquiry_head{
padding: 15px 20px 15px 20px;
background: linear-gradient(to right, #fb9730, #fd7046);
color: #fff;
}
.enquiry_form > .enquiry_head > h4{
margin:0px;
}
.enquiry_form > .enquiry_head > h4 > span{
cursor:pointer;
}
.quicklink_form > .enquiry_head{
padding: 15px 20px 15px 20px;
background: linear-gradient(to right, #fb9730, #fd7046);
color: #fff;
}
.quicklink_form > .enquiry_head > h4{
margin:0px;
}
.quicklink_form > .enquiry_head > h4 > span{
cursor:pointer;
}
.quicklink_form .quicklink_form_content {
display: flex;
flex-direction: row;
flex-wrap: wrap;
gap: 20px;
padding: 30px 20px 20px 20px;
}
.quicklink_form .quicklink_form_content a {
width: 46%;
display: flex;
flex-direction: column;
align-items: center;
background: #fff;
color: #000;
text-align: center;
padding: 7px;
border-radius: 20px;
box-shadow: 0px 0px 10px 0px #a99494;
font-weight: 600;
justify-content: center;
height: 104px;
font-size: 10px;
line-height: normal;
gap: 5px;
}
.quicklink_form .quicklink_form_content a:hover {
background-color: #004264;
color: #ffffff;
box-shadow: 0px 0px 17px 2px #6c5a5a;
}
.quicklink_form .quicklink_form_content a img{
width: 50px;
}
.quicklink_form .quicklink_form_social {
padding: 0px 20px 30px 20px;
display: flex;
flex-direction: row;
justify-content: center;
align-items: center;
gap: 10px;
}
.quicklink_form .quicklink_form_social a img{
width: 30px;
}
.enquiry_form > .form_div > form > .form_type > select, .enquiry_form > .form_div > form > .form_type > input {
padding: 7px;
width: 250px;
padding-left: 5px;
border: 1px solid #e6e6e6;
border-radius: 3px;
transition: all 0.2s;
font-family: 'Open Sans', sans-serif;
font-size: 14px;
background: rgba(0, 68, 117, 0.09);
}
.enquiry_form > .form_div > form > .form_type > select, .enquiry_form > .form_div > form > .form_type > input::placeholder{
/*color: #0000007d;*/
}
.enquiry_form > .form_div > form > .form_type > select:focus, .enquiry_form > .form_div > form > .form_type > input:focus{
border-color:#004475;
}
.enquiry_form > .form_div > form > .form_type > select:focus + span, .enquiry_form > .form_div > form > .form_type > input:focus + span{
color:#004475;
}
.enquiry_form > .form_div > form > .form_type > span{
color: #0000007d;
}
.enquiry_form > .form_div > form > .submit > .submit_btn, .enquiry_form > .form_div > form > .submit > .cancel_btn{
border: none;
background: #04548d;
padding: 5px 10px;
width: 100px;
color: #fff;
border-radius: 3px;
transition:all 0.2s;
}
.enquiry_form > .form_div > form > .submit > .submit_btn > span, .enquiry_form > .form_div > form > .submit > .cancel_btn > span{
float:right;
}
.enquiry_form > .form_div > form > .submit > .cancel_btn{
background: #e22525d4;
display: inline-block;
cursor: pointer;
}
/*nav bar*/
.fixed-header {
position: fixed;
top: 0;
left: 0;
width: 100%;
background:#fff;
box-shadow: 0px 3px 8px 1px rgba(0, 0, 0, 0.42);
transition:all 0.2s;
}
.fixed-header .logo img{
top: -35px !important;
width: 100% !important;
}
.web_nav{
transition:all 0.2s;
z-index:999;
}
nav .first{
padding: 5px;
}
nav .second{
text-align: left;
padding: 12px 0;
background: #004475;
position: relative;
}
nav .second .after_span{
position: absolute;
/*width: 27.5%;*/
left: 0;
height: 100%;
background: #fff;
top: 0;
}
nav .second .after_span::after{
content:"";
width: 50px;
height: 100%;
position: absolute;
right: -25px;
/* border: 50px; */
border-left: 25px solid transparent;
border-right: 25px solid transparent;
border-bottom: 52px solid #004475;
transform: rotate(180deg);
}
nav .first .date, nav .first .social_icon{
width: max-content;
display: inline-block;
margin-left: 10px;
}
nav .first .social_icon{
text-align:right;
}
nav .first .date > .claender_img{
width: 20px;
display: inline-block;
}
nav .first .date > .claender_img > img{
width: 16px;
margin-right: 5px;
}
nav .first .date > .today_date{
font-family: 'Open Sans', sans-serif;
font-size: 15px;
display: inline-block;
vertical-align: middle;
color: #fff;
}
nav .first .social_icon > span{
display: inline-block;
margin: 0px 0px 0px 20px;
}
nav .first .social_icon > span > i{
font-size: 18px;
}
nav .second .search_bar{
width: 200px;
display: inline-block;
position: relative;
margin: 0px 20px;
}
nav .second .menu_list, nav .second .menu_list > ul > li{
width: max-content;
display: inline-block;
}
nav .second .menu_list > ul{
margin-bottom:0px;
padding-left: 13px;
}
nav .second .search_bar > input{
width: 100%;
padding: 3px 20px 3px 10px;
border: 1px solid #abbcc8;
border-radius: 3px;
}
nav .second .search_bar > span{
position: absolute;
top: 3px;
right: 5px;
color: #004475;
}
nav .second .search_bar > span > i{
font-size: 12px;
}
nav .second .menu_list > ul > li{
margin: 0px 2px;
color: #004475;
font-family: 'Open Sans', sans-serif;
position:relative;
}
nav .second .menu_list > ul > li > a{
color: #fff;
cursor:pointer;
transition:0.2s;
font-size: 14px;
padding: 10px 0px;
}
nav .second .menu_list > ul > li > a:hover{
color:#ffffff;
}
nav .third{
/*background: #ffffff;*/
background: #08b3e7;
padding: 0px 0px 0 15px;
z-index: 999;
position: relative;
/* transition: all 0.2s;*/
}
nav .third .logo{
width: 14%;
display: inline-block;
position: relative;
right: 60px;
}
nav .third .logo img{
width: auto;
max-width: 212px;
position: absolute;
top: -64px;
left: 0px;
transition: all 0.2s;
z-index: 999;
}
nav .third .lists{
/*width: 85%;*/
display: inline-block;
text-align:right;
vertical-align: middle;
}
.large-image{
height: 82vh !important;
}
nav .third .lists > ul > li{
width: max-content;
display: inline-block;
color:#fff;
/*padding: 30px 6.1px;*/
padding: 15px 5px;
font-family: 'Open Sans', sans-serif;
position: relative;
/*border-left: 1px solid #fff;*/
/*border-right: 1px solid #fff;*/
z-index: 2;
}
nav .third .lists > ul > li > .list_wrapper, nav .second .menu_list > ul > li > .list_wrapper{
position: absolute;
z-index: 9999;
border: 1px solid #004475;
top: 50px;
width: 680px;
text-align: left;
left: -1px;
background: #f7f7f7;
transform: translateY(40px);
transition: transform 0.25s;
visibility: hidden;
opacity: 0;
box-shadow: 0px 29px 21px 0px #00000057;
}
nav .second .menu_list > ul > li > .list_wrapper{
width:400px;
top:22px;
}
nav .third .lists > ul > li > .list_wrapper.list_wrapper_right{
right:-1px !important;
left: auto;
}
nav .third .lists > ul > li > .list_wrapper.list_wrapper_right > span.width{
position: absolute;
height: 1px;
right: 0px !important;
left:auto;
top: -1px;
background: #f7f7f7;
}
nav .third .lists > ul > li > .list_wrapper > span.width{
position: absolute;
height: 1px;
left: 0px;
top: -1px;
background: #f7f7f7;
}
nav .third .lists > ul > li:hover > .list_wrapper, nav .second .menu_list > ul > li:hover > .list_wrapper{
transform: translateY(0px);
visibility: visible;
opacity: 1;
}
nav .third .lists > ul > li > .list_wrapper > .about_img, nav .second .menu_list > ul > li > .list_wrapper > .wrapper_list{
width: 49%;
display: inline-block;
vertical-align: top;
padding: 10px;
}
nav .second .menu_list > ul > li > .list_wrapper > .about_img, nav .third .lists > ul > li > .list_wrapper > .wrapper_list{
width: 49%;
display: inline-block;
vertical-align: top;
padding: 10px;
}
nav .third .lists > ul > li > .list_wrapper > .wrapper_list > ul, nav .second .menu_list > ul > li > .list_wrapper > .wrapper_list > ul{
padding-left:0px;
}
nav .third .lists > ul > li > .list_wrapper > .wrapper_list > ul > li, nav .second .menu_list > ul > li > .list_wrapper > .wrapper_list > ul > li{
padding: 10px 10px 10px 5px;
border-bottom:1px solid #ccc;
}
nav .third .lists > ul > li > .list_wrapper > .wrapper_list > ul > li:hover, nav .second .menu_list > ul > li > .list_wrapper > .wrapper_list > ul > li:hover{
background: #81caff;
}
nav .third .lists > ul > li > .list_wrapper > .wrapper_list > ul > li:last-child, nav .second .menu_list > ul > li > .list_wrapper > .wrapper_list > ul > li:last-child{
border-bottom:none;
}
nav .third .lists > ul > li > .list_wrapper > .wrapper_list > ul > li >a, nav .second .menu_list > ul > li > .list_wrapper > .wrapper_list > ul > li >a{
display: inline-block;
width: 100%;
transition:all 0.2s;
cursor: pointer;
}
nav .third .lists > ul > li > .list_wrapper > .wrapper_list > ul > li:hover > a, nav .second .menu_list > ul > li > .list_wrapper > .wrapper_list > ul > li:hover > a{
color:#ffffff;
}
nav .third .lists > ul > li > .list_wrapper > .wrapper_list > ul > li:hover > a > span, nav .second .menu_list > ul > li > .list_wrapper > .wrapper_list > ul > li:hover > a > span{
color:#ffffff;
}
nav .third .lists > ul > li > .list_wrapper > .wrapper_list > ul > li >a > span, nav .second .menu_list > ul > li > .list_wrapper > .wrapper_list > ul > li >a > span{
float: right;
color: #004475;
transition: all 0.2s;
display: none;
}
nav .third .lists > ul > li > .list_wrapper > .about_img > img, nav .second .menu_list > ul > li > .list_wrapper > .about_img > img{
width:100%;
}
nav .third .lists > ul > li > a{
/*color: #100f0f;*/
color: #fff;
cursor: pointer;
transition: 0.2s;
text-transform: capitalize;
font-size: 14px;
letter-spacing: 1px;
font-weight:500;
transition:all 0s;
}
nav .third .lists > ul > li:hover{
background: #f7f7f7;
border-left: 1px solid #004475;
border-right: 1px solid #004475;
box-shadow: 0px 16px 6px 0px #0000007a;
}
nav .third .lists > ul > li:hover > a{
color: #000;
font-weight: 600;
}
nav .third .lists > ul{
margin-bottom:0px;
padding:0px;
position: relative;
}
.logo{
text-align: center;
}
.logo a img{
margin: 16px 0 0 0px;
width: 67%;
}
.web_nav {
padding-right:0 ;
}
.facebook > i{
color:#3b5998;
}
.twitter > i{
color:#2bb1e0;
}
.youtube > i{
color:#f61c0d;
}
.linkedin > i{
color:#0077b7;
}
/*Responsive Nav*/
.nav_1{
padding: 10px;
text-align: left;
border-bottom: 1px solid #ccc;
box-shadow: 0px 0px 9px 1px rgba(0, 0, 0, 0.24);
}
.nav_1 > .today_date > span.calender_img{
vertical-align: text-bottom;
display: inline-block;
width: 20px;
}
.nav_2{
background: #004475;
position: relative;
overflow: hidden;
}
.nav_2 > ul{
padding-left: 0px;
margin-bottom: 0px;
padding: 5px 0px 10px 0px;
}
.nav_2 > ul > li:nth-child(1){
width: 44px;
display: inline-block;
}
.nav_2 > ul > li:nth-child(2){
width: calc(100% - 105px);
display: inline-block;
}
.nav_2 > ul > li:nth-child(3){
width: 44px;
display: inline-block;
text-align:right;
}
.nav_2 > ul > li > a.hamburger{
display: inline-block;
margin: 0px 10px;
}
.nav_2 > ul > li > a.hamburger > img, .nav_2 > ul > li > a.search > img{
width: 20px;
}
.nav_2 > ul > li > a.logo > img{
width: 35%;
max-width:110px;
}
.responsive_nav > .side_menu{
transition: all 0.2s;
position: fixed;
top: 0;
z-index: 9999;
background: #fff;
width: 0px;
height: 100vh;
max-height: 100vh;
box-shadow: 3px 0px 20px 0px #00000075;
border-top-right-radius: 5px;
overflow: hidden;
overflow-y: auto;
}
.responsive_nav > .side_menu > ul{
height: auto;
padding-left: 0px;
padding-bottom: 40px;
}
.responsive_nav > .side_menu > ul > li:first-child{
background: #00406e;
padding: 5px;
text-align: center;
}
.responsive_nav > .side_menu > ul > li{
padding: 15px 10px;
font-weight: 600;
border-bottom: 1px solid rgba(0, 64, 110, 0.29);
}
.responsive_nav > .side_menu > ul > li > a{
display: inline-block;
width:80%;
vertical-align:middle;
}
.responsive_nav > .side_menu > ul > li span{
width:18%;
display: inline-flex;
align-items: center;
vertical-align: middle;
float: none;
transition: all ease-in-out 0.2s;
transform: rotate(0deg);
text-align:right;
}
.responsive_nav > .side_menu > ul > li span > img{
margin: 0 0 0 auto;
transition:all ease-in-out 0.2s;
width: 12px;
}
.responsive_nav > .side_menu > ul > li span > img.rotate{
transform: rotate(90deg);
}
.responsive_nav > .side_menu > ul > li .sidenav_wrapper{
margin-top: 10px;
}
.responsive_nav > .side_menu > ul > li .sidenav_wrapper > ul{
padding-left: 0px;
}
.responsive_nav > .side_menu > ul > li .sidenav_wrapper > ul > li{
border-bottom: 1px solid #cccccc47;
display: flex;
}
.responsive_nav > .side_menu > ul > li .sidenav_wrapper > ul > li > a{
color: #00406e;
font-family: 'Open Sans', sans-serif;
font-size: 13px;
display: inline-block;
width: 100%;
padding: 10px 0px 10px 10px;
}
.responsive_nav > .side_menu > ul > li .sidenav_wrapper > ul > li > a > span{
float: right;
}
.responsive_nav > .side_menu > ul > li .sidenav_wrapper > ul > li > a > span > img{
width:12px;
}
.responsive_nav > .side_menu > ul > li > span > img{
width: 15px;
}
.responsive_nav > .side_menu > ul > li:first-child > a > img{
width: 80%;
}
.responsive_nav > .side_menu > ul > li:first-child > a > span{
display: inline-block;
position: absolute;
top: 6px;
right: 6px;
opacity: 1;
}
.responsive_nav > .side_menu > ul > li:first-child > a > span > img{
width: 24px;
}
.search_input{
position: absolute;
top: 0;
width: calc(100% - 40px);
left: 100%;
height: 100%;
display: flex;
align-items: center;
transition: all 0.25s;
padding: 10px;
background: #004475;
}
.search_input > input{
width: 95%;
padding: 5px;
border-radius: 3px;
border: none;
}
.search_input > span.close_input{
color: #fff;
width: 20px;
height: 20px;
text-align: center;
font-weight: 600;
margin-left: 10px;
}
/*Responsive Nav*/
/*scroll bar*/
::-webkit-scrollbar {
width: 15px !important;
}
/* Track */
::-webkit-scrollbar-track {
background: #f1f1f1;
}
/* Handle */
::-webkit-scrollbar-thumb {
background: #888;
}
/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
background: #555;
}
/*scroll bar*/
/*Gallery*/
.container-gallery > .large-image{
width:91% !important;
display:inline-block;
}
.container-gallery > .thmb-wrap{
width: 9%;
display: inline-block;
vertical-align: top;
border: 5px solid #000;
height: 82vh;
}
.container-gallery > .controls{
display:none;
}
.container-gallery > .thmb-wrap > .thumbnails{
width: 100% !important;
overflow-y:auto;
background: #000;
}
.container-gallery > .thmb-wrap > .thumbnails > .gallery-item{
margin-bottom: 5px;
height: 71px !important;
}
.gallery_section ::-webkit-scrollbar {
width: 3px;
}
.gallery_section ::-webkit-scrollbar-thumb {
background: #f42b2b;
}
.image_text > p{
font-size: 26px;
text-shadow: 2px 2px #000;
text-transform: uppercase;
}
.image_text > h3{
font-size: 63px;
font-family: 'Open Sans', sans-serif;
width: 50%;
margin: 0 auto;
text-shadow: 3px 3px #000;
text-transform: uppercase;
overflow: hidden;
}
/*Cards*/
.cards{
padding: 40px 0px;
/*background-image:url("../images/contact_us/bg5.png");*/
background-image:url("../images/contact_us/bg_media.jpg");
background-size:100% 100%;
position: relative;
overflow:hidden;
}
.fixed_btns{
transform: rotate(-90deg);
position: fixed;
/* left: -123px;*/
left: -56px;
top: calc(50% + 50px);
z-index: 999;
}
.fixed_btns > .enquiry{
width: max-content;
background: #fff;
border-radius: 0px 0px 10px 10px;
display:inline-block;
overflow: hidden;
box-shadow: 0px 0px 10px 2px #7a7878;
margin: 0px 10px;
font-size: 16px;
font-family: 'Open Sans', sans-serif;
}
.fixed_btns > .testimonial{
width: max-content;
display:inline-block;
background: #fff;
border-radius: 0px 0px 10px 10px;
overflow: hidden;
box-shadow: 0px 0px 10px 2px #7a7878;
margin: 0px 10px;
font-size: 16px;
font-family: 'Open Sans', sans-serif;
}
.fixed_btns > .testimonial > a > span > img, .fixed_btns > .enquiry > a > span > img{
transform: rotate(90deg);
margin-right: 5px;
}
.fixed_btns > .testimonial > a, .fixed_btns > .enquiry > a{
cursor:pointer;
display: inline-block;
padding: 5px 10px 5px 10px;
}
.fixed_btns > .testimonial > a {
padding: 5px 10px;
}
.fixed_btns > .testimonial > a > span, .fixed_btns > .enquiry > a > span{
margin-right: 5px;
}
.cards .main_card{
padding: 30px 10px 30px 10px;
background: #04548d;
color: #fff;
text-align: center;
border-radius: 10px;
overflow: hidden;
transition: all 0.35s;
}
.cards .main_card:hover{
background: #6e94af;
box-shadow: 0px 9px 32px 0px rgba(0, 68, 117, 0.6);
}
.cards .main_card > .card_img{
width: 60px;
margin: 0 auto;
height: 60px;
background: #004475;
overflow: hidden;
border-radius: 50%;
display: flex;
align-items: center;
transition:all 0.4s;
}
.cards .main_card:hover > .card_img{
background: #98b3c7;
}
.cards .main_card:hover > .card_img > img{
transform:scale(1.2);
}
.cards .main_card > .card_img > img{
width: 50%;
margin: 0 auto;
transform: scale(1);
transition: ease all 0.45s;
}
.cards .main_card > .card_head > h3{
font-size:20px;
}
.cards .main_card > .card_content > p{
font-size: 15px;
text-align: center;
margin: 2px 0px 20px;
color: #fff;
/*overflow: hidden;*/
text-overflow: ellipsis;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 3;
line-height: 25px;
max-height: 50px;
}
.cards .main_card > .card_content > p:first-child{
margin:0;
}
.cards .main_card > .card_content > p:last-child{
margin:0;
}
.cards .main_card > .view_button > button{
border: none;
background: #fff;
color: #004475;
padding: 5px 15px;
border-radius: 3px;
font-family: 'Open Sans', sans-serif;
transition: all 0.25s;
}
.cards .main_card > .view_button > button:hover{
background: #004475;
color: #ffffff;
}
.next_event{
margin-bottom:25px;
padding-top:20px;
}
.next_event.upcoming_bg{
background-image:url("../images/layer_1.png");
background-size:100% 100%;
}
.next_event.next_event_responsive{
display:none;
}
.next_event .head{
text-align:center;
position: relative;
}
.next_event .head > span.style{
background: #004475;
display: inline-block;
width: 50px;
height: 3px;
position: absolute;
left: calc(50% - 25px);
top: 26px;
}
.next_event .head > h3{
font-family: 'Open Sans', sans-serif;
font-size: 22px;
color: #000;
text-transform: uppercase;
/*margin-top: 20px;*/
margin-bottom: 10px;
}
.next_event .head > p{
color: #858585;
font-size: 18px;
margin-bottom: 25px;
color: #1f1f1f;
}
.next_event .event_bg{
background-image:url("../images/next_event.png");
padding: 0px 20px;
background-size: 100% 100%;
}
.next_event .event_bg.event_nonbg{
background-image:none;
padding: 0px;
}
.next_event .event_bg.event_nonbg > img{
width:100%;
}
.next_event .event_bg > .theme{
width: 100%;
display: inline-block;
vertical-align: bottom;
padding-right: 0;
}
.next_event .event_bg > .theme img{
width: 100%;
}
.next_event .event_bg > .theme > a{
display: inline-block;
width: 100%;
}
.next_event .event_bg > .theme > h3{
color: #e39537;
}
.next_event .event_bg > .theme > p{
color: #fff;
font-size: 18px;
}
.next_event .event_bg > .theme > p > span{
font-family: 'Open Sans', sans-serif;
}
.next_event .event_bg > .event_text{
width: 34%;
display: inline-block;
text-align: right;
vertical-align: top;
}
.next_event .event_bg > .event_text > h3{
color: #f9a130;
font-family: 'Open Sans', sans-serif;
font-size: 30px;
margin-bottom: 0px;
}
.next_event .event_bg > .event_text p.subhead{
color: #ffffff;
font-family: 'Open Sans', sans-serif;
font-size: 30px;
}
.next_event .event_bg > .event_text p.yr{
color: #f9a130;
font-family: 'Open Sans', sans-serif;
font-size:22px;
}
.next_event .event_bg > .event_text p.para{
color: #ffffff;
font-size: 20px;
margin-bottom: 25px;
}
.next_event .event_bg > .event_text p.para > span{
font-family: 'Open Sans', sans-serif;
}
.next_event .event_bg > .event_text p.area{
color: #f9a130;
font-size: 16px;
}
.next_event .event_bg > .event_text p.location{
color: #ffffff;
font-size: 16px;
}
.next_event .event_bg > .event_text button{
border: 1px solid #fff;
background: none;
color: #fff;
padding: 6px 20px;
border-radius: 3px;
margin: 20px 0px 10px 0px;
transition: all 0.35s;
}
.next_event .event_bg > .event_text button:hover{
border: 1px solid #08b3e7;
background: #08b3e7;
}
.next_event .event_bg > .event_text button > span{
margin-left:10px;
}
/*Upcoming Event*/
.upcoming .event_main_div{
border: 1px solid #ccc;
overflow: hidden;
background: #fff;
}
.upcoming .event_main_div > .about > h3{
font-size: 14px;
color: #1f1f1f;
font-family: 'Open Sans', sans-serif;
margin-top: 10px;
text-align:center;
}
.upcoming .event_main_div > .about > p{
text-align: center;
color: #1f1f1f;
font-size: 13px;
}
.upcoming .event_main_div > .event_img > img{
width: 100%;
height:auto;
}
.upcoming .event_main_div:hover .event_img > img{
transform: scale(1.02);
transition: transform 0.5s;
}
.upcoming .event_main_div > .event_img {
position: relative;
overflow: hidden;
}
.upcoming .event_main_div > .event_img > .abs_para{
position: absolute;
bottom: -100px;
display: inline-block;
width: 100%;
background: rgba(18, 58, 116, 0.75);
padding: 0px 10px;
color:#fff;
transition:all ease-in-out 0.25s;
}
.upcoming .event_main_div > .event_img:hover > .abs_para{
bottom:0;
}
.upcoming .event_main_div > .event_img > .abs_para > h3{
color: #e39537;
margin-bottom: 0px;
}
.upcoming .event_main_div > .event_img > .abs_para > p{
font-size:15px;
}
.upcoming .all_upcoming{
/*margin: 10px 0px 0px 0px;*/
}
.event_bg .all_upcoming{
margin: 40px 0px 0px 0px;
}
.all_upcoming > button{
border: none;
background: #08b3e7;
color: #fff;
padding: 6px 10px;
width: 200px;
border-radius: 3px;
transition: all 0.35s;
margin-top: 20px;
}
.all_upcoming > button > a{
display: inline-block;
width: 100%;
}
.all_upcoming > button:hover{
background: #004475;
}
.all_upcoming > button > span{
float: right
}
/*Past book*/
.pastbuk{
background: linear-gradient(#eaeaea, #ffffff);
}
.pastbuk.articles{
background: #ffffff;
}
.pastbuk.publications{
/*background: #eff8ff;
padding-bottom: 40px;
margin-bottom: 0px;*/
padding-bottom: 40px;
background-image:url("../images/contact_us/bg21.jpg");
background-size:100% 100%;
position: relative;
overflow:hidden;
}
.event_type > ul > li{
width: max-content;
display: inline-block;
padding:5px 20px;
color: #000;
font-family: 'Open Sans', sans-serif;
}
.event_type > ul > li > a{
color: #000;
font-family: 'Open Sans', sans-serif;
cursor:pointer;
}
.event_type > ul > li.active{
border: 1px solid #004475;
background: #004475;
color:#fff;
border-radius: 50px;
}
.event_type > ul > li.active > a{
color:#fff;
}
.event_type > ul{
text-align:center;
margin-bottom: 30px;
}
.past_img > img{
height:auto;
width:100%;
border-radius: 5px;
}
.past_img{
border-radius: 5px;
overflow: visible;
position:relative;
}
.past_img > .abs_icon{
position: absolute;
bottom: -20px;
width: 100%;
text-align: right;
transform: translateY(20px);
opacity: 0;
transition: all ease-in-out 0.2s;
z-index: 9;
}
.past_img .past_buk_theme{
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: rgba(18, 58, 116, 0.68);
z-index: 1;
color: #fff;
padding: 10px;
display: flex;
align-items: center;
opacity: 0;
transition: all ease-in-out 0.2s;
}
.past_img .past_buk_theme > div{
width: 100%;
}
.past_img .past_buk_theme > div > p:first-child{
font-size: 20px;
font-family: 'Open Sans', sans-serif;
text-shadow: 1px 1px #000;
color: #e39537;
text-transform: uppercase;
transform: translateY(-20px);
transition: all ease-in-out 0.3s;
}
.past_img .past_buk_theme > div > p:last-child{
font-size: 16px;
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
line-height: 24px;
max-height: 48px;
transform: translateY(20px);
transition: all ease-in-out 0.3s;
}
.past_img:hover .past_buk_theme > div > p:first-child{
transform: translateY(0px);
}
.past_img:hover .past_buk_theme > div > p:last-child{
transform: translateY(0px);
}
.past_img:hover .past_buk_theme{
opacity: 1;
}
.past_img:hover .abs_icon{
transform: translateY(0px);
opacity: 1;
}
.past_img > .abs_icon > span{
display: inline-block;
border: 1px solid #fff;
width: 40px;
height: 40px;
padding: 10px;
border-radius: 50%;
background: #fff;
margin: 0px 10px;
box-shadow: 0px 0px 17px 1px rgba(0, 0, 0, 0.37);
}
.past_img > .abs_icon > span > img{
width: 100%;
height: 100%;
}
.past_date{
margin: 0px 0px 0px 0px;
background: #B2D7EA;
border-radius: 0px 0px 10px 10px;
overflow: hidden;
border-bottom: 1px solid rgba(204, 204, 204, 0.55);
}
.past_date > .day{
width: 100px;
display: inline-block;
vertical-align: middle;
text-align: center;
color: #004475;
background: #08b3;
padding: 10px 9px;
font-size: 14px;
font-family: 'Open Sans', sans-serif;
}
.past_date > .day > span{
display:block;
color: #1f1f1f;
font-weight: 600;
}
.past_date > .past_text{
width: calc(100% - 105px);
display: inline-block;
vertical-align: middle;
font-family: 'Open Sans', sans-serif;
background: #B2D7EA;
padding: 10px 10px;
}
.image_gallery > .abs_text{
position: absolute;
top: 0;
width: 100%;
height: 100%;
display: flex;
align-items: center;
}
.image_gallery > .abs_text > div{
width: 100%;
text-align: center;
color: #fff;
}
.image_gallery > .abs_text > div > p{
font-size:25px;
text-transform:uppercase;
text-shadow: 1px 1px #000;
letter-spacing: 2px;
}
.image_gallery > .abs_text > div > h3{
font-size: 50px;
text-transform: uppercase;
font-family: 'Open Sans', sans-serif;
width: 40%;
margin: 0 auto;
text-shadow:1px 1px #000;
letter-spacing: 3px;
}
.gallery_section{
position: relative;
}
.gallery_section .image_text{
position: absolute;
top: calc(50% - 97px);
width: 100%;
text-align: center;
color: #fff;
}
#owl3, #owl_past_reg{
padding: 10px;
}
#owl3 div.item{
padding: 0px 10px;
}
/*#upcom_events .owl-nav,*/
#owl3 .owl-nav, #owl_researchslide .owl-nav, #expert_memberslide .owl-nav{
display:block;
}
#owl3 .owl-nav > button:hover{
background: none;
color: initial;
}
#owl3 .owl-nav > .owl-prev, #upcom_events .owl-nav > .owl-prev, #owl_researchslide .owl-nav > .owl-prev, #expert_memberslide .owl-nav > .owl-prev{
position: absolute;
top: calc(75% - 100px);
left: -20px;
font-size: 59px;
font-family: 'Open Sans', sans-serif;
}
#owl3 .owl-nav > .owl-next, #upcom_events .owl-nav > .owl-next, #owl_researchslide .owl-nav > .owl-next, #expert_memberslide .owl-nav > .owl-next{
position: absolute;
top: calc(75% - 100px);
right: -20px;
font-size: 59px;
font-family: 'Open Sans', sans-serif;
}
#expert_memberslide .member_main > .member_info{
min-height: 155px;
}
#owl_publication .owl-nav > .owl-prev{
position: absolute;
top: calc(50% - 100px);
left: -20px;
font-size: 59px;
font-family: 'Open Sans', sans-serif;
}
#owl_publication .owl-nav > .owl-next{
position: absolute;
top: calc(50% - 100px);
right: -20px;
font-size: 59px;
font-family: 'Open Sans', sans-serif;
}
#owl_publication .item{
padding: 0px 10px;
}
#owl_14 .owl-nav > button:hover, .past_eve_carousels .owl-carousel .owl-nav > button:hover{
background: none;
color: initial;
}
#owl_14 .owl-nav > .owl-prev, .past_eve_carousels .owl-carousel .owl-nav > .owl-prev{
position: absolute;
top: calc(50% - 100px);
left: -40px;
font-size: 59px;
font-family: 'Open Sans', sans-serif;
}
#owl_14 .owl-nav > .owl-next, .past_eve_carousels .owl-carousel .owl-nav > .owl-next{
position: absolute;
top: calc(50% - 100px);
right: -40px;
font-size: 59px;
font-family: 'Open Sans', sans-serif;
}
/*Banner Slider*/
#banner_slider{
/* clear: both; */
}
#banner_slider .owl-nav > button:hover{
background: none;
color: initial;
}
#banner_slider .owl-nav > .owl-prev{
position: absolute;
top: calc(50% - 100px);
left: 10px;
font-size: 59px;
font-family: 'Open Sans', sans-serif;
color: #fff;
}
#banner_slider .owl-nav > .owl-next{
position: absolute;
top: calc(50% - 100px);
right: 10px;
font-size: 59px;
font-family: 'Open Sans', sans-serif;
color: #fff;
}
/*Membership*/
.membership .member_image{
overflow: hidden;
transition: all ease-in-out 0.4s;
transform: perspective(800px) rotate3d(0, 0, 0, 0deg);
max-height: 455px;
}
.membership .member_image:hover{
transform: perspective(800px) rotate3d(0, 1, 0, 180deg);
}
.membership .member_image > .front{
width:100%;
max-height: 455px;
min-height: 455px;
opacity: 1;
visibility: visible;
transition: all ease-in-out 0.4s;
}
.membership .member_image:hover > .front{
opacity: 0;
visibility: hidden;
}
.membership .member_image > .front img{
width:100%;
max-height:455px;
min-height: 455px;
}
.membership .member_image > .back{
min-height: 455px;
display: flex;
align-items: center;
flex-wrap: wrap;
align-content: center;
background: #004475;
position: absolute;
top: 0;
left: 0;
width: 100%;
color: #fff;
transform:rotateY(180deg);
opacity: 0;
visibility: hidden;
transition: all ease-in-out 0.4s;
}
.membership .member_image > .back > h3, .membership .member_image > .back > p{
width: 100%;
text-align:center;
}
.membership .member_image:hover > .back{
opacity: 1;
visibility: visible;
}
.membership .dates_slider{
overflow:hidden;
border-radius: 0px;
}
.membership .dates_slider > .head{
background: #004475;
text-align: left;
padding: 10px;
}
.membership .dates_slider > .head > p{
color: #fff;
font-size: 18px;
font-family: 'Open Sans', sans-serif;
margin-bottom: 0px;
}
.membership .dates_slider > .actual_dates .main_item{
padding: 10px 5px;
border-radius: 10px;
background: #96E0FF;
}
.membership .dates_slider > .actual_dates .main_item > .days{
width: auto;
/*display: inline-flex;*/
align-items: center;
}
.membership .dates_slider > .actual_dates .main_item > .days > img{
width: 30px;
}
.membership .dates_slider > .actual_dates .main_item > .about{
width: 100%;
text-align: center;
/* display: inline-block;
vertical-align: top;*/
}
.membership .dates_slider > .actual_dates .main_item > .days > p{
width: 100%;
text-align: center;
margin-bottom: 0px;
/* font-weight: 900; */
font-family: 'Open Sans', sans-serif;
}
.membership .dates_slider > .actual_dates .main_item > .about > p:first-child{
margin-bottom: 5px;
font-size: 18px;
font-weight: 600;
}
.membership .dates_slider > .actual_dates .main_item > .about > p:first-child > span{
display: inline-block;
border: 1px solid #6c7c8c;
padding: 3px 10px;
margin-right: 5px;
font-size: 14px;
}
.membership .dates_slider > .actual_dates .main_item > .about > p:last-child{
font-size: 14px;
color: #000;
margin-bottom: 0px;
font-weight: 600;
}
.membership .dates_slider > .second_img > img{
width: 100%;
max-height: 290px;
}
.membership .dates_slider > .actual_dates{
padding: 5px 0px;
background: #96E0FF;
position: relative;
margin-bottom: 5px;
}
.membership .dates_slider > .actual_dates > .view{
position: absolute;
top: auto;
right: 55px;
bottom: -15px;
}
.membership .dates_slider > .actual_dates > .view > button{
border: none;
background: #004475;
color: #fff;
padding: 7px 10px;
border-radius: 5px;
}
.members_detailsdiv p.photo-text, #members_details p.photo-text{
font-size: 14px;
}
#owl_2 .owl-prev{
position: absolute;
top: auto;
right: 30px;
color: #000;
font-size: 35px;
font-family: 'Open Sans', sans-serif;
bottom: -45px;
}
#owl_2 .owl-next{
position: absolute;
top: auto;
right: 10px;
color: #000;
font-size: 35px;
font-family: 'Open Sans', sans-serif;
bottom: -45px;
}
#owl_2 .owl-nav button:hover{
background:none;
}
.iod_member > h3{
margin-top: 5px;
font-family: 'Open Sans', sans-serif;
font-size: 20px;
}
.members_tabs ul.nav.nav-tabs{
border-bottom: 1px solid #ccc;
}
.members_tabs ul.nav.nav-tabs > li.active > a{
border: none;
border-bottom: 2px solid #004475;
background: #B2D7EA;
}
.members_tabs ul.nav.nav-tabs > li > a{
border: none;
border-bottom: 2px solid #fffff;
font-weight: 500;
}
.members_tabs .tab-content .member_main{
width: 45%;
display: inline-block;
border: 1px solid #ccc;
margin: 20px 2% 0px;
border-radius: 3px;
box-shadow: 0px 3px 6px 0px #ccc;
padding: 27px 10px 10px 10px;
/* background-image: url(../images/membership/member_bg.png);*/
background-size: 100% 100%;
position: relative;
}
.members_tabs .tab-content .member_main > .member_img{
width: 100px;
height: 100px;
overflow: hidden;
margin: 0 auto;
border-radius: 50%;
display: flex;
align-items: center;
margin-top: 10px;
}
.members_tabs .tab-content .member_main > .member_img > img{
width: 100%;
}
.members_tabs .tab-content .member_main > .member_info{
text-align: center;
}
.members_tabs .tab-content .member_main > .member_info > p:first-child{
margin-top: 10px;
font-size: 16px;
font-family: 'Open Sans', sans-serif;
}
.members_tabs .tab-content .member_main > .member_info > p:last-child{
font-family: 'Open Sans', sans-serif;
font-size: 11px;
/*color: #1f1f1f85;*/
color: #363636;
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
line-height: 14px;
max-height: 20px;
}
.members_tabs .tab-content{
max-height: 304px;
overflow: hidden;
overflow-y: auto;
}
.analysis > .meter_div meter{
width:100%;
display:block;
height:30px;
}
.analysis > .meter_div .year{
width: 90%;
-webkit-animation: mymove 2s; /* Safari 4.0 - 8.0 */
animation: mymove 2s;
}
@keyframes mymove {
from {width: 0;}
to {width: 90%;}
}
.analysis > .meter_div div{
border-radius: 3px;
overflow: hidden;
display: block;
margin: 0px 0px 5px 0px;
position: relative;
}
.analysis > .meter_div div > span{
position: absolute;
top: calc(50% - 10px);
left: 10px;
color: #FFF;
font-weight: 600;
}
.analysis > .meter_div .year_2017{
width: 70%;
-webkit-animation: mymove2 2s; /* Safari 4.0 - 8.0 */
animation: mymove2 2s;
}
@keyframes mymove2 {
from {width: 0;}
to {width: 70%;}
}
.analysis > .meter_div .year_2015{
width: 50%;
-webkit-animation: mymove3 2s; /* Safari 4.0 - 8.0 */
animation: mymove3 2s;
}
@keyframes mymove3 {
from {width: 0;}
to {width: 50%;}
}
.analysis > .meter_div .year_2013{
width: 30%;
-webkit-animation: mymove4 2s; /* Safari 4.0 - 8.0 */
animation: mymove4 2s;
}
@keyframes mymove4 {
from {width: 0;}
to {width: 30%;}
}
.analysis > .meter_div .year_2011{
width: 15%;
-webkit-animation: mymove5 2s; /* Safari 4.0 - 8.0 */
animation: mymove5 2s;
}
@keyframes mymove5{
from {width: 0;}
to {width: 15%;}
}
.meter_div meter::-webkit-meter-bar {
background: none; /* Required to get rid of the default background property */
background-color: transparent;
box-shadow: none;
}
.year meter::-webkit-meter-optimum-value {
background: #db7102;
background: -moz-linear-gradient(top, #e48017 0%, #ca6903 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #e48017), color-stop(100%, #ca6903));
background: -webkit-linear-gradient(top, #e48017 0%, #ca6903 100%);
background: -o-linear-gradient(top, #e48017 0%, #ca6903 100%);
background: -ms-linear-gradient(top, #e48017 0%, #ca6903 100%);
background: linear-gradient(to bottom, #e48017 0%, #ca6903 100%);
}
.year_2017 meter::-webkit-meter-optimum-value {
background: #db1956;
background: -moz-linear-gradient(top, #e22e67 0%, #c8144d 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #e22e67), color-stop(100%, #c8144d));
background: -webkit-linear-gradient(top, #e22e67 0%, #c8144d 100%);
background: -o-linear-gradient(top, #e22e67 0%, #c8144d 100%);
background: -ms-linear-gradient(top, #e22e67 0%, #c8144d 100%);
background: linear-gradient(to bottom, #e22e67 0%, #c8144d 100%);
}
.year_2015 meter::-webkit-meter-optimum-value {
background: #28a6d9;
background: -moz-linear-gradient(top, #39b3e5 0%, #1c97c9 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #39b3e5), color-stop(100%, #1c97c9));
background: -webkit-linear-gradient(top, #39b3e5 0%, #1c97c9 100%);
background: -o-linear-gradient(top, #39b3e5 0%, #1c97c9 100%);
background: -ms-linear-gradient(top, #39b3e5 0%, #1c97c9 100%);
background: linear-gradient(to bottom, #39b3e5 0%, #1c97c9 100%);
}
.year_2013 meter::-webkit-meter-optimum-value {
background: #02978f;
background: -moz-linear-gradient(top, #10a69e 0%, #027973 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #10a69e), color-stop(100%, #027973));
background: -webkit-linear-gradient(top, #10a69e 0%, #027973 100%);
background: -o-linear-gradient(top, #10a69e 0%, #027973 100%);
background: -ms-linear-gradient(top, #10a69e 0%, #027973 100%);
background: linear-gradient(to bottom, #10a69e 0%, #027973 100%);
}
.year_2011 meter::-webkit-meter-optimum-value {
background: #6e6b6e;
background: -moz-linear-gradient(top, #838083 0%, #626062 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #838083), color-stop(100%, #626062));
background: -webkit-linear-gradient(top, #838083 0%, #626062 100%);
background: -o-linear-gradient(top, #838083 0%, #626062 100%);
background: -ms-linear-gradient(top, #838083 0%, #626062 100%);
background: linear-gradient(to bottom, #838083 0%, #626062 100%);
}
/*Membership*/
/*IOD Charts*/
.growing_member{
margin: 10px 0px
}
.growing_member h3{
font-family: 'Open Sans', sans-serif;
font-size: 17px;
padding-bottom: 5px;
border-bottom: 1px solid #ccc;
}
.iod_charts > .feature_text > p{
font-size: 16px;
font-family: 'Open Sans', sans-serif;
}
.bars > .bar{
width: 25%;
margin: 0px 2.5%;
display: inline-block;
vertical-align: bottom;
}
.bars > .bar > p{
font-family: 'Open Sans', sans-serif;
font-size: 17px;
margin-bottom: 5px;
text-align: left;
}
.bars > .bar > p:last-child{
font-size: 15px;
text-align: left;
color:#4f4f4f;
font-family: 'Open Sans', sans-serif;
min-height:42px;
}
.bars > .bar1 > span{
width: 100%;
display: block;
height: 30px;
background: #eb8002;
-webkit-animation: mybar 1s; /* Safari 4.0 - 8.0 */
animation: mybar 1s;
}
@keyframes mybar{
from {height: 0;}
to {height: 30px;}
}
.bars > .bar2 > span{
width: 100%;
display: block;
height: 60px;
background: #4d67c0;
-webkit-animation: mybar2 1s; /* Safari 4.0 - 8.0 */
animation: mybar2 1s;
}
@keyframes mybar2{
from {height: 0;}
to {height: 60px;}
}
.bars > .bar3 > span{
width: 100%;
display: block;
height: 90px;
background: #01a09d;
-webkit-animation: mybar3 1s; /* Safari 4.0 - 8.0 */
animation: mybar3 1s;
}
@keyframes mybar3{
from {height: 0;}
to {height: 90px;}
}
.tab-content .tab-pane{
/*padding-bottom:20px;*/
}
/*IOD Charts*/
.schedules{
padding: 10px;
background: #004475;
color: #fff;
font-size: 18px;
font-family: 'Open Sans', sans-serif;
}
.schedule_dates{
max-height: 410px;
overflow: hidden;
overflow-y: auto;
margin-bottom: 13px;
}
.schedule_dates > p{
font-size: 17px;
font-family: 'Open Sans', sans-serif;
color: #004475;
margin-bottom: 20px;
margin-top: 10px;
}
.schedule_dates > ul{
padding-left: 0px;
padding: 5px;
}
.schedule_dates > ul > li{
padding: 10px;
border: 1px solid #ccc;
margin-bottom: 10px;
border-radius: 3px;
box-shadow: 0px 2px 5px 0px #ccc;
}
.schedule_dates > ul > li > .director_img{
width: 70px;
height: 70px;
overflow: hidden;
display: inline-block;
border-radius: 50%;
vertical-align:middle;
}
.schedule_dates > ul > li > .about_director{
width: calc(100% - 0px);
display: inline-block;
vertical-align: middle;
padding-left: 10px;
}
.schedule_dates > ul > li > .about_director > h4{
font-size: 16px;
font-family: 'Open Sans', sans-serif;
margin-bottom: 5px;
width: max-content;
margin: 0;
display: inline-block;
padding: 0px 5px;
max-width: 100%;
}
.schedule_dates > ul > li > .about_director > p{
font-size: 11px;
font-family: 'Open Sans', sans-serif;
color: #1f1f1f99;
width: max-content;
margin: 0;
display: inline-block;
padding: 0px 5px;
border-left: 1px solid #ccc;
max-width: 100%;
}
.schedule_dates > ul > li > .director_img > img{
width: 100%;
}
.schedule_dates > .main > .date{
width: 50px;
display: inline-block;
text-align: center;
padding: 5px;
background: #ccc;
}
.schedule_dates > .main > .date > span{
display: block;
font-weight: 600;
font-size: 20px
}
.schedule_dates > .main{
margin: 15px 0px
}
.schedule_dates > .main > .place{
width: calc(100% - 60px);
display: inline-block;
vertical-align: top;
min-height: 58px;
overflow: hidden;
box-shadow: 0px 2px 3px 1px #ccc;
padding: 10px 10px;
}
.schedule_dates > .main > .place > .location{
width: calc(100% - 90px);
display: inline-block;
vertical-align: middle;
}
.schedule_dates > .main > .place > .location > p{
margin-bottom: 0px;
font-weight: 600;
}
.schedule_dates > .main > .place > .location > p:last-child{
color: #1f1f1f8a;
}
.schedule_dates > .main > .place > .annual{
width: 80px;
display: inline-block;
text-align: center;
}
.schedule_dates > .main > .place > .annual > p{
margin-bottom: 0px;
border: 1px solid #bdc3c9;
width: max-content;
margin: 0 auto;
padding: 2px 10px;
font-weight: 600;
}
/*Media Watch*/
.media_watch .head > p{
margin-bottom:10px;
}
#owl_4 .owl-nav > .owl-prev{
position: absolute;
bottom: -45px;
right: 15px;
font-size: 40px;
font-family: 'Open Sans', sans-serif;
color: #b1afaf;
}
#owl_4 .owl-nav > .owl-next{
position: absolute;
bottom: -45px;
right: 0px;
font-size: 40px;
font-family: 'Open Sans', sans-serif;
color: #b1afaf;
}
.media_btns{
margin: 10px 0px;
padding-right: 50px;
text-align: right;
}
.media_btns.news_btn{
padding-right: 0px;
}
.media_btns > button{
border: none;
background: #004475;
padding: 5px 20px;
border-radius: 3px;
color: #fff;
transition:all 0.2s;
}
.media_btns > button:hover{
background:#08b3e7;
}
.main_media > img{
max-height: 245px;
}
.main_media{
position:relative;
overflow: hidden;
}
.main_media > .abs_link{
position: absolute;
top: 0;
left: 0;
}
.main_media > .abs_intro{
position: absolute;
bottom: 0;
left: 0;
width: 100%;
padding: 10px;
background: #00000052;
}
.main_media > .abs_intro > .republic > button{
border: none;
background: #eb1e1e;
padding: 5px 10px;
color: #fff;
}
.main_media > .abs_intro > p{
margin-top: 10px;
color: #fff;
font-size: 16px;
text-transform: capitalize;
}
.main_news_block{
background: #fff;
box-shadow: 1px 0px 4px 1px #ccc;
/* padding-right: 40px; */
padding: 10px;
padding-right: 40px;
max-height: 245px;
overflow: hidden;
overflow-y: auto;
}
.main_news_block .about_news{
padding: 10px 0px;
border-bottom: 1px solid #ccc
}
.main_news_block .headline{
margin: 10px 0px;
font-size: 16px;
}
.main_news_block .news_date{
font-family: 'Open Sans', sans-serif;
}
.main_news_block .headline > p{
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
line-height: 20px;
max-height: 40px;
}
/*Our Publications*/
.buk_img{
overflow:hidden;
}
.buk_img > img{
width: auto;
max-height: 440px;
min-height: 440px;
transform:scale(1);
transition:all ease-in-out 0.2s;
/*width: 60% !important;*/
}
.main_publication:hover > .buk_img > img{
transform:scale(1.1);
}
.buk_type{
text-align: center;
margin: 20px 0px;
}
.buk_type > button{
border: none;
background: #004475;
color: #fff;
padding: 3px 10px;
text-transform: uppercase;
}
.buk_type.two > button{
background: #2ec1b9;
}
.buk_type.three > button{
background: #ab53a9;
}
.buk_type.four > button{
background: #f3921f;
}
.buk_type.five > button{
background: #f14d43;
}
.buk_type.six > button{
background: #2ec1b9;
}
.buk_title > p{
font-size: 16px;
font-family: 'Open Sans', sans-serif;
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 3;
line-height: 20px;
max-height: 60px;
min-height: 40px;
transition:all 0.2s;
}
.buk_date > p{
color: #1f1f1f9c;
}
.main_publication:hover .buk_title > p{
color: #f9a130;
}
/*Our Publications*/
/*Articles*/
.main_article{
background: #e6e6e6;
padding: 20px;
}
.main_article > .view_more{
margin-top: 0;
text-align: unset;
display: flex;
flex-direction: row;
align-items: center;
justify-content: space-between;
position: absolute;
bottom: 15px;
width: 90%;
left: 20px;
}
.main_article > .view_more > button{
background: #004475;
border: none;
color: #fff;
width: 100px;
padding: 3px 10px;
border-radius: 3px;
transition:all 0.2s;
}
.main_article > .view_more > button:hover{
background: #08b3e7;
}
.main_article > .article_intro{
margin: 20px 0px 30px 0px;
}
.main_article > .article_head > h4{
font-family: 'Open Sans', sans-serif;
font-size: 17px;
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
line-height: 20px;
max-height: 40px;
min-height: 40px;
}
.main_article > .article_intro > .img{
width: 60px;
display: inline-block;
}
.main_article > .article_intro > .name{
width: calc(100% - 70px);
display: inline-block;
vertical-align: top;
padding-left: 10px;
}
.main_article > .article_intro > .name > p:first-child{
font-size: 15px;
color: #08b3e7;
}
.main_article > .div_footer > .views, .main_article > .div_footer > .time{
width: 49%;
display: inline-block;
color: #767171;
}
.main_article > .div_footer > .views > span{
color: #00b67a;
}
#owl_5 .owl-nav{
display:block;
}
#owl_5 .owl-nav > .owl-prev, #owl_5 .owl-nav > .owl-prev{
position: absolute;
top: calc(50% - 28px);
left: -15px;
font-size: 40px;
font-family: 'Open Sans', sans-serif;
color: #b1afaf;
}
#owl_5 .owl-nav > .owl-next, #owl_5 .owl-nav > .owl-next{
position: absolute;
top: calc(50% - 28px);
right: -15px;
font-size: 40px;
font-family: 'Open Sans', sans-serif;
color: #b1afaf;
}
/*Articles*/
/*iod fellow*/
.fellow_main{
padding: 25px 10px;
width: 100%;
display: inline-block;
/*background: rgba(255, 255, 255, 0.31);*/
position: relative;
}
.fellow_main > a > span{
position: absolute;
top: 0;
padding: 3px 15px;
right: unset;
background: rgb(20,29,255,.8);
color: #fff;
border-top-left-radius: 0;
left: 0;
}
.section_padding{
padding: 40px 0px;
}
.iod_fellow{
background: #eff8ff;
padding: 20px 15px;
max-height: 400px;
overflow: hidden;
overflow-y: auto;
margin-bottom: 30px;
}
.iod_fellow > .head{
text-align:left;
font-family:'Open Sans', sans-serif;
}
.fellow_main > a > .img{width:128px; height:128px; margin:0 auto; overflow:hidden; vertical-align:middle; border-bottom-left-radius:0px; border-top-right-radius:0px; border:#0a2e74; -moz-box-shadow:0px 0px 15px 3px #479df2;
-webkit-box-shadow:0px 0px 15px 3px #479df2;}
.fellow_main > a > .img > img{width:100%; transition:transform 1s;}
.fellow_main > a > .about_fellow{
width: 100%;
display: inline-block;
vertical-align: middle;
text-align: center;
margin-top: 15px;
}
.fellow_main > a > .about_fellow > .fellow_name{font-size:17px; font-weight:700; text-transform:uppercase; padding:10px 00px; color:#0f1b46;}
.fellow_main > a > .about_fellow > .department{margin:0px auto; width:100%; font-weight:500; padding:3px 5px; color:#0f1b46; font-size:15px; min-height:60px; line-height:20px; max-height:20px; margin-bottom:10px; font-weight: 700;}
.fellow_main > a > .about_fellow > .department_intro{font-family: 'Open Sans', sans-serif;
color: #1f1f1f61;
min-height: 40px;
}
.fellow_main > a > .about_fellow > .department > p {
font-size: 14px;
}
.advisory_border{
padding:10px;
}
.img_fellow {
padding:10px;
width: 49%;
display: inline-block;
}
.img_fellow > h3{
margin: 0px;
padding: 10px 0px;
color: inherit;
font-size: 23px;
}
.img_fellow:nth-child(2){
padding: 10px;
width: 50%;
display: inline-block;
}
/*iod fellow*/
/*Institutional Members*/
.member_carousel{
margin-top: 25px;
}
.member_carousel .members_img{
display:flex;
align-items:center;
min-height: 100px;
max-height: 100px;
}
.member_carousel .members_img.partners_img{
display: flex;
align-items: center;
min-height: 150px;
max-height: 200px;
}
.member_carousel .members_img.partners_img > div > p{
text-align: center;
font-family: 'Open Sans', sans-serif;
font-weight: 600;
color: #1f1f1f96;
display: block ruby;
}
.member_carousel .members_img.partners_img > div > div{
min-height: 100px;
max-height: 100px;
display: flex;
align-items: center;
}
.member_carousel .members_img.partners_img > div > div img{
width: auto;
margin: 0 auto;
}
.member_carousel .members_img.partners_img > div > div > a{
display: inline-block;
width: 100%;
}
.member_carousel .members_img > img{
margin: 0 auto;
width: auto;
}
#owl_6 .owl-nav, #owl_7 .owl-nav{
display:block;
}
#owl_6 .owl-nav > .owl-prev, #owl_7 .owl-nav > .owl-prev{
position: absolute;
top: calc(50% - 28px);
left: -15px;
font-size: 40px;
font-family: 'Open Sans', sans-serif;
color: #b1afaf;
}
#owl_6 .owl-nav > .owl-next, #owl_7 .owl-nav > .owl-next{
position: absolute;
top: calc(50% - 28px);
right: -15px;
font-size: 40px;
font-family: 'Open Sans', sans-serif;
color: #b1afaf;
}
.container_partner{
position: relative;
width:100%;
}
.container_partner > .sponsor_info > .img_sponsor > img{
width: auto;
margin: 0px auto 5px;
max-height: 30px;
}
.container_partner > .sponsor_info > .info > p{
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
line-height: 17px;
max-height: 34px;
margin-bottom: 0px;
}
.container_partner > .sponsor_info > .info > a{
font-size: 13px;
display: block;
text-align: center;
margin-top: 5px;
width: max-content;
margin: 5px auto 0px;
background: #004475;
padding: 2px 10px;
color: #fff;
border-radius: 3px;
cursor:pointer;
}
.container_partner > .sponsor_info{
position: absolute;
top: 0;
background: #ffffff;
color: #000;
transition: all 0.2s;
transform: translateY(20px);
border: 3px solid rgba(0, 68, 117, 0.46);
border-radius: 10px;
overflow: hidden;
width: 100%;
left: 0;
display: block !important;
opacity:0;
visibility:hidden;
padding: 10px;
min-height: auto !important;
max-height: 150px !important;
}
.container_partner:hover > .sponsor_info{
transform: translateY(0px);
opacity:1;
visibility:visible;
}
/*Institutional Members*/
/*Footer*/
.footer{
padding: 40px 0px 10px 0px;
border-top: 1px solid #ccc;
background: #1b3155;
color: #fff;
}
.footer.footer_2{
padding: 40px 0px 30px 0px;
border-bottom: 1px solid #ccc;
background: #fff;
color: #333;
}
.footer_head > h4{
text-transform: uppercase;
font-size: 17px;
font-family: 'Open Sans', sans-serif;
margin-bottom: 20px;
}
.update_list > ul{
padding-left: 0px;
}
.update_list > ul > li{
padding: 10px 0px;
}
.update_list > ul > li > a > div.update_img{
width: 90px;
display: inline-block;
vertical-align: top;
}
.update_list > ul > li > a > div.update_info{
width: calc(100% - 100px);
display: inline-block;
vertical-align: middle;
}
.update_list > ul > li > a > div.update_info > p{
margin-bottom:0px; font-weight:normal;
}
.update_list > ul > li > a > div.update_info > p:first-child{
font-family: 'Open Sans', sans-serif;
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 3;
line-height: 20px;
max-height: 60px;
}
.update_list > ul > li > a > div.update_info > p:last-child{
font-family: 'Open Sans', sans-serif;
color:#757575;
}
.gallery_div{
/*background: #343434;*/
background: #1b3155;
border: 1px solid #ccc;
padding: 10px 10px 0px 10px;
}
.gallery_div > ul{
margin-bottom: 0px;
}
.gallery_div > ul > li{
width: 30%;
display: inline-block;
position: relative;
margin: 0px 1% 4% 1%;
box-shadow: 0px 0px 8px 1px #000;
}
.gallery_div > ul > li > img{
width:100%;
}
.gallery_div > ul > li > a{
display: inline-block;
position: absolute;
top: calc(50% - 8px);
left: calc(50% - 8px);
}
.gallery_div > ul > li > a > img{
width:16px;
}
.link_lists > ul > li{
padding: 0px 0px 15px 0px;
color: #1f1f1f85;
font-family: 'Open Sans', sans-serif;
font-weight:normal;
}
.link_lists > ul > li > a{
color: #1f1f1f85;
transition:all 0.2s;
cursor:pointer;
}
.link_lists > ul > li > a:hover{
color: #004475bf;
}
.get_in_touch > h4, .payment_options > h4{
text-transform: uppercase;
font-size: 17px;
font-family: 'Open Sans', sans-serif;
margin-bottom: 20px;
}
.get_in_touch > ul > li, .payment_options > ul > li{
width: max-content;
display: inline-block;
margin: 0px 10px 0px 0px;
}
.get_in_touch > ul > li > a > .fa-facebook-official{
font-size: 30px;
/*color: #475993;*/
color: #004475;
}
.get_in_touch > ul > li > a > .fa-square-x-twitter{
font-size: 30px;
color: #004475;
/* color: #2bb1e0; */
}
.get_in_touch > ul > li > a > .fa-youtube-play{
font-size: 30px;
/*color: #f61c0d;*/
color: #004475;
}
.get_in_touch > ul > li > a > .fa-linkedin-square{
font-size: 30px;
/*color: #0077b7;*/
color: #004475;
}
.get_in_touch > ul > li > a > .fa-instagram{
font-size: 30px;
/*color: #0077b7;*/
color: #004475;
}
.footer_3{
padding: 15px 0px;
background: #1b3155;
}
.footer_4{
background: #eef0f1;
padding: 10px 0px;
font-family: 'Open Sans', sans-serif;
}
.footer_logo{
min-height: 89px;
display: flex;
align-items: center;
}
/*Footer*/
.flashy-overlay{
z-index:99999;
}
.testimonial_div{
position: fixed;
background: #fff;
z-index: 99999;
width: 300px;
left: -100%;
transition: all 0.2s;
top: 50%;
transform: translateY(-50%);
box-shadow: -2px 0px 16px 0px rgba(0, 0, 0, 0.32);
}
.testimonial_div > .testimonial_head{
width: 100%;
padding: 10px;
background: linear-gradient(to right, #fb9730, #fd7046);
color: #fff;
text-align: center;
font-size: 20px;
}
.testimonial_div > .testimonial_head > span{
float: right;
font-family: 'Open Sans', sans-serif;
font-size: 18px;
cursor:pointer;
}
.testimonial_div > ul{
padding-left: 0px;
max-height: 450px;
overflow: hidden;
overflow-y: auto;
}
.testimonial_div > ul > li{
padding: 10px 10px;
border-bottom: 1px solid #ccc;
}
.testimonial_div > ul > li > div.img{
width: 80px;
overflow: hidden;
height: auto;
border: 1px solid #ccc;
border-radius: 0;
display: inline-block;
vertical-align: top;
}
.testimonial_div > ul > li > div.img > img{
width: 100%;
}
.testimonial_div > ul > li > div.text{
width: calc(100% - 90px);
display: inline-block;
vertical-align: middle;
padding-left: 10px;
}
.testimonial_div > ul > li > div.text > p{
margin-bottom: 0px;
overflow: hidden;
line-height: 20px;
font-family: 'Open Sans', sans-serif;
font-size: 14px;
}
.testimonial_div > ul > li > div.desig > p.name_desig{
margin-top: 10px;
color: #004475;
font-family: 'Open Sans', sans-serif;
font-size: 14px;
}
.testimonial_div > ul > li > div.desig > p.name_desig > span{
font-family: 'Open Sans', sans-serif;
display: block;
color: rgba(0, 68, 117, 0.74);
}
.testimonial_div > ul > li > div.text > p.name_desig::before{
content:"-";
}
.testimonial_div > .all{
padding: 10px;
text-align: center;
}
.testimonial_div > .all > button{
border: none;
background: #004475;
padding: 4px 10px;
width: 100px;
color: #fff;
border-radius: 3px;
}
.testimonial_div > .all > button > span{
float:right;
}
#myModal .modal-dialog, #myModal_1 .modal-dialog{
height: 100vh;
display: flex;
align-items: center;
}
#myModal,#myModal_1{
z-index:999999;
}
#myModal .modal-dialog > .modal-content, #myModal_1 .modal-dialog > .modal-content{
width: 100%;
}
#myModal .modal-dialog > .modal-content > .modal-body > .img_logo > img, #myModal_1 .modal-dialog > .modal-content > .modal-body > .img_logo > img{
margin: 0px 0px 25px auto;
}
#myModal .modal-dialog > .modal-content > .modal-body > p, #myModal_1 .modal-dialog > .modal-content > .modal-body > p{
font-size: 16px;
font-family: 'Open Sans', sans-serif;
color: #1f1f1fc9;
}
#myModal .modal-dialog > .modal-content .more_btn > button, #myModal_1 .modal-dialog > .modal-content .more_btn > button{
background: #004475;
border: none;
width: 100px;
margin: 0 auto;
padding: 3px 10px;
color: #fff;
}
#myModal .modal-dialog > .modal-content .close_modal, #myModal_1 .modal-dialog > .modal-content .close_modal{
position: absolute;
width: 30px;
height: 30px;
border: 1px solid #004475;
overflow: hidden;
display: flex;
align-items: center;
background: #004475;
border-radius: 50%;
right: 20px;
}
#myModal .modal-dialog > .modal-content .close_modal > a, #myModal_1 .modal-dialog > .modal-content .close_modal > a{
display: inline-block;
margin: 0 auto;
cursor:pointer;
}
#myModal_3 .modal-content, #myModal_4 .modal-content, #myModal_5 .modal-content, #myModal-2 .modal-content{
overflow:hidden;
}
#myModal_3 .modal-content > .modal-header, #myModal_4 .modal-content > .modal-header, #myModal_5 .modal-content > .modal-header, #myModal-2 .modal-content > .modal-header, #myModal-joinmail .modal-content > .modal-header{
background: linear-gradient(to right, #004475, #004475);
color: #fff;
font-family: 'Open Sans', sans-serif;
}
#myModal_3 .modal-content > .modal-header > button.close, #myModal_4 .modal-content > .modal-header > button.close, #myModal_5 .modal-content > .modal-header > button.close, #myModal-2 .modal-content > .modal-header > button.close, #myModal-joinmail .modal-content > .modal-header > button.close{
color: #fff;
opacity: 1;
}
#myModal_3 .modal-content .modal-footer, #myModal_4 .modal-content .modal-footer, #myModal_5 .modal-content .modal-footer, #myModal-2 .modal-content .modal-footer{
text-align: center;
}
#myModal_3 .modal-content .modal-footer button, #myModal_4 .modal-content .modal-footer button, #myModal_5 .modal-content .modal-footer button, #myModal-2 .modal-content .modal-footer button, #myModal-joinmail .modal-content .modal-footer button{
border: none;
background: #004475;
color: #fff;
}
.modal_center{
height: 100vh;
display: flex;
align-items: center;
}
.modal_desc .main_about .img{
width: 100px;
margin: 0 auto;
overflow: hidden;
height: 100px;
border-radius: 0;
}
.modal_desc .main_about .img > img{
width: 100%;
}
.modal_desc .main_about .about_fellow{
text-align: center;
margin: 15px 0px;
}
.modal_desc .main_about .about_fellow > .fellow_name{
font-family: 'Open Sans', sans-serif;
}
.modal_desc .main_about .about_fellow > .department{
/*width: max-content;*/
margin: 10px auto;
/* border: 1px solid #ccc; */
padding: 2px 10px;
color: #fff;
background: #004475;
}
.modal_desc .main_about .about_fellow > .department_intro{
color: #1f1f1f9c;
font-family: 'Open Sans', sans-serif;
font-size: 15px;
}
.modal_desc .main_about .text_fellow{
max-height: 170px;
overflow: hidden;
overflow-y: auto;
}
.modal_desc .main_about .text_fellow > p{
font-size: 16px;
line-height: 23px;
font-family: 'Open Sans', sans-serif;
color: #000;
}
.toggle{
color: #fd7145;
font-family: 'Open Sans', sans-serif;
font-size: 13px;
}
.toggle:hover, .toggle:focus{
color: #fd7145;
}
/*About Us*/
.section_banner > .background{
min-height: 300px;
background-size: 100% 100%;
position: relative;
display: flex;
align-items: center;
z-index: -1;
}
.section_banner > .background > .banner_text{
width: 100%;
max-width: 1200px;
margin: 0 auto;
color: #fff;
padding-left: 20px;
font-family: 'Open Sans', sans-serif;
position:relative;
}
.section_banner > .background > .banner_text > h3{
margin-top: 0px;
font-size: 33px;
text-transform: uppercase;
text-shadow: 2px 2px #000;
}
.section_banner > .background > .banner_text > p{
margin: 0px;
font-size: 18px;
font-family: 'Open Sans', sans-serif;
}
.section_banner > .background > .banner_text::before{
content:"";
height: 100%;
width: 7px;
background: #b0cce1;
position: absolute;
left: 0;
}
.about_us_head{
padding: 50px 0px;
}
.about_us_head .head{
text-align: center;
position: relative
}
.about_us_head .head > h3{
margin: 0px;
font-size: 22px;
text-transform: uppercase;
font-family: 'Open Sans', sans-serif;
margin-bottom: 20px;
}
.about_us_head .head > p{
font-size: 16px;
color: #858585;
font-family: 'Open Sans', sans-serif;
margin-bottom: 25px;
}
.about_us_head .head > span{
position: absolute;
width: 50px;
height: 4px;
background: #004475;
left: 50%;
top: 40px;
transform: translate(-50%, 0);
}
.about_us_head .about_text p{
font-size: 16px;
line-height: 22px;
font-family: 'Open Sans', sans-serif;
/*color: #000;*/
margin-bottom: 20px;
text-align: justify;
padding: 0 20px;
}
.about_us_head .about_text{
max-height: 284px;
overflow: hidden;
overflow-y: auto;
}
.about_us_head a.read_more{
display: inline-block;
border: 1px solid #004475;
padding: 6px 20px;
cursor: pointer;
color: #000;
font-family: 'Open Sans', sans-serif;
border-radius: 3px;
transition: all 0.2s;
margin-top: 10px;
}
.about_us_head .about_text > a:hover{
border: 1px solid #004475;
color: #fff;
background:#004475;
}
.about_us_head .iod_img_container{
min-height: 300px;
display: flex;
align-items: center;
}
.about_us_head .iod_img_container > h3{
width: 100%;
text-align: center;
font-size: 175px;
font-family: auto;
background-image: url(../images/about_us/text_bg.png);
background-size: contain;
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
font-weight: 900;
}
.vm_section{
padding: 80px 0px 40px;
background-image:url("../images/about_us/section_bg.png");
background-size: 100% 100%;
display: flex;
align-items: center;
}
.vm_section .vm_boxes{
text-align: center;
}
.vm_section .vm_boxes .box{
width: 46%;
display: inline-block;
/*max-width: 400px;*/
/* border: 1px solid #ccc; */
padding: 40px 15px 20px 15px;
position: relative;
background: #04548dbd;
color: #fff;
margin: 0px 20px;
border-radius: 10px;
}
.vm_section .vm_boxes .box > .head{
position: relative;
}
.vm_section .vm_boxes .box > .head > h3{
font-family: 'Open Sans', sans-serif;
text-transform: uppercase;
margin-bottom: 20px;
margin-top: 20px;
}
.vm_section .vm_boxes .box > .head > span{
position: absolute;
bottom: -7px;
width: 40px;
height: 3px;
background: #b0cce1;
left: 50%;
transform: translateX(-50%);
}
.vm_section .vm_boxes .box > .content{
/*min-height: 250px;
max-height: 250px;*/
overflow: hidden;
overflow-y: auto;
display: block;
background: none;
border:none;
}
.vm_section .vm_boxes .box > .content > p{
font-size: 15px;
margin: 15px 0px;
color: rgba(255, 255, 255, 0.75);
padding: 0;
text-align: justify;
}
.vm_section .vm_boxes .box > .abs_icon{
position: absolute;
width: 80px;
height: 80px;
border: 1px solid #fff;
display: flex;
align-items: center;
border-radius: 50%;
background: #fff;
top: -40px;
left: calc(50% - 40px);
}
.vm_section .vm_boxes .box > .abs_icon > img{
width: 60%;
margin: 0 auto;
}
.timeline_bg{
padding: 40px 0px;
background-image:url("../images/about_us/timeline_bg.png");
background-repeat: no-repeat;
background-position: center;
background-size: auto 100%;
min-height: 400px;
display: flex;
align-items: center;
}
.objective_section{
padding: 60px 0px;
background: #e6e6e6;
}
.objectiv_div{
padding: 15px 0px 15px 15px;
}
.objectiv_div.objective_right{
padding: 15px 15px 15px 0px;
}
.objectiv_div > .objective_main{
background: #fff;
padding: 45px 35px 30px 35px;
box-shadow: -3px 0px 15px 0px #0000003d;
}
.objectiv_div.objective_right > .objective_main{
box-shadow: 3px 0px 15px 0px #0000003d;
}
.objectiv_div > .objective_main > .objective_head > h3{
margin: 0px;
font-size: 18px;
text-transform: uppercase;
font-family: 'Open Sans', sans-serif;
margin-bottom: 10px;
}
.objectiv_div > .objective_main > .objective_subhead > p{
font-family: 'Open Sans', sans-serif;
color: #04548d;
font-size: 16px;
}
.objectiv_div > .objective_main > .para{
min-height: 180px;
max-height: 180px;
overflow: hidden;
overflow-y: auto;
}
.objectiv_div > .objective_main > .para > p{
font-size: 15px;
color: #1f1f1f;
}
.objectiv_div > .objective_main > a{
display: inline-block;
padding: 5px 10px;
cursor: pointer;
text-decoration: none;
color: #fff;
background: #004475;
border-radius: 3px;
width: 110px;
transition:all ease-in-out 0.25s;
}
.objectiv_div > .objective_main > a > span{
float:right;
}
.objectiv_div > .objective_main > a:hover{
color: #fff;
background: #08b3e7;
}
.mb-50{
margin-bottom:50px !important;
}
.role_list > ul{
padding-left: 0px;
min-height: 204px;
max-height: 204px;
overflow: hidden;
overflow-y: auto;
}
.role_list > ul > li{
padding: 10px 0px;
}
.role_list > ul > li > div.icon{
width: 30px;
/*text-align: center;*/
display: inline-block;
}
.role_list > ul > li > div:last-child{
width: calc(98% - 35px);
display: inline-block;
vertical-align: top;
margin-left: 10px;
}
.role_list > ul > li > div:last-child > h3{
margin-top: 0px;
font-size: 17px;
font-family: 'Open Sans', sans-serif;
margin-bottom: 5px;
}
.role_list > ul > li > div:last-child > p{
font-size: 15px;
}
.timeline_responsive .timeline_div{
width: 100%;
padding: 15px;
}
.timeline_responsive .timeline_div > ul{
padding: 0px;
}
.timeline_responsive .timeline_div > ul > li{
padding: 15px 0px;
}
.timeline_responsive .timeline_div > ul > li > div.year{
width: 60px;
height: 60px;
display: inline-flex;
align-items: center;
text-align: center;
padding: 10px;
border: 2px dashed #004475;
font-size: 16px;
border-radius: 50%;
background: #fff;
font-family: 'Open Sans', sans-serif;
position: relative;
}
.timeline_responsive .timeline_div > ul > li > div.year::after{
content:"";
width: 1px;
height: 40px;
position: absolute;
background: #004475;
bottom: 0;
left: 50%;
transform: translate(-50% , 100%);
}
.timeline_responsive .timeline_div > ul > li:last-child > div.year::after{
content:"";
width: 1px;
height: 0px;
}
.timeline_responsive .timeline_div > ul > li > div:last-child{
width: calc(100% - 70px);
display: inline-block;
vertical-align: middle;
font-size: 16px;
color: #000;
padding-left: 10px;
font-family: 'Open Sans', sans-serif;
}
/*Events Page*/
.bread_white{
background: #fff;
margin-bottom: 10px;
}
.bread_white ul{
padding-left: 0px;
}
.bread_white ul > li{
width: max-content;
display: inline-block;
position: relative;
font-family: 'Open Sans', sans-serif;
padding: 0px 15px 0px 0px;
}
.bread_white ul > li::after{
content:">";
position: absolute;
right: 0;
}
.bread_white ul > li:last-child::after{
content:"";
position: absolute;
right: 0;
}
.bread_white ul > li:last-child > a{
color:#06377a;
}
.bread_white ul > li > a{
cursor: pointer;
color: #f68121;
}
.tabs_main{
position: relative;
}
.tabs_main ul.event_tabs{
background: #b0cce1;
border: none;
font-family: 'Open Sans', sans-serif;
display: table;
}
.tabs_main ul.event_tabs > li{
display:table-cell;
float: none;
text-align: center;
line-height: 0px;
margin: 0px;
position: relative;
}
.tabs_main ul.event_tabs > li > a{
margin: 0px;
border: none;
border-radius: 0;
cursor:pointer;
line-height:22px;
padding: 20px 10px;
text-transform:capitalize;
}
.tabs_main ul.event_tabs > li > a:hover, .tabs_main ul.event_tabs > li.active > a:hover, .tabs_main ul.event_tabs > li.active > a:focus{
margin: 0px;
border: none;
border-radius: 0;
line-height:22px;
}
.tabs_main ul.event_tabs > li.active > a{
background:#06377a;
color:#fff;
line-height:22px;
}
.tabs_main ul.event_tabs > li.active > span{
position: absolute;
width: 30px;
height: 20px;
top: 100%;
left: calc(50% - 15px);
border-left: 15px solid transparent;
border-right: 15px solid transparent;
border-bottom: 12px solid #06377a;
transform: rotate(180deg);
transition: all 0.2s;
}
.tabs_main ul.event_tabs > li > p{
margin-bottom: 0px !important;
}
.tabs_main ul.event_tabs > li.active > p{
position: absolute;
width: 30px;
height: 20px;
top: 100%;
left: calc(50% - 15px);
transform: rotate(180deg);
transition: all 0.2s;
border-left: 15px solid transparent;
border-right: 15px solid transparent;
border-bottom: 12px solid #2abed5;
margin-bottom: 0 !important;
line-height: 0;
display: inline-block;
}
.tabs_main .tabs_abs_bg{
position: absolute;
width: 100%;
height: 62px;
left: 0;
top: 0;
background: #b0cce1;
}
.event_date{
width: 100%;
float: left;
padding: 40px 0px;
}
.main_event_div .type .label_type{
width: 28%;
display: inline-block;
vertical-align: top;
font-family: 'Open Sans', sans-serif;
font-size: 16px;
}
.main_event_div .type{
margin-bottom: 20px;
}
.main_event_div .type .label_type > span{
display: inline-block;
margin-right: 10px;
width: 20px;
text-align: center;
}
.main_event_div .type .label_type > span > img{
max-width:100%;
}
.main_event_div .type .value{
width: 70%;
display: inline-block;
vertical-align: top;
font-size: 16px;
}
.main_event_div .dir_btn > a{
display: inline-block;
padding: 8px 20px;
border: 1px solid #06377a;
color: #004475;
font-family: 'Open Sans', sans-serif;
cursor: pointer;
font-size: 16px;
margin: 15px 15px;
}
.main_timer{
}
.main_timer #countdown, .main_timer .head{
width: 90%;
text-align: center;
margin: 0 0 0 auto;
}
.main_timer #countdown .rotateIn{
opacity:1 !important;
}
.main_timer #countdown .wrapper > .time{
display: block;
width: 80px;
margin: 0 auto;
height: 80px;
line-height: 75px;
border: 1px solid #ccc;
background: #c02425;
color: #fff;
font-family: 'Open Sans', sans-serif;
font-size: 28px;
border-top: 4px solid #790607;
border-radius: 5px;
}
.main_timer #countdown .wrapper > .label{
color: #000;
font-size: 16px;
font-family: 'Open Sans', sans-serif;
font-weight: 400;
text-transform: capitalize;
margin: 10px 0px;
display: block;
}
.main_timer .head{
text-align: center;
position: relative;
margin-bottom: 50px;
}
.main_timer .head > h3{
margin: 0px;
font-family: 'Open Sans', sans-serif;
text-transform: capitalize;
}
.main_timer .head > span{
top: 33px;
position: absolute;
width: 40px;
background: #1c5984;
height: 4px;
left: calc(50% - 20px);
}
span.abs_line{
position: absolute;
right: 0px;
top: -20px;
}
.main_event_div{
width: 90%;
margin: 0 auto 0 0;
}
.sect-1{
padding-bottom: 40px;
border-bottom: 1px solid rgba(204, 204, 204, 0.53);
}
.event_member_slider{
padding: 40px 0px;
}
.event_member_slider > .title_btn{
display: table;
width: 100%;
margin: 0px 0px 40px 0px;
}
.event_member_slider > .title_btn > .head, .event_member_slider > .title_btn > .all_upcoming{
display: table-cell;
vertical-align: middle;
position: relative;
}
.event_member_slider > .title_btn > .head > h3{
margin: 0px;
font-size: 18px;
font-family: 'Open Sans', sans-serif;
}
.event_member_slider > .title_btn > .head > span{
position: absolute;
left: 0;
top: 30px;
height: 3px;
width: 50px;
background: #004475;
}
.default_button{
border: none;
background: #08b3e7;
padding: 6px 10px;
color: #fff;
width: 100px;
border-radius:3px;
transition:all 0.2s;
}
.default_button > span{
float:right;
}
.default_button:hover{
background:#004475;
color:#fff;
}
.download_sec{
/*background: #004475;*/
border-bottom: 10px solid #08b3e7;
margin-top: 20px;
}
.download_sec .down_text{
padding: 10px 0px;
margin: 16px 0px;
}
.download_sec .down_text > a{
color: #fff;
font-size: 20px;
font-family:'Open Sans', sans-serif;
letter-spacing: 1px;
}
.download_sec .down_text > a > span{
width: 20px;
margin-left: 10px;
vertical-align: text-bottom;
}
.download_sec .reg_form > a{
display: inline-block;
padding: 10px;
border: 1px solid #fff;
margin: 15px 0px;
width: 100%;
background: #fff;
text-align: left;
font-size: 15px;
line-height: 29px;
border-radius: 5px;
cursor: pointer;
}
.download_sec .reg_form > a > span:first-child{
margin-right:15px;
}
.download_sec .reg_form > a > span:first-child > img{
width:22px;
}
.download_sec .reg_form > a > span:last-child{
float: right;
width: 30px;
height: 30px;
line-height: 25px;
text-align: center;
/* border: 1px solid #13a553; */
border-radius: 50%;
background: rgba(19, 165, 83, 0.24);
}
.download_sec .reg_form.brochure > a > span:last-child{
background: rgba(255, 134, 48, 0.34);
}
.download_sec .reg_form.agenda > a > span:last-child{
background: rgba(48, 124, 255, 0.38);
}
.download_sec .reg_form > a > span:last-child > img{
width:14px;
}
.points_sec{
padding-top: 40px;
}
.topic_list{
padding: 40px 0px;
min-height: 450px;
display: flex;
align-items: center;
}
.topic_list > ol{
font-size: 16px;
font-family: 'Open Sans', sans-serif;
color: #696969;
}
.topic_list > ol > li{
padding: 10px 0px;
}
.topic_list > ol > li > .box > select{
padding: 10px;
width: 100%;
border: 1px solid #ccccccbf;
}
.comp_img{
position: relative;
max-height: 450px;
display: flex;
align-items: center;
padding-top: 40px;
overflow: hidden;
}
.comp_img > h3{
text-align: center;
margin-bottom: 0px;
font-family: 'Open Sans', sans-serif;
text-transform: uppercase;
font-size: 18px;
position: absolute;
top: 20px;
left: calc(50% - 125px);
}
.around_globe{
background-image: url(images/events/bg2.png);
padding: 30px 0px;
background-size: cover;
background-attachment: fixed;
background-position: center;
}
.around_globe .main_globe{
background: rgba(192, 36, 37, 0.81);
padding: 10px;
border-radius: 15px;
color: #fff;
text-align: center;
}
.around_globe .main_globe .icon{
min-height: 100px;
max-height: 100px;
display: flex;
align-items: center;
}
.around_globe .main_globe .icon > img{
margin:0 auto;
}
.around_globe .main_globe .count > p{
font-family: 'Open Sans', sans-serif;
font-size: 30px;
}
.around_globe .main_globe .name > p{
font-family: 'Open Sans', sans-serif;
font-size: 14px;
text-transform: uppercase;
}
.highlights{
background-size: 100% 100%;
padding: 40px 0px;
margin-top: 50px;
}
.highlights .about_div > h3{
font-size: 20px;
font-family: 'Open Sans', sans-serif;
text-transform: uppercase;
}
.highlights .abut_para{
font-size: 16px;
color: #1f1f1f;
font-family: 'Open Sans', sans-serif;
text-shadow: 0px 0px #00000078;
max-height: 340px;
overflow: hidden;
overflow-y: auto;
}
.highlights .video_div > h3{
text-transform: uppercase;
font-size: 20px;
font-family: 'Open Sans', sans-serif;
text-align: center;
}
.highlights .video_div > .video_bg{
border-radius: 10px;
overflow: hidden;
box-shadow: 0px 4px 13px 0px rgba(0, 0, 0, 0.31);
line-height: 0px;
}
.highlights .sect_5{
min-height: 450px;
display: flex;
align-items: center;
}
.highlights .sect_5 > .video_div{
width:100%;
}
.image_div .img_cont{
text-align:center;
}
.image_div .img_cont > img{
width: 70%;
margin: 0 auto;
}
.image_div{
position:relative
}
.image_div p{
position: absolute;
top: -10px;
left: calc(50% - 25px);
font-family: 'Open Sans', sans-serif;
text-transform: uppercase;
font-weight: 600;
}
.image_div p:nth-child(2){
left: 0;
top: calc(50% - 30px);
}
.image_div p:nth-child(3){
top: calc(50% - 30px);
right: 0;
left: auto;
}
.image_div p:nth-child(4){
left: calc(50% - 20%);
top: 100%;
}
.image_div p:nth-child(5){
left: calc(60%);
top: 100%;
}
.persons{
padding:40px 0px;
}
.persons .person_main_div{
padding: 10px;
border-radius: 3px;
box-shadow: none;
transition: all 0.2s;
}
.persons .person_main_div:hover{
box-shadow: 0px 0px 4px 1px #ccc;
}
.persons .person_main_div .p1{
position:relative;
min-height: 38px;
}
.persons .person_main_div .p1 > h3{
margin: 0px 0px 20px 0px;
font-size: 18px;
font-family: 'Open Sans', sans-serif;
position:relative;
}
.persons .person_main_div .p1 > h3 > span{
position: absolute;
left: 0;
bottom: -8px;
width: 30px;
background: #004475;
height: 4px;
}
.persons .person_main_div .p3 > h3{
font-size: 17px;
font-family: 'Open Sans', sans-serif;
margin: 20px 0px 10px 0;
/* min-height: 36px; */
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
line-height: 20px;
max-height: 40px;
min-height: 40px;
}
.persons .person_main_div .p4 > p{
font-family: 'Open Sans', sans-serif;
min-height:80px;
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 4;
line-height: 20px;
max-height: 80px;
}
.persons .person_main_div .p5 > a{
display: inline-block;
padding: 7px 10px;
text-align: center;
border: 1px solid #004475;
color: #004475;
background: #fff;
border-radius: 4px;
cursor: pointer;
transition: all ease-in-out 0.25s;
}
.persons .person_main_div .p5 > a:hover{
background: #004475;
border: 1px solid #004475;
color:#fff;
}
.persons .person_main_div .p2 > img{
width: auto;
min-height: 130px;
max-height: 130px;
transition: all ease-in-out 0.2s;
transform: scale(1);
}
.persons .person_main_div:hover .p2 > img{
transform: scale(1.1);
}
.persons .head{
padding: 0px 0px 30px 0px;
margin-left:15px;
}
.speakers .event_member_slider{
padding-bottom:0px;
}
.member_main{
width: 100%;
display: inline-block;
border: 1px solid #ccc;
border-radius: 3px;
box-shadow: 0px 3px 6px 0px #ccc;
padding: 20px 10px;
/*background-image:url("../images/membership/member_bg.png");*/
background-size: 100% 100%;
}
.member_main > .member_img{
width: 100px;
height: 100px;
overflow: hidden;
margin: 0 auto;
border-radius: 50%;
display: flex;
align-items: center;
}
.member_main > .member_img > img{
width: 100%;
}
.member_main > .member_info{
text-align: center;
}
.member_main > .member_info > p:first-child{
margin-top: 30px;
font-size: 16px;
font-family: 'Open Sans', sans-serif;
}
.member_main > .member_info > p:last-child{
font-family: 'Open Sans', sans-serif;
font-size: 14px;
/*color: #1f1f1f85;*/
min-height: 40px;
}
#owl_8 .owl-nav{
display:block;
}
#owl_8 .owl-nav button.owl-prev{
position: absolute;
left: -40px;
top: calc(50% - 70px);
font-size: 70px;
font-family: 'Open Sans', sans-serif;
color: #ccc;
}
#owl_8 .owl-nav button.owl-next{
position: absolute;
left:auto;
right: -40px;
top: calc(50% - 70px);
font-size: 70px;
font-family: 'Open Sans', sans-serif;
color: #ccc;
}
.speakers{
padding-bottom: 40px;
}
.table_info{
padding: 40px 0px;
background-size: 100% 100%;
color: #fff;
font-family: 'Open Sans', sans-serif;
font-weight: 500;
font-size: 16px;
}
.table_info table{
margin:0px;
}
.table_info table thead tr td{
border: 2px solid #043c70;
background: #383737;
padding: 8px 15px;
}
.table_info table tbody tr td{
border: 2px solid #043c70;
background: #ffffff;
color:#1f1f1f;
padding: 8px 15px;
}
/*testimonials slider*/
.testimonials{
background-size: 100% 100%;
padding: 40px 0px;
color: #fff;
}
.testimonial_main{
padding: 40px 0px;
}
.testimonial_main > .image{
width: 100px;
height: 100px;
display: inline-block;
vertical-align: middle;
margin-right: 30px;
border: 3px solid #fff;
overflow: hidden;
border-radius: 50%;
}
.testimonial_main > .image > img{
width: 95px;
height: 95px;
border-radius: 50%;
}
.testimonial_main > .feedback{
width: calc(100% - 140px);
display: inline-block;
vertical-align: middle;
position:relative;
line-height: 25px;
font-size: 16px;
padding: 40px 40px;
background: #ececec;
color:#1f1f1f;
}
.testimonial_main > .feedback > p > span{
width: 30px;
display: inline-block;
vertical-align:top;
margin:0px 10px;
}
.testimonial_main > .feedback > p > span:nth-child(2){
vertical-align: text-top;
margin: 0px 10px;
}
.testimonial_main .review_by{
margin: 10px 0px 0px 0px;
padding-left: 170px;
font-size: 19px;
font-family: 'Open Sans', sans-serif;
}
.testimonial_main .review_by > p::before{
content:"-";
margin-right:15px;
color:#fff;
}
.testimonials .head > span{
left: calc(50% - 25px);
background: #fff;
}
.testimonials #owl_9 .owl-dots > button{
width: 10px;
height: 10px;
border: 1px solid #fff;
border-radius: 50%;
margin:0px 5px;
}
.testimonials #owl_9 .owl-dots > button.active{
background: #08b3e7;
}
.testimonials #owl_9 .owl-dots{
position: absolute;
bottom: 50px;
right: 10px;
}
.subscribe{
padding: 25px 0px;
}
.subscribe .subs_text{
font-family: 'Open Sans', sans-serif;
font-size: 20px;
text-transform: capitalize;
display: flex;
align-items: center;
min-height: 40px;
}
.subscribe .form{
position:reltaive;
}
.subscribe .form > input{
width: 70%;
padding: 10px;
border: none;
box-shadow: 0px 0px 21px 1px #ccc;
}
.subscribe .form > button{
position: absolute;
right: 0;
padding: 10px;
border: none;
background: #ec833e;
color: #fff;
}
.upc_conferences{
padding: 40px 0px;
color: #fff;
background-size: 100% 100%;
}
.upc_conferences .head > h3{
text-transform: uppercase;
margin-bottom: 30px;
}
.cal_div > .date{
width: 50px;
height: auto;
display: inline-block;
background: #a5d8ff;
padding: 7px 0px;
text-align: center;
color: #000;
line-height: initial;
vertical-align: middle;
}
.cal_div > .date > span:first-child{
font-size: 21px;
}
.cal_div > div:last-child{
width: calc(100% - 60px);
display: inline-block;
padding-left: 10px;
font-size: 18px;
}
.conf_img{
margin: 10px 0px;
min-height: 240px;
max-height: 240px;
overflow: hidden;
}
.place{
font-size: 17px;
margin-bottom: 5px;
}
.main_conference .theme > .theme_text{
width: 75%;
display: inline-block;
overflow: hidden;
text-overflow: ellipsis;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
line-height: 20px;
max-height: 40px;
}
.main_conference .theme > .read_more{
width: 23%;
display: inline-block;
text-align: right;
}
.main_conference .theme > .read_more > a{
color: #a5d8ff;
text-transform: uppercase;
text-decoration: underline;
cursor: pointer;
}
#owl_10 .owl-dots{
text-align: center;
margin: 20px 0px;
}
#owl_10 .owl-dots > button{
width: 50px;
height: 6px;
margin: 0px 5px;
background:#4d7c9f;
}
#owl_10 .owl-dots > button.active{
background:#fff;
}
/*Membership*/
.membership_banner{
padding: 50px 0px;
background-size: 100% 100%;
position: relative;
}
.membership_banner .banner_text{
width: 80%;
border: 2px solid #b0cce1;
padding: 20px;
color: #fff;
font-family: 'Open Sans', sans-serif;
font-size: 25px;
}
.membership_banner .banner_text > p > span{
color: #79c1f8;
font-size: 27px;
}
.membership_banner .abs_btext{
position: absolute;
width: 30%;
max-width: 370px;
bottom: 0;
right: 0;
background: #fff;
padding: 10px;
}
.membership_banner .abs_btext::before{
content:"";
position: absolute;
left: -70px;
width: 70px;
height: 100%;
top: 0;
border-left: 70px solid transparent;
border-right: 0px solid #fff;
border-bottom: 105px solid #fff;
}
.membership_banner .abs_btext > p{
font-size: 16px;
font-family: 'Open Sans', sans-serif;
}
.membership_banner .abs_btext > p > span{
color:#004475;
font-size: 22px;
font-family: 'Open Sans', sans-serif;
}
.tabs_main.mshp_tabs_main .tabs_abs_bg {
background: #004475;
}
.tabs_main.mshp_tabs_main ul.event_tabs > li > a {
color: #fff;
}
.tabs_main.mshp_tabs_main ul.event_tabs > li.active > a {
background: #2abed5;
}
.tabs_main.mshp_tabs_main ul.event_tabs > li.active > span {
border-left: 15px solid transparent;
border-right: 15px solid transparent;
border-bottom: 12px solid #2abed5;
}
.tabs_main.mshp_tabs_main ul.event_tabs > li > a:hover {
background: #2abed5;
}
.tabs_main.mshp_tabs_main ul.event_tabs > li > a > span > img{
width:20px;
margin-right:10px;
max-height: 19px;
vertical-align: middle;
}
/*Mode OF Payment*/
#menu4{
padding-bottom:0px !important;
}
.mop_main{
padding: 50px 0px;
}
.main_mop > .head{
margin-bottom: 30px;
}
.main_mop > .head > h3{
font-size: 30px;
}
.main_mop > .head > span{
top: 40px;
}
.main_mop > .line > p{
font-size: 18px;
color: #004475;
font-family: 'Open Sans', sans-serif;
margin-bottom: 30px;
}
.mop_instructions > ul{
padding-left: 0px;
}
.mop_instructions > ul > li{
font-size: 16px;
color: #1f1f1f;
font-family: 'Open Sans', sans-serif;
padding: 10px 0px;
}
.mop_instructions > ul > li > ol{
padding: 0px;
list-style-type: none;
width: calc(100% - 35px);
display: inline-block;
vertical-align: bottom;
}
.mop_instructions > ul > li > ol > li{
width: max-content;
display: inline-block;
}
.mop_instructions > ul > li > ol > li::after{
content:"";
width: 6px;
height: 6px;
display: inline-block;
border: 1px solid #000;
vertical-align: middle;
margin: 0px 8px;
background: #000;
border-radius: 50%;
}
.mop_instructions > ul > li > ol > li:last-child::after{
content:"";
width: 0px;
height: 0px;
border:none;
background:transparent;
}
.mop_instructions > ul > li::before{
content:"";
background-image:url("../images/membership_tabs/before.png");
width: 20px;
height: 20px;
display: inline-block;
vertical-align: top;
margin-right: 10px;
background-size: 100% 100%;
}
.insight{
padding: 50px 0px;
}
.insight .head{
text-align: center;
margin-bottom: 40px;
color: #c02425;
}
.insight .head > span{
left: calc(50% - 25px);
background: #c02425;
}
.insight .block_main{
padding: 20px;
box-shadow: 0px 0px 14px 0px rgba(0, 0, 0, 0.25);
overflow: hidden;
overflow-x: auto;
}
.insight .block_main > .subhead{
text-align: center;
margin-bottom: 20px;
position:relative;
}
.insight .block_main > .subhead > p{
font-size: 20px;
font-family: 'Open Sans', sans-serif;
min-height: 56px;
}
.insight .block_main > .subhead > span{
position: absolute;
width: 30px;
height: 2px;
background: #c02425;
left: calc(50% - 15px);
bottom: -5px;
}
.b_cont .meter_div meter{
width: 100%;
display: inline-block;
height: 25px;
vertical-align: middle;
margin: 5px 0px;
}
.b_cont .meter_div span.per{
font-size: 15px;
font-family: 'Open Sans', sans-serif;
position: absolute;
right: 5px;
top: 8px;
color: #fff;
}
.b_cont .meter_div > div{
position:relative;
}
.b_cont .meter_div > div > .field{
position: absolute;
top: 0;
height: 100%;
display: flex;
align-items: center;
padding-left: 5px;
color: #fff;
font-family: 'Open Sans', sans-serif;
}
.b_cont .meter_div .year_2017{
width: 85%;
}
.b_cont .meter_div .year_2015{
width: 70%;
}
.b_cont .meter_div .year_2013{
width: 65%;
}
.b_cont .meter_div .year_2011{
width: 40%;
}
.b_cont .text{
margin: 0px 0px;
font-size: 16px;
}
.b_cont .bars > .bar {
width: 30%;
margin: 0px 1%;
display: inline-block;
vertical-align: bottom;
}
.b_cont .bars > .bar > p:last-child {
font-size: 15px;
text-align: left;
color: #4f4f4f;
font-family: 'Open Sans', sans-serif;
min-height: 42px;
}
.b_cont .bars > .bar1 > span {
background: #05aee8;
}
.b_cont .bars > .bar2 > span {
background: #dd9e00;
}
.b_cont .bars > .bar3 > span {
background: #5c9602;
}
.growth_main .part{
width: 12%;
display: inline-block;
margin: 0px 0.5%;
}
.growth_main .part > p:nth-child(1){
font-size: 14px;
font-family: 'Open Sans', sans-serif;
}
.growth_main .part > span{
width: 100%;
background: #05aee8;
height: 50px;
display: inline-block;
border-radius: 3px;
}
.growth_main .part2 > span{
height: 100px;
}
.growth_main .part3 > span{
height: 120px;
}
.growth_main .part4 > span{
height: 160px;
}
.growth_main .part5 > span{
height: 200px;
}
.growth_main .part6 > span{
height: 240px;
}
.growth_main .part7 > span{
height: 300px;
}
.b_cont{
min-height: 427px;
display: flex;
align-items: flex-end;
}
.b_cont .growth_main{
width: 100%;
}
.invite{
background-size: 100% 100%;
background-position: center;
color: #fff;
padding: 40px 0px;
font-size: 16px;
margin-top: 30px;
}
.seminar_sec{
padding: 30px 0px 20px 0px;
}
.seminar_sec .seminar_main{
min-height: 300px;
max-height:300px;
overflow: hidden;
position:relative;
}
.seminar_sec .seminar_main > img{
min-height: 300px;
/*max-height: 300px;*/
width: auto;
}
.seminar_sec .seminar_main > p{
position: absolute;
bottom: 0;
width: 100%;
text-align: center;
padding: 20px;
margin: 0;
color: #fff;
font-size: 18px;
background: linear-gradient(#00447500 10% , #004475 100%);
}
#owl_12 .owl-nav{
display:block;
}
.directors{
background-position: center;
background-size: cover;
background-repeat: no-repeat;
background-attachment: fixed;
}
.directors .relative_div{
min-height: 500px;
position: relative;
}
.directors .relative_div > .pos_abs{
width: 100%;
max-width: 350px;
padding: 20px;
background: #fff;
/*position: absolute;*/
top: -50px;
box-shadow: 0px 0px 17px 1px #00000024;
text-align: center;
}
.directors .relative_div > .pos_abs .head{
margin-bottom: 30px;
}
.directors .relative_div > .pos_abs .head > h3{
text-transform: uppercase;
font-size:20px;
}
.directors .relative_div > .pos_abs .head > span{
left: calc(50% - 25px);
}
.directors .relative_div > .pos_abs p{
font-size: 17px;
line-height: 25px;
}
.directors .relative_div > .pos_abs a.default_button{
display: inline-block;
background: transparent;
color: #004475;
border: 1px solid #004475;
margin-top:15px;
cursor:pointer;
}
.inst_members{
padding: 20px 0px;
}
.inst_members .head{
/*margin-bottom: 40px;*/
text-align: center;
}
.inst_members .head > h3{
font-size: 25px;
text-transform: uppercase;
}
.inst_members .head > span{
left: calc(50% - 25px);
}
#owl_11 .item{
padding: 10px;
}
#owl_11 .item .main_mem{
padding: 15px;
text-align: center;
transition: all 0.3s;
cursor: pointer;
}
#owl_11 .item .main_mem:hover{
box-shadow: 0px 0px 12px 1px #00447524;
}
#owl_11 .item .main_mem .mem_mg, #owl_inhouselogo .item .main_mem .mem_mg{
max-height: 100px;
min-height: 100px;
display: flex;
align-items: center;
}
#owl_11 .item .main_mem .mem_mg > img, #owl_inhouselogo .item .main_mem .mem_mg > img{
width: auto;
margin: 0 auto;
}
#owl_11 .item .main_mem .mem_text > p{
margin: 0;
font-size: 16px;
font-family: 'Open Sans', sans-serif;
}
#owl_11 .owl-nav, #owl_21 .owl-nav{
display: block;
}
#owl_11 .owl-nav button.owl-prev, #owl_12 .owl-nav button.owl-prev, #owl_21 .owl-nav button.owl-prev, #owl_inhouselogo .owl-nav button.owl-prev, #events_partners .owl-nav button.owl-prev{
position: absolute;
left: -50px;
top: 50%;
transform: translateY(-50%);
font-size: 0;
line-height: 0;
border:1px solid #ccc;
height: 40px;
width: 40px;
border-radius: 50%;
}
#owl_11 .owl-nav button.owl-next, #owl_12 .owl-nav button.owl-next, #owl_21 .owl-nav button.owl-next, #owl_inhouselogo .owl-nav button.owl-next, #events_partners .owl-nav button.owl-next{
position: absolute;
left: auto;
right:-50px;
top: 50%;
transform: translateY(-50%);
font-size: 0;
line-height: 0;
border:1px solid #ccc;
height: 40px;
width: 40px;
border-radius: 50%;
}
#owl_11 .owl-nav button.owl-next:after, #owl_12 .owl-nav button.owl-next:after, #owl_21 .owl-nav button.owl-next:after, #owl_inhouselogo .owl-nav button.owl-next:after, #events_partners .owl-nav button.owl-next:after{
content:"";
width: 12px;
height: 12px;
display: inline-block;
background: transparent;
border-top: 1px solid #ccc;
border-right: 1px solid #ccc;
transform: rotate(45deg);
margin-right: 6px;
}
#owl_11 .owl-nav button.owl-prev:after, #owl_12 .owl-nav button.owl-prev:after, #owl_21 .owl-nav button.owl-prev:after, #owl_inhouselogo .owl-nav button.owl-prev:after, #events_partners .owl-nav button.owl-prev:after{
content:"";
width: 13px;
height: 13px;
display: inline-block;
background: transparent;
border-top: 1px solid #ccc;
border-right: 1px solid #ccc;
transform: rotate(-135deg);
margin-left: 6px;
}
.mem_done{
position: relative;
background-size: cover;
background-position: center;
padding: 70px 0px;
background-repeat: no-repeat;
background-attachment: fixed;
}
.mem_done .overlay{
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: rgba(0,0,0, 0.6);
}
.mem_done .main_cont{
text-align: center;
}
.mem_done .main_cont p{
font-size: 70px;
font-family: aprajita;
color: #fff;
margin: 0;
}
.mem_done .main_cont a{
display: inline-block;
width: 70%;
margin: 0 auto;
border: 1px solid #fff;
padding: 10px;
border-radius: 30px;
color: #fff;
cursor: pointer;
background: transparent;
transition:all 0.2s;
font-size: 15px;
text-transform: capitalize;
}
.mem_done .main_cont a:hover{
background:#13a553;
border:1px solid #13a553;
}
/* FAQ*/
#menu5{
padding-bottom:0px;
}
.main_faq{
padding: 50px 0px;
text-align: center;
/*background:#e8e8e8;*/
}
.main_faq .head{
margin-bottom:30px;
}
.main_faq .head h3{
font-size: 35px;
}
.main_faq .head span{
left: calc(50% - 25px);
top: 45px;
}
.accordion-container{
position: relative;
max-width: 100%;
height: auto;
margin: 10px auto;
}
.accordion-container > h2{
text-align: left;
color: #fff;
padding-bottom: 5px;
margin-bottom: 20px;
padding-bottom: 15px;
border-bottom: 1px solid #ddd;
}
.set{
position: relative;
width: 100%;
height: auto;
background-color: #f5f5f5;
}
.set > a{
display: block;
padding: 10px 15px;
text-decoration: none;
margin: 20px 0px 0px 0px;
background: #004475;
color: #fff;
font-family: 'Open Sans', sans-serif;
text-align: left;
border-left: 4px solid #79c1f8;
-webkit-transition:all 0.2s linear;
-moz-transition:all 0.2s linear;
transition:all 0.2s linear;
}
.set > a span{
display: inline-flex;
position: absolute;
right: -15px;
width: 30px;
height: 30px;
top: 5px;
align-items: center;
padding: 8px;
border: 2px solid #fff;
border-radius: 50%;
background: #004475;
}
.set > a.active{
background-color: #004475;
color: #fff;
}
.content{
background-color: #fff;
border-bottom: 1px solid #ddd;
display:none;
}
.content p{
padding: 10px 15px;
margin: 0;
color: #333;
text-align: left;
}
.content ul{
text-align: left;
list-style-type: circle;
}
/*Types Of Membership*/
#institution{
padding-bottom:0px;
}
.types{
padding: 50px 0px;
}
.types .head{
text-align: center;
margin-bottom: 30px;
}
.types .head > h3{
font-size: 22px;
text-transform: uppercase;
}
.types .head > span{
left: calc(50% - 25px);
top: 40px;
}
.tabs_section{
padding: 20px 0px 0px 0px;
}
.tabs_section > ul{
display: table;
width: 100%;
max-width: 320px;
border: none;
margin: 0 auto;
}
.tabs_section > ul > li{
display: table-cell;
float: none;
margin: 0;
width: max-content;
}
.tabs_section > ul > li > a{
border: 1px solid #ccc;
border-radius: 0px;
border-top: 4px solid #79c1f8;
transition: all 0.2s;
margin: 0px 5px;
text-transform: uppercase;
font-size: 13px;
font-family: 'Open Sans', sans-serif;
padding: 10px 5px;
text-align: center;
width: 200px;
background: #08b3e7;
color: #fff;
}
.tabs_section > ul > li > a > span > img{
width: 25px;
margin-right: 5px;
}
.tabs_section > ul > li > a:hover{
background: #08b3e7;
border: 1px solid #ccc;
border-top: 4px solid #79c1f8;
color:#004475;
}
.tabs_section > ul > li.active > a, .tabs_section > ul > li.active > a:focus, .tabs_section > ul > li.active > a:hover{
background: #004475;
border: 1px solid #ccc;
border-top: 4px solid #79c1f8;
border-radius: 0px;
color: #FFF;
}
.main_inst{
padding: 30px 0px 0px 0px;
}
.main_inst .eligibility > h3{
font-size: 20px;
color: #000;
font-family: 'Open Sans', sans-serif;
margin: 0px;
}
.main_inst .eligibility > h3 > span{
width: 20px;
display: inline-block;
vertical-align: middle;
height: 2px;
background: rgba(0, 0, 0, 0.45);
margin-left: 15px;
position:relative;
}
.main_inst .eligibility > h3 > span::after{
content:"";
position: absolute;
right: 0;
width: 12px;
height: 12px;
border-top: 2px solid rgba(0, 0, 0, 0.45);
border-right: 2px solid rgba(0, 0, 0, 0.45);
transform: rotate(45deg);
top: calc(50% - 6px);
}
.main_inst .eligibility > p{
font-size: 17px;
color: rgba(0, 0, 0, 0.7);
margin-top: 5px;
margin-bottom: 30px;
}
.eligibility_list > ul{
padding-left:0px;
}
.eligibility_list > ul > li{
padding: 15px 0px;
}
.eligibility_list > ul > li > .alpha{
width: 40px;
height: 40px;
display: inline-block;
vertical-align: middle;
/* border: 1px solid #ccc; */
border-radius: 50%;
text-align: center;
padding-left: 4px;
font-size: 18px;
background: #004475;
color: #fff;
position:relative;
margin: 3% 0;
left: -15px;
padding-top: 7px;
}
.eligibility_list > ul > li > .alpha::after{
content:"";
position: absolute;
width: 40px;
height: 40px;
left: -5px;
top: -5px;
border-radius: 50%;
/*background: rgba(49, 125, 255, 0.38);*/
z-index: -1;
}
.eligibility_list > ul > li > .text{
width: calc(98% - 40px);
display: inline-block;
vertical-align: middle;
padding: 0px 10px;
}
.eligibility_list > ul > li > .text > h4{
margin: 5px 0px;
font-family: 'Open Sans', sans-serif;
}
.eligibility_list > ul > li > .text > p.sub{
font-size: 16px;
color: #004475;
font-family: 'Open Sans', sans-serif;
margin-bottom: 0px;
}
.eligibility_list > ul > li > .text > p:last-child{
font-size: 16px;
margin-top: 15px;
}
.chairman_main{
padding: 40px;
text-align: center;
position: relative;
}
.chairman_main > .ch_head > h3{
font-family: 'Open Sans', sans-serif;
font-size: 26px;
}
.chairman_main > .ch_head > p{
font-size: 17px;
text-transform: uppercase;
font-family: 'Open Sans', sans-serif;
letter-spacing: 2px;
background: linear-gradient(to right, #004475, #125587, #317dff);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
}
.chairman_main > .pic{
overflow: hidden;
padding: 30px 0px;
}
.chairman_main > .pic .pic_cont{
width: 100%;
max-width: 200px;
height: 200px;
border-radius: 50%;
/* border: 3px solid #ccc; */
margin: 0 auto;
}
.chairman_main > .pic .pic_cont img{
width: 100%;
height: 100%;
}
.chairman_main > .desig > h3{
font-size: 18px;
font-family: 'Open Sans', sans-serif;
}
.chairman_main > .desig > p{
font-size: 16px;
color: #13a553;
font-family: 'Open Sans', sans-serif;
transform: skewX(-10deg);
}
.chairman_main > span.abs_line_right{
position: absolute;
height: 85%;
width: 2px;
background: linear-gradient(#004475, #266694, #317dff);
top: 15%;
left: 0;
}
.connection{
padding: 50px 0px;
background-size: 100% 100%;
text-align: center;
}
.connection .head{
margin-bottom: 50px;
}
.connection .head > h3{
font-size: 30px;
}
.connection .head > span{
left: calc(50% - 25px);
top: 40px;
}
.conn_main{
position: relative;
}
.conn_main::after{
content:"";
position: absolute;
width: 50%;
height: 2px;
display: inline-block;
top: 0;
/* background: #ccc; */
right: calc(0px - 93px);
top: 90px;
/*border: 1px dashed #ccc;*/
}
.connection .container > div:last-child > .conn_main::after{
width:0px;
}
.conn_main .circle{
width: 120px;
height: 120px;
border: 2px dotted #004475;
display: flex;
align-items: center;
border-radius: 50%;
margin: 0 auto;
position:relative;
}
.conn_main .circle::after{
content:"";
position: absolute;
width: 120px;
height: 120px;
border-radius: 50%;
border: 2px solid #004475;
border-bottom: none;
border-left: none;
left: -2px;
top: -2px;
}
.connection .container > div:nth-child(2) > .conn_main .circle::after{
transform: rotate(180deg);
}
.conn_main .circle > img{
margin: 0 auto;
}
.conn_main .circle > span{
width: 30px;
height: 30px;
position: absolute;
background: #08b3e7;
/* display: flex; */
align-items: center;
padding: 5px;
border-radius: 50%;
left: -15px;
z-index: 1;
color: #fff;
font-family: 'Open Sans', sans-serif;
}
.conn_main .text{
width: 80%;
margin: 20px auto;
font-size: 16px;
}
.mop_main .conn_main .text, .mop_main .conn_main .circle > span{
text-align: center;
}
.certificate{
padding: 50px 0px;
}
.certificate .prd_main .head, .certificate .cert_main .head{
margin-bottom: 30px;
}
.certificate .prd_main .head > h3, .certificate .cert_main .head > h3{
font-size: 25px;
}
.certificate .prd_main p{
font-size: 16px;
line-height: 30px;
}
.certificate .cert_main{
padding: 20px;
background-size: 100% 100%;
position: relative;
}
.certificate .cert_main > p{
font-size: 16px;
line-height: 22px;
width: 50%;
}
.certificate .cert_main > span{
position: absolute;
top: 0;
right: 50px;
width: 30%;
max-height: 200px;
overflow: hidden;
transition: all ease-in-out 0.2s;
transform: scale(1);
}
.certificate .cert_main > span:hover{
transform: scale(1.1);
}
.certificate .cert_main > span > img{
width: 100%;
}
.tabs_2_sect .tabs_section > ul {
max-width: 500px;
}
.fees_div{
margin: 40px 0px 30px 0px;
text-align: center;
}
.fees_div > h3{
width: max-content;
display: inline-block;
margin: 0px 20px;
font-size: 18px;
font-family: 'Open Sans', sans-serif;
text-transform: uppercase;
}
.fees_div > h3::before{
content: "";
background-image: url("../images/membership_tabs/before.png");
width: 20px;
height: 20px;
display: inline-block;
vertical-align: top;
margin-right: 10px;
background-size: 100% 100%;
}
.fees_div > h3 > span{
color: #ee821b;
}
.istr_table{
/*width: 80%;
margin: 0px auto;*/
}
.istr_table table{
width: 100%;
border: 1px solid #ccc;
}
.istr_table table > thead > tr{
background: #004475;
color: #fff;
}
.istr_table table > thead > tr > th, .istr_table table > tbody > tr > td{
padding: 10px;
font-weight: 400;
font-family: 'Open Sans', sans-serif;
font-size: 16px;
text-align:center;
}
.istr_table table > thead > tr > th:first-child, .istr_table table > tbody > tr > td:first-child{
text-align:left;
}
.istr_table table > tbody > tr > td{
border-right: 1px solid #ccc;
border-bottom:1px solid #ccc;
}
.apply_link > a{
display: inline-block;
margin-top: 30px;
color: #ffffff;
font-family: 'Open Sans', sans-serif;
cursor: pointer;
text-decoration: none;
}
.code_cdt{
background-size: cover;
color: #fff;
margin-top: 20px;
background-attachment: fixed;
background-position: center;
padding: 50px 0px;
}
.code_cdt .head{
text-align: center;
margin-bottom: 30px;
}
.code_cdt .head > h3{
font-size: 30px;
}
.code_cdt .head > span{
left: calc(50% - 25px);
top: 37px;
background: #fff;
}
.code_cdt .code_list > ul{
padding-left: 0px;
}
.code_cdt .code_list > ul > li{
padding: 10px 10px 10px 30px;
width: 49%;
display: inline-block;
font-size: 16px;
vertical-align:top;
position:relative;
}
.code_cdt .code_list > ul > li::before{
content: "";
background-image: url("../images/membership_tabs/before2.png");
width: 20px;
height: 20px;
display: inline-block;
vertical-align: top;
margin-right: 10px;
background-size: 100% 100%;
position: absolute;
left: 0;
}
.termination{
padding: 50px 0px;
background-size: cover;
background-attachment: fixed;
background-position: center;
}
.term_main .head{
margin-bottom: 30px;
}
.term_main .head > h3{
font-size: 30px;
}
.term_main .head > span{
top: 37px;
}
.eligibility_list.termination_list > ul > li > .text > p{
font-size: 16px;
margin-top: 0px;
}
.eligibility_list.termination_list > ul > li > .text > ol{
list-style-image:url("../images/membership_tabs/before3.png");
}
.eligibility_list.termination_list > ul > li > .text > ol > li{
line-height: 20px;
padding: 5px 0px;
}
.eligibility_list.termination_list > ul > li > .alpha::after {
z-index: 1;
}
.eligibility_list.termination_list > ul > li {
padding: 10px 0px;
}
.tc_block{
padding: 20px 20px;
background: #004475;
color: #fff;
text-align: center;
font-size: 16px;
margin-bottom:30px;
transition: all 0.2s;
min-height: 250px;
}
.tc_block:hover{
background: #1e5d89;
box-shadow: 0px 10px 15px 0px #00447587;
}
.tc_block .tc_icon{
width: 80px;
height: 80px;
display: flex;
align-items: center;
margin: 0 auto;
background: #1e5d89;
border-radius: 50%;
transition: all 0.3s;
}
.tc_block .tc_icon > img{
margin: 0 auto;
transform:scale(1);
transition: all 0.4s;
}
.tc_block:hover > .tc_icon{
background: #004475;
}
.tc_block:hover .tc_icon > img{
transform:scale(1.1);
}
.tc_block .tc_text{
margin: 10px 0px;
}
.tc_block .tc_text > p{
overflow: hidden;
line-height: 22px;
min-height: 88px;
max-height: 88px;
overflow-y: auto;
}
.tc_block .read_tc > a{
color: #ccc;
cursor: pointer;
}
/*Objectives*/
.obj_main{
padding: 50px 0px;
text-align: CENTER;
}
.obj_main .head{
margin-bottom: 30px;
}
.obj_main .head h3{
font-size: 30px;
text-transform: uppercase;
}
.obj_main .head span{
left: calc(50% - 25px);
top: 40px;
}
.obj_main .img{
position: relative;
min-height: 80vh;
display: flex;
align-items: flex-end;
}
.obj_main .img > img{
width: 60%;
margin: 0 auto;
}
.obj_main .img > span{
position:absolute;
left: 0;
width: 200px;
bottom: 20px;
font-family: 'Open Sans', sans-serif;
color: #7d7a7a;
}
.obj_main .img > span:hover{
color: #000;
}
.obj_main .img > span:first-child{
}
.obj_main .img > span:nth-child(2){
left: 30px;
width: 200px;
bottom: 140px;
}
.obj_main .img > span:nth-child(3){
left: 170px;
width: 200px;
bottom: 350px;
}
.obj_main .img > span:nth-child(4){
left: calc(50% - 100px);
width: 200px;
top: 20px;
}
.obj_main .img > span:nth-child(5){
right: 170px;
left:auto;
width: 200px;
bottom: 350px;
}
.obj_main .img > span:nth-child(6){
right: 30px;
left:auto;
width: 200px;
bottom: 140px;
}
.obj_main .img > span:last-child{
right: 0;
left:auto;
width: 200px;
bottom: 20px;
}
.main_ben{
/*background: rgba(204, 204, 204, 0.6392156862745098);*/
padding: 15px;
text-align: center;
margin: 15px 0px;
transition: all ease-in-out 0.2s;
}
.main_ben.odd{
background: #004475;
color: #fff;
}
.main_ben.odd:hover{
background: #08b3e7;
color: #fff;
}
.main_ben.even{
background: #08b3e7;
color: #fff;
}
.main_ben.even:hover{
background: #004475;
color: #fff;
}
.main_ben .mem_text > h3{
font-size: 16px;
font-family: 'Open Sans', sans-serif;
}
.main_ben .mem_text > p{
font-size: 15px;
font-family: 'Open Sans', sans-serif;
min-height: 120px;
max-height: 120px;
overflow-y: auto;
}
.main_ben .mem_text > a{
font-family: 'Open Sans', sans-serif;
cursor: pointer;
text-decoration: underline;
}
.main_ben .ben_icon{
width: 80px;
margin: 0 auto;
height: 80px;
display: flex;
align-items: center;
}
.main_ben .ben_icon > img{
margin: 0 auto;
}
.add_ben_main{
height: 400px;
display: flex;
align-items: center;
margin-top: 20px;
}
.add_ben .add_main{
text-align: center;
padding: 20px 20px;
border: 2px solid #004475;
height:350px;
transition: all ease-in-out 0.2s;
background: #fff;
}
.add_ben .add_main:hover{
height:400px;
padding: 48px 20px;
box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.23);
}
.add_ben .add_main .add_ben_img{
width: 80%;
margin: 0 auto;
height: 100px;
display: flex;
align-items: center;
}
.add_ben .add_main .add_ben_img > img{
margin: 0 auto;
}
.add_ben .add_main .add_ben_text > h3{
margin: 15px 0px;
font-size: 18px;
line-height: 25px;
font-family: 'Open Sans', sans-serif;
min-height: 50px;
}
.add_ben_main > div:last-child .add_main .add_ben_text > h3{
margin: 15px 0px 0px 0px;
}
.add_ben .add_main .add_ben_text > p{
font-size: 15px;
overflow: hidden;
text-overflow: ellipsis;
/*display: -webkit-box;*/
-webkit-box-orient: vertical;
-webkit-line-clamp: 5;
line-height: 22px;
max-height: 180px;
min-height: 180px;
}
.add_ben_main > div:last-child .add_main .add_ben_text > p{
font-size: 16px;
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 10;
line-height: 22px;
max-height: 200px;
min-height: 220px;
}
.highlights {
position:relative;
}
.highlights > span{
position:absolute;
top:-48px;
left:50%;
transform:translateX(-50%);
}
.highlights > .head{
margin-top: 30px;
}
.main_hlghts{
border: 1px solid #09141c8a;
margin: 20px 0px;
}
.main_hlghts > .number{
padding: 15px;
font-size: 40px;
background: #007542;
color: #fff;
font-family: 'Open Sans', sans-serif;
}
.main_hlghts > .hglt_text{
padding: 20px 10px 20px 20px;
background: #fff;
font-family: 'Open Sans', sans-serif;
font-size: 15px;
line-height: 25px;
}
.main_hlghts > .hglt_text > p{
overflow: hidden;
line-height: 25px;
max-height: 200px;
min-height: 200px;
text-align: center;
overflow-y: auto;
}
.highlights .container > div:nth-child(2) > .main_hlghts > .number{
background: #ff8733;
}
.highlights .container > div:nth-child(3) > .main_hlghts > .number{
background: #ca2e2f;
}
.highlights .container > div:nth-child(4) > .main_hlghts > .number{
background: #5e92f0;
}
.highlights .container > div:nth-child(1) > .main_hlghts{
border-bottom: 5px solid #007542;
}
.highlights .container > div:nth-child(2) > .main_hlghts{
border-bottom: 5px solid #ff8733;
}
.highlights .container > div:nth-child(3) > .main_hlghts{
border-bottom: 5px solid #ca2e2f;
}
.highlights .container > div:nth-child(4) > .main_hlghts{
border-bottom: 5px solid #5e92f0;
}
.mem_sect_div{
padding: 15px 15px 15px 0px;
}
.mem_sect_div .mem_main{
background: #fff;
box-shadow: 0px 0px 14px 2px #cccccc82;
padding: 30px;
}
.mem_sect_div .mem_main .head > h3{
text-align: center;
}
.mem_sect_div .mem_main .head > span{
left:0;
}
.mem_sect_div .mem_main .mem_text > p{
font-size: 16px;
margin: 40px 0px;
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 5;
line-height: 34px;
max-height: 170px;
min-height: 170px;
}
.networking_sect {
background: #e8e8e8;
}
.net_main > .head > h3{
text-align: left;
}
.net_main > .head > span{
left:0;
}
.net_list > ul > li{
font-size: 16px;
padding: 10px 10px 20px 30px;
position: relative;
line-height: 25px;
}
.net_list > ul > li::before{
content:"";
background-image:url("../images/membership_tabs/before.png");
width: 20px;
height: 20px;
display: inline-block;
vertical-align: top;
margin-right: 10px;
background-size: 100% 100%;
position: absolute;
left: 0;
top:15px;
}
.obj_list > ul > li{
padding: 10px;
text-align: left;
border-left: 5px solid #ccc;
margin: 15px 0px;
box-shadow: 5px 6px 14px 0px #00000024;
font-size: 16px;
}
.obj_list > ul > li:nth-child(1){
border-left: 5px solid #007542;
}
.obj_list > ul > li:nth-child(2){
border-left: 5px solid #324eff;
}
.obj_list > ul > li:nth-child(3){
border-left: 5px solid #004475;
}
.obj_list > ul > li:nth-child(4){
border-left: 5px solid #1cc1cd;
}
.obj_list > ul > li:nth-child(5){
border-left: 5px solid #6900cb;
}
.obj_list > ul > li:nth-child(6){
border-left: 5px solid #004475;
}
.obj_list > ul > li:nth-child(7){
border-left: 5px solid #91bcdb;
}
/* Upcomming Events*/
.upcom_calender .head.black > h3{
text-transform:capitalize;
font-size: 25px;
}
.upcoming_main{
background: #fff;
overflow: hidden;
margin: 20px 0px;
box-shadow: 0px 0px 9px 0px #0000003b;
min-height: 232px;
}
.upcoming_main .date_place{
padding: 10px;
}
.upcoming_main .date_place .dates{
width: 120px;
display: inline-block;
vertical-align: middle;
background: #a5d8ff;
text-align: center;
padding: 5px;
}
.upcoming_main .date_place .dates p:first-child{
margin: 0px;
font-size: 15px;
font-family: 'Open Sans', sans-serif;
}
.upcoming_main .date_place .dates p:last-child{
margin: 0;
font-size: 13px;
font-family: 'Open Sans', sans-serif;
}
.upcoming_main .date_place .eve_head{
width: calc(100% - 125px);
display: inline-block;
vertical-align: middle;
padding-left: 6px;
}
.upcoming_main .date_place .eve_head p{
margin:0px;
font-family:'Open Sans', sans-serif;
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2; /* number of lines to show */
line-height: 20px; /* fallback */
max-height: 40px;
}
.upcoming_main .eve_img{
height:auto;
overflow: hidden;
}
.upcoming_main .eve_img > img{
width:100%;
transform:scale(1);
height:auto;
transition:all ease-in-out 0.2s;
min-height: 135px;
}
.upcoming_main:hover .eve_img > img{
transform: scale(1.02);
transition: transform 0.5s;
}
.upcoming_main .place{
padding: 10px;
}
.upcoming_main .place > h3{
margin: 0;
font-size: 18px;
color: #004475;
}
.upcoming_main .about_eve{
padding: 0px 10px;
}
.upcoming_main .about_eve p:first-child{
font-size: 17px;
font-family: 'Open Sans', sans-serif;
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2; /* number of lines to show */
line-height: 24px; /* fallback */
min-height: 48px;
max-height: 48px;
}
.upcoming_main .about_eve p:last-child{
font-size: 16px;
font-family: 'Open Sans', sans-serif;
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 3; /* number of lines to show */
line-height: 22px; /* fallback */
min-height: 66px;
max-height: 66px;
}
.upcoming_main .read_more_about_eve{
padding: 10px 10px;
}
.upcoming_main .read_more_about_eve a{
font-family: 'Open Sans', sans-serif;
color: #004475;
text-transform: uppercase;
text-decoration: underline;
cursor: pointer;
}
.upcom_calender .view_more a{
display: inline-block;
margin-top: 15px;
font-size: 16px;
cursor: pointer;
}
.award_sect{
background-size: 100% 100%;
/* position: relative;*/
}
.award_sect .award_icon{
margin: 0px 0px 20px 0px;
}
.award_sect .head.white h3{
font-size: 22px;
text-transform: capitalize;
}
.award_sect .head.white span{
top: 30px;
}
.award_sect .url{
color: #fff;
font-size: 20px;
}
.award_sect .url a{
color: #adacac;
text-decoration: underline;
}
.schedule_div{
background-size: 100% 100%;
}
.schedule_div .view_more_btn > a{
display: inline-block;
margin: 20px 0px 20px 0px;
padding: 8px 20px;
border: 1px solid #004475;
color: #004475;
transition: all ease-in-out 0.2s;
cursor:pointer;
border-radius:3px;
}
.schedule_div .view_more_btn > a:hover{
background: #ec833e;
border: 1px solid #ec833e;
color: #fff;
}
.schedule_div .shedule_main{
background-size: cover;
background-repeat: no-repeat;
border-radius: 20px;
margin-bottom: 30px;
background-position: center center;
}
.schedule_div .shedule_main .shedule_block{
background: rgba(0,0,0,0.8);
color: #fff;
padding: 0px 10px 40px 10px;
text-align: center;
border-radius: 20px;
position: relative;
}
.schedule_div .head.black{
margin-bottom: 30px;
}
.schedule_div .head.black h3{
font-size: 25px;
text-transform: capitalize;
}
.schedule_div .shedule_main .shedule_block > p:first-child{
font-size: 17px;
font-family: 'Open Sans', sans-serif;
}
.schedule_div .shedule_main .shedule_block > p{
font-size: 15px;
width: max-content;
margin: 12px auto;
border: 1px solid #004475;
padding: 5px 16px;
background: #004475;
border-radius: 9px;
}
.schedule_div .shedule_main .shedule_block .form_place .form_type:last-child {
height: 55px;
}
.schedule_div .shedule_main .shedule_block .form_place .form_type > p:first-child{
width: 30%;
display: inline-block;
text-align: left;
font-family: 'Open Sans', sans-serif;
font-size: 16px;
vertical-align: top;
}
.schedule_div .shedule_main .shedule_block .form_place .form_type > p:last-child{
width: 67%;
display: inline-block;
text-align: left;
font-size: 16px;
text-transform: capitalize;
}
.schedule_div .shedule_main .shedule_block .add_sc{
position: absolute;
bottom: -10px;
/*width: 100%;*/
left: 0;
color: #fff;
background: #08b3e7;
padding: 5px 16px;
border-radius: 8px;
text-transform: uppercase;
cursor: pointer;
margin: 0 29%;
}
.schedule_div .shedule_main .shedule_block .add_sc > span > img{
width: 22px;
display: inline-block;
margin-right: 10px;
}
#owl_22 .owl-nav{
display:block;
}
#owl_13 .owl-nav .owl-prev, #owl_22 .owl-nav .owl-prev{
width: 40px;
position: absolute;
left: -70px;
font-size: 0;
height: 40px;
background:transparent;
border-radius: 50%;
border: 1px solid #000;
top: 50%;
transform: translateY(-50%);
padding-left: 5px !important;
}
#owl_13 .owl-nav .owl-prev::after, #owl_22 .owl-nav .owl-prev::after{
content:"";
width: 12px;
height: 12px;
border-bottom: 1px solid #313131;
display: inline-block;
border-left: 1px solid #313131;
transform: rotate(45deg);
}
#owl_13 .owl-nav .owl-next, #owl_22 .owl-nav .owl-next{
width: 40px;
position: absolute;
left:auto;
right: -70px;
font-size: 0;
height: 40px;
background:;
border-radius: 50%;
border: 1px solid #000;
top: 50%;
transform: translateY(-50%);
padding-right: 5px !important;
}
#owl_13 .owl-nav .owl-next::after, #owl_22 .owl-nav .owl-next::after{
content:"";
width: 12px;
height: 12px;
border-bottom: 1px solid #313131;
display: inline-block;
border-left: 1px solid #313131;
transform: rotate(-135deg);
}
#owl_22 .owl-nav .owl-next, #owl_22 .owl-nav .owl-prev{border:1px solid #7fa9fa;}
#owl_22 .owl-nav .owl-next:hover, #owl_22 .owl-nav .owl-prev:hover{border:1px solid #fff ;}
#owl_22 .owl-nav .owl-prev::after, #owl_22 .owl-nav .owl-next::after{border-bottom:1px solid #7fa9fa; border-left:1px solid #7fa9fa;}
/*Past Events*/
.select_boxes, .past_eve_carousels{
background: #e8e8e8;
}
.select_boxes .box select{
width: 200px;
padding: 8px;
background: #fff;
border: 1px solid #ccc;
}
.main_carousel{
margin-bottom: 50px;
}
.main_carousel .c_year p{
margin-bottom: 20px;
width: max-content;
padding: 10px 30px 10px 10px;
background: #08b3e7;
color: #fff;
font-size: 18px;
border-top-right-radius: 50px;
border-bottom-right-radius: 50px;
border-left: 5px solid #004475;
}
.main_carousel{
margin-bottom: 50px;
}
.main_carousel .main_past_eve .past_eve_img > img{
min-height: 180px;
max-height: 180px;
width:100%;
}
.main_carousel .main_past_eve .past_eve_theme{
margin: 10px 0px;
}
.main_carousel .main_past_eve .past_eve_theme p{
font-size: 16px;
font-family: 'Open Sans', sans-serif;
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 3;
line-height: 22px;
max-height: 66px;
min-height: 66px;
}
.main_carousel .main_past_eve .past_eve_date{
font-size: 15px;
font-family: 'Open Sans', sans-serif;
color: #000;
}
.main_carousel .main_past_eve .past_eve_date > span{
color: rgba(0, 68, 117, 0.6);
margin-left: 5px;
font-size: 14px;
}
.main_carousel .main_past_eve .past_eve_date > span::before{
content:"/";
margin-right:5px;
color: #000;
}
.view_new_mem .select_boxes{
background: #fff;
}
.view_new_mem .select_boxes .box select {
background: #e8e8e8;
border: 1px solid #ccc;
}
.member_table_main .member_type p{
margin-bottom: 20px;
width: max-content;
padding: 10px 30px 10px 10px;
background: #08b3e7;
color: #fff;
font-size: 18px;
border-top-right-radius: 50px;
border-bottom-right-radius: 50px;
border-left: 5px solid #004475;
clear: both;
}
.member_table_main .actual_table table{
margin-bottom: 50px;
border: 1px solid #ccc;
}
.member_table_main .actual_table table > thead > tr > th:nth-child(4){
min-width:115px;
}
.member_table_main .actual_table table > thead > tr > th:nth-child(3){
min-width:115px;
}
.member_table_main .actual_table table thead tr th{
background: #004475;
color: #fff;
font-weight: 400;
font-family: 'Open Sans', sans-serif;
padding: 10px;
font-size:16px;
}
.member_table_main .actual_table table tbody tr td{
background: #fff;
color: #000;
font-weight: 400;
font-family: 'Open Sans', sans-serif;
padding: 10px;
border-right:1px solid #ccc;
font-size:15px;
background: #fff;
}
.member_table_main .actual_table table tbody tr td:nth-child(1), .member_table_main .actual_table table tbody tr td:nth-child(2){
color: #000;
font-weight: 400;
font-family: 'Open Sans', sans-serif;
padding: 10px;
border-right:1px solid #ccc;
font-size:15px;
}
/*Contact Us*/
.head_offc{
background: #c9efff;
}
.head_offc .head_text h3{
margin: 0px;
font-size: 20px;
text-transform: uppercase;
font-family: 'Open Sans', sans-serif;
margin-bottom: 10px;
}
.head_offc .head_text ul.off_add{
padding-left: 0px;
margin: 0px;
font-size: 16px;
}
.head_offc .head_text ul.off_add > li{
width: fit-content;
display: inline-block;
margin-right: 6px;
position: relative;
overflow-wrap: break-word;
}
.head_offc .head_text ul.off_add > li:first-child{
FONT-FAMILY: 'Open Sans', sans-serif;
color: #004475;
text-transform: uppercase;
}
.head_offc .head_text ul.off_add > li:last-child::after{
content:"";
}
.head_offc .head_text ul.off_add > li::after{
content:"|";
margin-left: 6px;
color: #000;
font-family: 'Open Sans', sans-serif;
}
.head_offc .get_touch > h3{
margin: 0;
text-transform: uppercase;
font-size: 20px;
font-family: 'Open Sans', sans-serif;
}
.head_offc .get_touch > .soc_icons a{
display: inline-block;
margin: 15px 15px 10px 0px;
cursor:pointer;
}
.head_offc .get_touch > .soc_icons span{
}
.head_offc .get_touch > .soc_icons span > i{
width: 100%;
text-align: center;
color: #475993;
font-size: 30px;
transition: all ease-in-out 0.2s;
}
.head_offc .get_touch > .soc_icons span > i.fa-twitter{
color: #2bb1e0;
}
.head_offc .get_touch > .soc_icons span > i.fa-linkedin-square{
color: #0077b7;
}
.head_offc .get_touch > .soc_icons span > i.fa-youtube-play{
color: #f61c0d;
}
.map{
line-height: 0px;
position: relative;
}
.map span{
position: absolute;
top: 0;
left: 0;
/* width: 100%;
height: 100%;*/
}
.reg_offc .head.black {
margin-bottom: 50px;
}
.main_regional{
margin: 15px 0px;
}
.main_regional .location{
padding: 10px;
text-align: center;
font-size: 18px;
text-transform: uppercase;
font-family: 'Open Sans', sans-serif;
color: #fff;
background: #004475;
}
.main_regional .address_main{
background: #e8e8e8;
padding: 0px;
color: #1f1f1f;
min-height: 262px;
}
.main_regional .address_main .text_head{
text-align: center;
font-size: 16px;
text-transform: uppercase;
font-family: 'Open Sans', sans-serif;
padding: 20px;
text-decoration: underline;
}
.add_info{
padding: 0px 20px 20px 20px;
}
.add_info .type label{
width: 26%;
display: inline-block;
font-weight: 400;
}
.add_info .type label span{
margin-right: 10px;
}
.add_info .type p{
width: 72%;
display: inline-block;
vertical-align: top;
}
.glbl_offc_main{
/*padding: 30px 20px 10px 20px;*/
background-size: 100% 100%;
}
.glbl_offc .head.white {
margin-bottom: 60px;
}
.glbl_offc_main .glbl_img{
width: 100%;
height: 150px;
overflow: hidden;
margin: 0 auto;
}
.glbl_offc_main .glbl_img > img{
width: 100%;
max-height: 150px;
}
.glbl_offc_main .glbl_place .loc_img{
width: 20px;
display: inline-block;
vertical-align: top;
}
.glbl_offc_main .glbl_place{
padding: 10px 20px;
margin-bottom: 10px;
}
.glbl_offc_main .glbl_place .loc__place{
width: calc(100% - 25px);
display: inline-block;
font-size: 17px;
vertical-align: top;
font-family: 'Open Sans', sans-serif;
text-align: left;
}
.glbl_offc_main .glbl_place .loc__place > p{
margin: 0;
}
.holiday_calender .off_timings{
text-align: center;
margin: 20px 0px;
}
.holiday_calender .off_timings .timings, .holiday_calender .off_timings .close_day{
width: max-content;
display: inline-block;
vertical-align: middle;
padding: 10px 10px;
margin: 0px 6px;
background: #fff;
box-shadow: 0px 4px 20px 0px #00000021;
}
.holiday_calender .off_timings .timings p{
margin: 0px;
font-family: 'Open Sans', sans-serif;
font-size: 18px;
color: #004475;
}
.holiday_calender .off_timings .timings span{
transform: skew(-10deg);
display: inline-block;
}
.holiday_calender .off_timings .close_day p{
margin: 0;
font-size: 16px;
font-family: 'Open Sans', sans-serif;
color: #004475;
}
.holiday_calender .off_timings .close_day span{
font-family: 'Open Sans', sans-serif;
}
.holiday_calender .cal_table table{
width: 100%;
max-width: 80%;
margin: 0 auto;
border: 1px solid #ccc;
overflow: hidden;
overflow-x: auto;
}
.holiday_calender .cal_table table tbody tr td{
padding: 10px;
text-align: center;
border: 2px solid #fff;
background: #004475;
color: #fff;
font-size: 16px;
}
.holiday_calender .cal_table table tbody tr td:nth-child(1){
background:#e4f9f7;
color:#004475
}
.holiday_calender .cal_table table tbody tr td:nth-child(2){
background:#86c1b4;
color:#004475
}
.table_head h3{
font-size: 20px;
text-align: center;
margin-bottom: 20px;
font-family: 'Open Sans', sans-serif;
}
/*About Testimonials*/
.testi_div h3{
font-size: 18px;
font-family: 'Open Sans', sans-serif;
margin-bottom: 15px;
}
.testi_div p{
font-size: 18px;
line-height: 25px;
color: #1f1f1f;
margin-bottom: 30px;
}
.testi_div > span{
display: inline-block;
font-size: 16px;
color: #004475;
}
.testi_div > span::before{
content:"-";
margin-right: 10px;
}
.more_testi .heading{
font-size: 18px;
padding-bottom: 0px;
margin-bottom: 30px;
border-bottom: 1px solid #cb5345;
}
.more_testi .heading h3{
font-size: 18px;
font-family: 'Open Sans', sans-serif;
}
.more_testi .more_main{
padding: 10px;
transition: all ease-in-out 0.2s;
}
.more_testi .more_main .more_img{
min-height: 160px;
max-height: 160px;
overflow: hidden;
background: #fff;
}
.more_testi .more_main .more_img > img{
transform:scale(1);
transition: all ease-in-out 0.2s;
}
.more_testi .more_main .name p{
margin: 10px 0px 5px 0px;
font-size: 16px;
font-family: 'Open Sans', sans-serif;
transition: all ease-in-out 0.2s;
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
line-height: 20px;
min-height: 40px;
max-height: 40px;
}
/* .more_testi .more_main .name span{
display: inline-block;
width: 100%;
color: rgba(31, 31, 31, 0.8);
font-family: 'Open Sans', sans-serif;
transition: all ease-in-out 0.2s;
} */
.new_span_test{
display: inline-block;
width: 100%;
color: rgba(31, 31, 31, 0.8);
font-family: 'Open Sans', sans-serif;
transition: all ease-in-out 0.2s;
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
line-height: 20px;
min-height: 40px;
max-height: 40px;
}
.more_testi .more_main .name span::before{
content:"-";
margin-right: 10px;
}
.more_testi .more_main:hover{
background:#08b3e7;
}
/*.more_testi .more_main:hover .more_img > img{
transform:scale(1.05);
}*/
.more_testi .more_main:hover .name p, .more_testi .more_main:hover .name span{
color:#fff;
}
.more_testi{
padding-bottom: 50px;
}
#owl_20 .owl-nav{
display: block;
}
#owl_20 .owl-nav .owl-prev{
position: absolute;
top: 50%;
left: -40px;
transform: translateY(-50%);
font-size: 0;
width: 30px;
height: 30px;
}
#owl_20 .owl-nav .owl-prev::before{
content:"";
width: 15px;
height: 15px;
display: inline-block;
border-left: 2px solid #004475;
border-top: 2px solid #004475;
transform: rotate(-45deg);
}
#owl_20 .owl-nav .owl-next{
position: absolute;
top: 50%;
right: -40px;
transform: translateY(-50%);
font-size: 0;
width: 30px;
height: 30px;
}
#owl_20 .owl-nav .owl-next::before{
content:"";
width: 15px;
height: 15px;
display: inline-block;
border-left: 2px solid #004475;
border-top: 2px solid #004475;
transform: rotate(135deg);
}
.more_testi .vm_testi{
text-align: center;
margin-top: 40px;
width: 100%;
display: inline-block;
}
.more_testi .vm_testi a{
display: inline-block;
padding: 5px 10px;
background: #004475;
border-radius: 3px;
color: #fff;
width: 100px;
cursor: pointer;
transition:all ease-in-out 0.2s;
}
.more_testi .vm_testi a:hover{
background: #cb5345;
}
.more_testi .appended_more_div .more_cont{
margin: 10px 0px;
}
.vm_testi1, .view_less{
text-align: center;
margin-top: 40px;
width: 100%;
display: inline-block;
}
.vm_testi1 a, .view_less a{
display: inline-block;
padding: 5px 10px;
background: #004475;
border-radius: 3px;
color: #fff;
width: 100px;
cursor: pointer;
transition:all ease-in-out 0.2s;
}
.vm_testi1 a:hover, .view_less a:hover{
background: #cb5345;
}
/*Golden Peacock Award*/
.award_main_div{
height: calc(100vh - 80px);
}
.award_main_div .award_sec{
position: relative;
display: flex;
height: 100%;
align-items: flex-end;
}
.award_main_div .award_sec .award_img{
margin: 0 auto;
}
.award_main_div .award_sec .sp{
position: absolute;
width: 100px;
height: 100px;
bottom: 85px;
left: 24%;
border: 15px solid #8d9092;
border-radius: 50%;
cursor:pointer;
}
.award_main_div .award_sec .sp::after{
content:"";
position: absolute;
right: -33px;
width: 20px;
height: 20px;
top: calc(50% - 10px);
border-left: 10px solid transparent;
border-right: 10px solid transparent;
border-top: 20px solid #919596;
transform: rotate(-90deg);
}
.award_main_div .award_sec .sp .circle p{
position: absolute;
left: -220px;
max-width: 200px;
top: -20px;
font-size:16px;
color: #1f1f1f;
font-family:'Open Sans', sans-serif;
opacity: 0.9;
transition:all ease-in-out 0.2s;
}
.award_main_div .award_sec .sp:hover .circle p{
color:#8d9092;
opacity:1;
}
.award_main_div .award_sec .sp .circle{
height: 70px;
}
.award_main_div .award_sec .sp .circle > span{
position: absolute;
top: 0;
left: 0;
width: 70px;
height: 70px;
}
.award_main_div .award_sec .sp .circle > span::after{
content:"";
position: absolute;
width: 16px;
height: 16px;
left: calc(50% - 5px);
top: calc(50% - 8px);
border-top: 2px solid #8d9092;
border-left: 2px solid #8d9092;
transform: rotate(-45deg);
}
.iod_gpa{
text-align: justify;
}
/*Circle Positions*/
.award_main_div .award_sec .sp_2{
bottom: 270px;
left: 30%;
}
.award_main_div .award_sec .sp_3{
top: 100px;
left: calc(50% - 50px);
}
.award_main_div .award_sec .sp_4{
bottom: 270px;
left:auto;
right: 30%;
}
.award_main_div .award_sec .sp_5{
bottom: 85px;
left:auto;
right: 24%;
}
/*Circle Border */
.award_main_div .award_sec .sp.sp_2 {
border: 15px solid #303440;
}
.award_main_div .award_sec .sp.sp_3 {
border: 15px solid #11208f;
}
.award_main_div .award_sec .sp.sp_4 {
border: 15px solid #38818e;
}
.award_main_div .award_sec .sp.sp_5 {
border: 15px solid #0a4c7b;
}
/*Circle Arrows*/
.award_main_div .award_sec .sp.sp_2::after{
top: calc(50% + 18px);
transform: rotate(-60deg);
border-top: 20px solid #303440;
right: -27px;
}
.award_main_div .award_sec .sp.sp_3::after{
right: calc(50% - 10px);
top: calc(100% + 14px);
border-top: 20px solid #11208f;
transform: rotate(0deg);
}
.award_main_div .award_sec .sp.sp_4::after{
top: calc(50% + 18px);
transform: rotate(-58deg);
border-top: 20px solid #38818e;
right: 100%;
}
.award_main_div .award_sec .sp.sp_5::after{
top: calc(50% - 10px);
transform: rotate(90deg);
border-top: 20px solid #0a4c7b;
right: calc(100% + 13px);
}
/*Text*/
.award_main_div .award_sec .sp.sp_3 .circle p {
position: absolute;
left: calc(50% - 150px);
min-width: 300px;
max-width: 200px;
top: -100px;
height: 68px;
overflow: hidden;
}
.award_main_div .award_sec .sp.sp_2 .circle p {
top: -40px;
}
.award_main_div .award_sec .sp.sp_4 .circle p {
left:auto;
right: -240px;
top: -40px;
}
.award_main_div .award_sec .sp.sp_5 .circle p {
left:auto;
right: -240px;
}
/*P hover*/
.award_main_div .award_sec .sp.sp_3:hover .circle p {
color: #11208f;
}
.award_main_div .award_sec .sp.sp_2:hover .circle p {
color: #303440;
}
.award_main_div .award_sec .sp.sp_4:hover .circle p {
color: #38818e;
}
.award_main_div .award_sec .sp.sp_5:hover .circle p {
color: #0a4c7b;
}
/*Span After*/
.award_main_div .award_sec .sp.sp_3 .circle > span::after {
left: calc(50% - 8px);
top: calc(50% - 8px);
transform: rotate(45deg);
border-top: 2px solid #11208f;
border-left: 2px solid #11208f;
}
.award_main_div .award_sec .sp.sp_2 .circle > span::after {
transform: rotate(-15deg);
border-top: 2px solid #303440;
border-left: 2px solid #303440;
}
.award_main_div .award_sec .sp.sp_4 .circle > span::after {
left: calc(50% - 8px);
top: calc(50% - 8px);
transform: rotate(100deg);
border-top: 2px solid #38818e;
border-left: 2px solid #38818e;
}
.award_main_div .award_sec .sp.sp_5 .circle > span::after {
left: calc(50% - 10px);
top: calc(50% - 8px);
transform: rotate(135deg);
border-top: 2px solid #0a4c7b;
border-left: 2px solid #0a4c7b;
}
/*Upcoming Award*/
.upcoming_award .ga_head{
border: 1px solid #3c556c;
margin-top: 30px;
color: #fff;
}
.upcoming_award .ga_head > p{
margin: 0px;
padding: 10px;
font-size: 18px;
background: #1f7acd;
}
.upcoming_award .ga_head > ul{
padding:0px;
margin-bottom:0px;
}
.upcoming_award .ga_head > ul > li{
padding: 6px 10px 6px 40px;
position: relative;
font-size: 16px;
border-bottom: 1px solid #3c556c;
}
.upcoming_award .ga_head > ul > li > span{
color:#fbf81c;
text-transform:uppercase;
}
.upcoming_award .ga_head > ul > li::before{
content:"";
background-image: url(../images/golden_peacock/before.png);
width: 17px;
height: 17px;
display: inline-block;
vertical-align: top;
margin-right: 10px;
background-size: 100% 100%;
position: absolute;
left: 13px;
top: 9px;
}
.ld_award{
margin-top: 30px;
}
.ld_award .main{
width: max-content;
padding: 12px 30px;
background: #1f7acd;
color: #fff;
font-size: 25px;
font-family: 'Open Sans', sans-serif;
letter-spacing: 2px;
}
.ld_award .main > span{
margin-right: 5px;
}
.ld_award .main > span > img{
vertical-align: unset;
}
.ld_award .main > span.ld_date{
color:#fbf81c;
}
.ld_award.award_pres > p{
font-size: 22px;
color: #fff;
margin:0px;
}
.ld_award.award_pres > p.award_theme{
color: #fbf81c;
font-size: 22px;
font-family: 'Open Sans', sans-serif;
}
.ld_award.award_pres > p.award_place{
font-size: 18px;
}
.main_timer.timer_ga .head {
text-align: left;
position: relative;
margin-bottom: 20px;
width:100%;
}
.main_timer.timer_ga .head > h3 {
color: #fff;
font-size: 25px;
}
.main_timer.timer_ga #countdown{
width: 100%;
}
.main_timer.timer_ga #countdown .rotateIn {
padding:0px;
}
.main_timer.timer_ga #countdown .wrapper > .time {
margin: 0;
}
.main_timer.timer_ga #countdown .wrapper > .label {
width:80px;
color: #fff;
}
.guidelines_main{
color: #fff;
padding: 10px 20px;
/*width: 85%;*/
margin: 20px 0 0 auto;
background: #144878;
position: relative;
}
/*.guidelines_main::before{
content:"";
width: 100px;
height: 100%;
position: absolute;
top: 0;
left: -84px;
border-left: 84px solid transparent;
border-right: 0px solid transparent;
border-bottom: 87px solid #144878;
}*/
.guidelines_main .text{
width: 75%;
display: inline-block;
vertical-align: middle;
font-size: 15px;
}
.guidelines_main .text > p{
margin:0px;
}
.guidelines_main .text > a{
color: #fff;
font-size: 18px;
}
.guidelines_main .text > a > span{
margin-right: 10px;
}
.guidelines_main .apply_now{
width: 24%;
display: inline-block;
vertical-align: middle;
}
.guidelines_main .apply_now > a{
display: inline-block;
width: 100%;
text-align: center;
padding: 13px 10px;
background: #c02425;
color: #fff;
font-size: 15px;
}
.ppl_slider .ppl_main{
padding:0px 10px;
}
.ppl_slider .ppl_main .border_ppl{
border-radius: 20px;
overflow: hidden;
background: #e8e8e8;
text-align: center;
}
.ppl_slider .ppl_main .border_ppl .ppl_img{
max-height: 175px;
min-height: 175px;
overflow: hidden;
}
.ppl_slider .ppl_main .border_ppl .ppl_desc{
padding:10px;
min-height: 200px;
}
.ppl_slider .ppl_main .border_ppl .ppl_desc > p{
margin-bottom:5px;
font-size:15px;
/*text-transform:capitalize;*/
}
.ppl_slider .ppl_main .border_ppl .ppl_desc > p:nth-child(3){
min-height: 63px;
}
.ppl_slider .ppl_main .border_ppl .ppl_desc > p:nth-child(1){
font-size: 16px;
font-family: 'Open Sans', sans-serif;
}
.ppl_slider_btn{
margin-top:40px;
}
.exe_div .head.white{
margin-bottom: 60px;
}
.exe_div .head.white p{
color: #fff;
font-size: 18px;
width: 70%;
text-align: center;
margin: 0 auto;
font-family: 'Open Sans', sans-serif;
}
.exe_div .head.white span{
top: 70px;
}
.exe_div .exe_text{
/*width: 70%;*/
margin: 0 auto;
color: #fff;
font-size: 16px;
text-align: justify;
}
.exe_div .exe_text > p{
margin-bottom: 25px;
}
.business_sect{
margin-top:50px;
}
.business_sect > .container-fluid > div{
background-size: 100% 100%;
}
.business_sect .wca_text{
width: 50%;
margin: 0 0 0 auto;
padding: 20px;
min-height: 235px;
max-height: 235px;
}
.business_sect .wca_text > h3{
margin: 0px;
margin-bottom: 20px;
font-family: 'Open Sans', sans-serif;
font-size: 30px;
}
.business_sect .wca_text > p{
font-size: 16px;
color: #1f1f1f;
text-align: justify;
}
.business_sect .bsect_text{
width: 70%;
margin: 0 auto;
padding: 20px;
min-height: 235px;
max-height: 235px;
}
.business_sect .bsect_text .head.white > h3 {
text-align: left;
}
.business_sect .bsect_text .head.white > span {
left:0;
}
.business_sect .bsect_text p{
font-size: 16px;
color: #fff;
text-align: justify;
}
.award_type .award_tbs{
width: 100%;
float: left;
}
.award_type .tabs_section {
padding: 20px 0px 0px 0px;
width: 100%;
float: left;
}
.award_type .tabs_section > ul {
max-width: 400px;
}
.award_type .tab-content {
margin-top:50px;
}
.award_type .tab-content .award_img > img{
width:100%;
min-height: 510px;
max-height: 510px;
}
.award_lists{
padding: 25px 0px;
}
.award_lists > ul{
padding:0px;
}
.award_lists > ul > li{
font-size: 14px;
padding: 6px 10px 6px 40px;
min-height: 58px;
max-height: 58px;
background: #e8e8e8;
border: 1px solid #fff;
border-right: 0px;
border-left:0px;
position: relative;
font-family: 'Open Sans', sans-serif;
}
.award_lists > ul > li::before{
content:"";
position: absolute;
width: 40px;
height: 100%;
top: 0;
left: -40px;
border-top: 28px solid transparent;
border-bottom: 28px solid transparent;
border-right: 30px solid #e8e8e8;
}
.award_lists > ul > li > span{
position: absolute;
width: 30px;
height: 30px;
left: 0px;
top: 50%;
transform: translateY(-50%);
border: 1px solid #fff;
text-align: center;
display: inline-grid;
align-items: center;
border-radius: 50%;
background: #fff;
font-family: 'Open Sans', sans-serif;
}
.award_lists.award_list_right > ul > li > span {
left: auto;
right: 0;
}
.award_lists.award_list_right > ul > li {
padding: 6px 40px 6px 10px;
}
.award_lists.award_list_right > ul > li::before{
top: 0;
left: auto;
right:-40px;
transform: rotate(180deg);
}
.sc_process .head{
margin-bottom: 50px;
}
.sc_process .sc_block{
padding: 10px 20px;
text-align: center;
border-top: 2px solid #fff;
margin: 30px 0px;
position:relative;
color:#fff;
}
.sc_process .sc_block .leaves{
display: inline-block;
width: 80px;
position: absolute;
top: -30px;
left: 50%;
transform: translateX(-50%);
}
.sc_process .sc_block .leaves > img{
width:100%;
}
.sc_process .sc_block .num{
margin-top: 30px;
font-family: 'Open Sans', sans-serif;
font-size: 30px;
}
.sc_process .sc_block p{
font-size: 16px;
min-height: auto;
max-height: 140px;
overflow: hidden;
overflow-y: auto;
}
.sc_process .sc_block p::-webkit-scrollbar {
width: 1px;
}
.sc_process .sc_block .md_crcle{
width: 20px;
height: 20px;
display: inline-block;
position: absolute;
top: -10px;
left: 50%;
transform: translateX(-50%);
border-radius: 50%;
border: 4px solid #fff;
background: #004475;
}
.sc_process .sc_block::after{
content:"";
width: 15px;
height: 15px;
display: inline-block;
position: absolute;
top: -7.5px;
right: 2px;
border-top: 1px solid #fff;
border-right: 1px solid #fff;
transform: rotate(45deg);
}
.sc_process_steps > div:last-child .sc_block::after{
content:"";
width: 0px;
height: 0px;
}
.panel_judge{
background: #c6efe9;
text-align: center;
color: #004475;
}
.panel_judge .head.black h3{
color: #004475;
}
.panel_judge .chman{
padding: 20px 0px;
position:relative;
}
.panel_judge .chman > h3{
margin: 10px 0px;
font-size: 20px;
text-transform: uppercase;
font-family: 'Open Sans', sans-serif;
}
.panel_judge .chman > p.name{
font-size: 18px;
font-family: 'Open Sans', sans-serif;
margin: 0px;
}
.panel_judge .chman > p.ch_desig{
font-size: 16px;
color: #1f1f1f;
}
.panel_judge .container > div:nth-child(2) > .chman span.one{
position: absolute;
left: 0;
top: 20px;
height: 100px;
width: 1px;
background: #004475;
}
.panel_judge .container > div:nth-child(2) > .chman span.two{
position: absolute;
right: 0;
top: 20px;
height: 100px;
width: 1px;
background: #004475;
}
.ppl_slider_2{
background:#e8e8e8;
}
.ppl_slider.ppl_slider_2 .ppl_main .border_ppl {
background: #fff;
}
.award_main_mobile{
padding: 10px;
}
.award_main_mobile .main_mobile_aw{
padding: 5px;
}
.award_main_mobile .main_mobile_aw span{
width: 50px;
height: 50px;
display: inline-block;
vertical-align: top;
display: inline-grid;
text-align: center;
align-items: center;
border: 1px solid #ccc;
margin-right: 10px;
border-radius: 50%;
font-size: 16px;
font-family: 'Open Sans', sans-serif;
color: #fff;
position:relative;
}
.award_main_mobile .main_mobile_aw p{
width: calc(100% - 65px);
display: inline-block;
vertical-align: top;
font-size: 16px;
}
.award_main_mobile .main_mobile_aw:nth-child(1) span{
background:#8d9092;
}
.award_main_mobile .main_mobile_aw:nth-child(2) span{
background:#303440;
}
.award_main_mobile .main_mobile_aw:nth-child(3) span{
background:#11208f;
}
.award_main_mobile .main_mobile_aw:nth-child(4) span{
background:#38818e;
}
.award_main_mobile .main_mobile_aw:nth-child(5) span{
background:#0a4c7b;
}
.award_main_mobile{
text-align: justify;
}
/*MasterClass*/
.tabs_main ul.event_tabs.masterclass_tabs {
width: 90%;
margin: 0 auto;
}
.mclass_what .head{
margin-bottom:30px;
}
.mclass_what .head > h3 {
text-transform: uppercase;
font-size: 20px;
}
.mclass_what .define{
line-height: 23px;
font-size: 16px;
text-align: justify;
}
.mclass_what .define p{
margin-bottom:15px;
}
.mclass_what .head_badge > p:first-child{
margin-top: 20px;
width: max-content;
background: #004475;
padding: 10px 20px 10px 10px;
color: #fff;
border-top-right-radius: 30px;
border-bottom-right-radius: 30px;
font-family: 'Open Sans', sans-serif;
}
.process_blocks{
margin-top: 50px;
}
.process_blocks > ul{
padding: 0px;
max-width: 600px;
margin: 0 auto;
}
.process_blocks > ul > li{
border: 1px solid #ccc;
width: 33.33%;
display: inline-flex;
padding: 20px 20px;
font-size: 13px;
max-width: 197px;
min-width: 197px;
min-height: 210px;
max-height: 210px;
position: relative;
align-items: start;
margin-bottom: 3px;
color: #fff;
vertical-align: middle;
text-align: left;
}
.process_blocks > ul > li > span{
position: absolute;
right: -24px;
width: 40px;
text-align: center;
height: 40px;
display: flex;
align-items: center;
border-top: 45px solid transparent;
border-bottom: 45px solid transparent;
border-left: 40px solid #f2682b;
z-index: 1;
}
.process_blocks > ul > li > span.initial_stage{
position: absolute;
left: calc(50% - 12px);
top: -5px;
width: 25px;
height: 25px;
display: inline-grid;
border-radius: 50%;
border: 1px solid #000;
color: #000;
}
.process_blocks > ul > li > span > p{
margin: 0;
position: absolute;
top: -14px;
left: -37px;
z-index: 9;
width: 25px;
height: 25px;
border: 1px solid #fff;
border-radius: 50%;
display: inline-grid;
align-items: center;
font-family: 'Open Sans', sans-serif;
font-size: 17px;
}
.process_blocks > ul > li:nth-child(9n+1){
background:#f2682b;
}
/* .process_blocks > ul > li:nth-child(9n+1)::before{
content:"";
position: absolute;
top: -10px;
left: 50%;
width: 50px;
height: 50px;
border-left: 35px solid transparent;
border-right: 35px solid transparent;
border-top: 40px solid #e8e8e8;
transform: translateX(-50%);
display:none;
} */
/*block 2*/
.process_blocks > ul > li:nth-child(9n+2){
background:#404553;
}
.process_blocks > ul > li:nth-child(9n+2) > span{
border-left: 40px solid #404553;
}
/*block 3*/
.process_blocks > ul > li:nth-child(9n+3){
background:#fec116;
}
.process_blocks > ul > li:nth-child(9n+3) > span{
border-left: 40px solid #fec116;
transform: rotate(90deg);
left: calc(50% - 25px);
bottom: -50px;
}
.process_blocks > ul > li:nth-child(9n+3) > span > p{
transform: rotate(-90deg);
}
/*block 4*/
.process_blocks > ul > li:nth-child(9n+4){
background:#404553;
}
.process_blocks > ul > li:nth-child(9n+4) > span{
border-left: 40px solid #404553;
}
/*block 5*/
.process_blocks > ul > li:nth-child(9n+5){
background:#d91f2d;
}
.process_blocks > ul > li:nth-child(9n+5) > span{
border-left: 40px solid #d91f2d;
}
/*block 6*/
.process_blocks > ul > li:nth-child(9n+6){
background:#f2682b;
}
.process_blocks > ul > li:nth-child(9n+6) > span{
border-left: 40px solid #f2682b;
transform: rotate(90deg);
left: calc(50% - 25px);
bottom: -50px;
}
.process_blocks > ul > li:nth-child(9n+6) > span > p{
transform: rotate(-90deg);
}
/*block 7*/
.process_blocks > ul > li:nth-child(9n+7){
background:#fec116;
}
.process_blocks > ul > li:nth-child(9n+7) > span{
border-left: 40px solid #fec116;
transform: rotate(-90deg);
left: calc(50% - 25px);
top: -50px;
}
.process_blocks > ul > li:nth-child(9n+7) > span > p{
transform: rotate(90deg);
}
/*block 8*/
.process_blocks > ul > li:nth-child(9n+8){
background:#f2682b;
}
.process_blocks > ul > li:nth-child(9n+8) > span{
border-left: 40px solid #f2682b;
transform: rotate(180deg);
left: -25px;
}
.process_blocks > ul > li:nth-child(9n+8) > span > p{
transform: rotate(180deg);
}
/*block 9*/
.process_blocks > ul > li:nth-child(9n+9){
background:#d91f2d;
}
.process_blocks > ul > li:nth-child(9n+9) > span{
border-left: 40px solid #d91f2d;
transform: rotate(180deg);
left: -25px;
}
.process_blocks > ul > li:nth-child(9n+9) > span > p{
transform: rotate(180deg);
}
.download_sec.masterclass_down .reg_form.brochure > a > span:last-child {
background: rgba(19, 165, 83, 0.24);
}
.download_sec.masterclass_down .reg_form.agenda > a > span:last-child {
background: rgba(254, 136, 54, 0.3);
}
.mem_sect_div.masterclass_Sect_div .mem_main .mem_text > p {
font-size: 16px;
margin: 15px 0px;
overflow: visible;
text-overflow: none;
display: inline-block;
-webkit-box-orient: vertical;
line-height: 27px;
min-height: auto;
}
.masterclass_Sect_div .head.black {
position: relative;
margin-bottom: 10px;
}
.mem_sect_div.masterclass_Sect_div {
padding: 15px 0px 15px 15px;
}
.masterclass_Sect_div .head.black > h3 {
font-size: 22px;
}
.masterclass_new .head.white > h3{
text-align: left;
}
.masterclass_new .head.white > span{
left:0;
width: 35px;
}
.masterclass_new .head.white{
margin-bottom: 25px;
}
.masterclass_new .new_list > ul{
padding: 0px;
}
.masterclass_new .new_list > ul > li{
width: 49%;
display: inline-block;
font-size: 16px;
color: rgba(255, 255, 255, 0.7);
padding: 6px 30px 6px 40px;
position: relative;
vertical-align: top;
}
.masterclass_new .new_list > ul > li > span{
position:absolute;
left:0;
font-family: 'Open Sans', sans-serif;
color: #fff;
}
.rltd_links .head.black > h3 {
text-align: left;
}
.rltd_links .head.black > span {
left: 0;
}
.rltd_links_div > ul > li{
padding: 10px 10px 10px 25px;
width: 32%;
display: inline-block;
position:relative;
vertical-align:top;
}
.rltd_links_div > ul > li::before{
content:"";
background-image:url('../images/membership_tabs/before.png');
display: inline-block;
width: 17px;
height: 17px;
position: absolute;
left: 0;
background-size: 100% 100%;
top: 12px;
}
.rltd_links_div > ul > li > a{
text-decoration:none;
transition:all ease-in-out 0.2s;
}
.rltd_links_div > ul > li > a:hover{
text-decoration:underline;
}
.rltd_links{
background-size: 100% 100%;
padding-bottom: 30px;
}
.course_cal .head.black h3 {
font-size: 22px;
text-transform: uppercase;
}
.schedule_div.course_cal .shedule_main .shedule_block {
background: #fff;
color: #1f1f1f;
border: 1px solid rgba(0, 68, 117, 0.44);
}
.schedule_div.course_cal .shedule_main .shedule_block .form_place .form_type > p:first-child {
color: #004475;
}
.schedule_div.course_cal .shedule_main .shedule_block > p {
font-size: 17px;
font-family: 'Open Sans', sans-serif;
}
.schedule_div.course_cal .shedule_main .shedule_block > p {
color: #fff;
}
.masterclass_testi .review_by > span{
font-size: 16px;
font-family: 'Open Sans', sans-serif;
display: block;
width: 275px;
padding-left: 22px;
}
.masterclass_testi .testimonial_main .review_by {
padding-left: 135px;
}
.masterclass_testi .testimonial_main .review_by p{
transform: skewX(-10deg);
margin: 0px;
}
.masterclass_testi .head > h3 {
font-size: 23px;
letter-spacing: 1px;
}
.main_meeting{
width: 85%;
margin: 0 auto;
border: 1px solid #ccc;
}
.main_meeting > p{
padding: 20px;
text-align: center;
font-size: 16px;
color: #000;
width: 80%;
margin: 0 auto;
}
/*Our Management*/
.management_tab_content .tab-pane{
padding:0px;
}
.our_management{
background-size: 100% 100%;
}
.subhead_mgmt p{
font-size: 16px;
width: 50%;
margin: 40px auto;
text-align: center;
line-height: 25px;
}
.mgmt_memeber_main{
padding: 15px 25px;
text-align: center;
border:1px solid transparent;
transition:all ease-in-out 0.2s;
box-shadow:none;
}
.mgmt_memeber_main:hover{
box-shadow: 0px 5px 10px 0px #00000026;
}
.mgmt_memeber_main .mgmt_img{
position: relative;
overflow: hidden;
}
.mgmt_memeber_main .abt_mgmt_member{
padding: 5px 5px;
background: #004475;
color: #fff;
transition:all ease-in-out 0.2s;
min-height: 158px;
}
.mgmt_memeber_main .mgmt_img > img{
width: 100%;
transform:scale(1);
min-height: 240px;
max-height: 240px;
transition:all ease-in-out 0.2s;
}
.mgmt_memeber_main:hover .mgmt_img > img{
transform:scale(1.1);
}
.mgmt_memeber_main .mgmt_img > p{
position: absolute;
bottom: 0;
width: 100%;
left: 0;
margin: 0px;
padding: 10px;
background: #004475;
color: #fff;
font-size: 16px;
font-family: 'Open Sans', sans-serif;
transition: all ease-in-out 0.2s;
}
.mgmt_memeber_main:hover .mgmt_img > p{
background: #f68121;
}
.mgmt_memeber_main .abt_mgmt_member > h3{
margin-top: 10px;
margin-bottom: 10px;
font-size: 17px;
font-family: 'Open Sans', sans-serif;
/*min-height: 36px;*/
max-height: 36px;
}
.mgmt_memeber_main .abt_mgmt_member > p{
margin-bottom: 10px;
font-size: 15px;
/*text-transform: capitalize;*/
/*min-height: 44px;*/
/* overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2; */
line-height: 22px;
/* max-height: 44px; */
}
.mgmt_memeber_main .abt_mgmt_member > p > span{
font-family: 'Open Sans', sans-serif;
display: block;
}
.mgmt_memeber_main .mmbr_profile{
display: inline-block;
margin-top: 15px;
}
.our_management .view_all_btn{
width: 100%;
float: left;
}
.our_management .view_all_btn > a{
display: inline-block;
margin: 20px 0px 0px 0px;
}
.executive_staff > div{
margin-bottom:50px;
}
.executive_staff > div:last-child{
margin-bottom:0px;
}
.executive_staff .main_head{
padding: 10px;
background: #004475;
color: #fff;
text-transform: uppercase;
}
.executive_staff .main_head > h3{
margin: 0;
font-size: 20px;
font-family: 'Open Sans', sans-serif;
}
.officers_div .offc_type{
margin-top: 30px;
margin-bottom: 20px;
border-bottom: 1px solid #00447524;
}
.officers_div .offc_type > h3{
margin: 0px;
padding: 10px;
width: max-content;
border-bottom: 3px solid #004475;
font-size: 22px;
color: #000;
font-family: 'Open Sans', sans-serif;
}
.officers_div .main_member_div{
border: 1px solid #cccccc70;
margin: 5px 5px;
padding: 20px 5px;
border-radius: 4px;
transition: all ease-in-out 0.2s;
max-height: 144px;
overflow: hidden;
/* overflow-y: auto;
*/
}
.officers_div .main_member_div:hover{
border: 1px solid #00447599;
background: rgba(0, 68, 117, 0.08);
}
.officers_div .main_member_div .mem_img{
width: 70px;
height: 70px;
overflow: hidden;
border: 3px solid #ccc;
/*border-radius: 50%;*/
display: inline-block;
vertical-align: top;
}
.officers_div .main_member_div .mem_img > img{
width: 100%;
}
.officers_div .main_member_div .mem_desc{
width: calc(100% - 75px);
display: inline-block;
}
.officers_div .main_member_div .mem_desc{
width: calc(100% - 75px);
display: inline-block;
padding-left: 10px;
}
.officers_div .main_member_div .mem_desc > p{
font-size: 14px;
font-family: 'Open Sans', sans-serif;
margin: 0px;
}
.officers_div .main_member_div .mem_desc > p:first-child{
font-size: 16px;
font-family: 'Open Sans', sans-serif;
margin: 0px;
}
.officers_div .main_member_div .mem_desc > p:last-child > span{
margin-right: 4px;
}
.officers_div .main_member_div .mem_desc > p:last-child{
color: #004475;
word-break: break-all;
min-height: 40px;
font-size: 11px;
}
.officers_div .main_member_div .mem_desc > p:nth-child(2){
min-height: 40px;
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
line-height: 20px;
min-height: 40px;
max-height: 40px;
}
/*IOD Distinguished Fellow*/
.dtgshd_fellow .subhead_text > p{
width: 70%;
margin: 0 auto;
font-size: 16px;
text-align: center;
word-spacing: 2px;
}
.dtgshd_fellow .subhead_text > p > span{
color:#004475;
}
.dtgshd_fellow .fellowship_text{
margin: 50px auto 0px;
background: #004475;
color: #fff;
padding: 40px 20px 20px 20px;
font-size: 18px;
font-family: 'Open Sans', sans-serif;
text-align: center;
position: relative;
}
.dtgshd_fellow .fellowship_text > span{
position: absolute;
top: -30px;
width: 60px;
height: 60px;
display: inline-grid;
align-items: center;
background: #fff;
border-radius: 50%;
/* box-shadow: 1px 1px 1px 1px #000; */
box-shadow: 0px 3px 30px 0px rgba(0, 68, 117, 0.2);
left: calc(50% - 30px);
}
.dtgshd_fellow .fellowship_text > span > img{
width: 40px;
margin: 0px auto;
}
.roll_oh .head.black > h3{
text-align: left;
margin-top: 50px;
}
.roll_oh .head.black > span{
left:0;
}
.roll_oh ul > li{
padding: 10px 10px 10px 30px;
font-size: 16px;
position: relative;
text-align: justify;
}
.roll_oh ul > li::before{
content:"";
background-image:url('../images/membership_tabs/before.png');
display: inline-block;
width: 17px;
height: 17px;
position: absolute;
left: 0;
background-size: 100% 100%;
top: 12px;
}
.seminar_sec.distinguished_sec{
padding:50px;
}
.seminar_sec.distinguished_sec .seminar_main > p {
padding: 10px 10px 10px 10px;
background: linear-gradient(#004475 10% , #252060 100%);
font-family: 'Open Sans', sans-serif;
font-size: 17px;
}
.seminar_sec.distinguished_sec .seminar_main > p > span{
display: inline-block;
width: 100%;
font-size: 12px;
font-family: 'Open Sans', sans-serif;
}
.seminar_sec.distinguished_sec .seminar_main > img {
width: 100%;
}
.persons.distinguished_person {
padding: 50px 0px;
}
.persons.distinguished_person .box select{
width: 200px;
margin: 10px 0px 0px 0px;
padding: 10px;
border: 1px solid #ccc;
background: #e8e8e8;
}
.persons.distinguished_person .person_main_div .p4 > span {
font-family: 'Open Sans', sans-serif;
min-height: 60px !important;
display: inline-block;
color: #004475;
font-size: 15px;
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 3;
line-height: 20px;
max-height: 60px;
margin-bottom: 10px;
}
.persons.distinguished_person .person_main_div .p5 > a {
padding: 7px 25px;
}
.view_all_distinguished > a{
padding: 6px 25px;
}
.alumni .head.black{
margin-bottom:50px;
}
.alumni_div{
margin-bottom:30px;
position:relative;
}
.alumni_div > img{
width: 100%;
min-height: 230px;
max-height: 230px;
}
.alumni_div > h3{
position: absolute;
width: 100%;
bottom: 0;
margin: 0;
padding: 30px 10px 10px 10px;
text-align: center;
background: linear-gradient(to bottom, #00000000 0%, #000 100%);
color: #fff;
font-size: 18px;
}
.alumni_div > span{
position: absolute;
top: 0px;
left: 0;
background: #004475;
color: #fff;
padding: 10px 20px;
border-bottom-right-radius: 30px;
}
.alumni_div > p{
margin: 0;
position: absolute;
width: 100%;
left: 0;
bottom: 40px;
background: #bcefe9;
font-family: 'Open Sans', sans-serif;
color: #004475;
transform: translateY(20px);
opacity: 0;
visibility: hidden;
transition: all ease-in-out 0.2s;
}
.alumni_div > p > span{
display: inline-block;
padding: 10px;
width: 40%;
text-align: center;
margin-right: 10px;
background: #004475;
color: #fff;
}
.alumni_div:hover > p{
transform: translateY(0px);
opacity: 1;
visibility: visible;
}
.reg_type{
/* background-size: 100% 100%;*/
}
.reg_type .registration_table{
display: table;
width: 80%;
margin: 24px auto 0px;
border: 1px solid #ccc;
}
.reg_type .registration_table .regtn_div{
display: table-cell;
padding: 30px;
text-align: center;
position: relative;
width: 50%;
}
.reg_type .registration_table .regtn_div > span{
display: inline-block;
position: absolute;
top: -24px;
border-radius: 50%;
overflow: hidden;
left: calc(50% - 24px);
border: 1px solid #ccc;
}
.reg_type .registration_table .regtn_div:first-child{
border-right: 1px solid #ccc;
}
.reg_type .registration_table .regtn_div > p{
font-size: 18px;
width: max-content;
margin: 0px auto;
font-family: 'Open Sans', sans-serif;
padding: 15px 5px 10px 5px;
border-bottom: 1px solid #ccc;
}
.reg_type .registration_table .regtn_div > a{
display: inline-block;
padding: 10px 20px;
margin-top: 15px;
background: #004475;
color: #fff;
font-size: 16px;
cursor:pointer;
transition: all ease-in-out 0.2s;
}
.reg_type .registration_table .regtn_div > a:hover{
background:#08b3e7;
}
.fees_table table{
width: 100%;
margin: 0 auto;
text-align: center;
}
.fees_table table > thead > tr{
background: #e8e8e8;
}
.fees_table table > thead > tr > th{
text-align: center;
padding: 10px;
font-size: 16px;
color: #fff;
border: 1px solid #ccc;
border-bottom: 0px;
background: #004475;
}
.fees_table table > tbody > tr > td{
padding: 12px;
border: 1px solid #ccc;
border-top: 0px;
font-size: 16px;
}
.fee_structure .fee_div > p:first-child{
width: max-content;
padding: 10px 30px 10px 15px;
color: #fff;
font-size: 16px;
background: #08b3e7;
border-top-right-radius: 50px;
border-bottom-right-radius: 50px;
/*margin: 0px;*/
margin-bottom: 13px;
}
.fee_structure .fee_div > p.note{
margin: 0px;
background: #fff;
padding: 6px 10px;
font-size: 13px;
font-family: 'Open Sans', sans-serif;
}
.fee_structure .fee_div > ul{
padding: 0px;
}
.fee_structure .fee_div > ul > li{
color: #fff;
font-size: 16px;
padding: 0px 0px 0px 20px;
margin: 15px 0px;
position:relative;
}
.fee_structure .fee_div > ul > li::before{
content:"";
position: absolute;
left: 0;
top: 0;
width: 20px;
height: 20px;
border-top: 10px solid transparent;
border-bottom: 10px solid transparent;
border-left: 7px solid #ccc;
}
.fee_structure .fee_div{
padding: 0px 20px;
}
.fee_structure > div > div.training:first-child{
border-right:1px solid #ccc;
}
.fee_structure > div > div:last-child > .fee_div > p:first-child{
background: #08b3e7;
color: #fff;
}
.course_content_main .subhead_p{
width: 45%;
margin: 0 auto;
font-size: 16px;
text-align: center;
}
.course_content_main .set{
margin: 20px 0px;
border: 1px solid #ccc;
min-height: 140px;
background: #DCFAFF;
border-radius: 20px;
}
.course_content_main .set > a{
padding: 0 25px;
border-left: 0;
background: #DCFAFF;
color: #1f1f1f;
font-size: 15px;
position: relative;
margin: 0px;
min-height: 140px;
text-align: center;
}
.course_content_main .set > a span{
right: 10px;
background: transparent;
border: none;
top: 88%;
transform: translateY(-50%);
}
.course_content_main .set > a span.module{
left: 46%;
width: max-content;
padding: 6px 10px;
background: #2ABED5;
border-radius: 0;
color: #fff;
/* border-left: 3px solid #2abed5;*/
border-top-right-radius: 30px;
border-top-left-radius: 30px;
height: auto;
}
.course_content_main .set .content{
padding: 20px;
}
.course_content_main .set .content .objct_main > h4{
color: #000;
font-family: 'Open Sans', sans-serif;
font-size: 17px;
}
.course_content_main .set .content .objt_ctnt > h4{
color: #000;
font-family: 'Open Sans', sans-serif;
font-size: 17px;
}
.course_content_main .set .content .objct_main > p{
padding: 0px;
margin: 10px 0 20px 4px;
font-size: 15px;
text-align: justify;
}
.course_content_main .set .content .objt_ctnt > ul{
list-style-type: none;
}
.course_content_main .set .content .objt_ctnt > ul > li{
padding: 10px 10px 10px 25px;
position: relative;
font-size: 16px;
}
.course_content_main .set .content .objt_ctnt > ul > li::before{
content:"";
position:absolute;
background-image:url("../images/masterclass/before.png");
width: 17px;
height: 17px;
left: 0;
background-size: 100% 100%;
}
#masterclasscont .course_content_main .set .content, .onedaycourse .course_content_main .set .content, .startup_professionals .course_content_main .set .content, .chairmen_module .course_content_main .set .content{
display: block !important;
background: none;
padding: 10px 20px 0 9%;
border-bottom: none;
text-align: justify;
}
.chairmen_module .course_content_main .set .content ul li{
font-size: 15px;
list-style-type: disc;
}
.course_content_main .set .img{
/*text-align: center;*/
padding-bottom: 20px;
background: #DCFAFF;
float: left;
padding-right: 2%;
}
.course_content_main .set .img img{
background: #2ABED5;
padding: 15px 12px 13px 12px;
border-radius: 10px;
}
.course_faculty .sbhead{
width: 70%;
margin: 30px auto;
font-size: 16px;
text-align: center;
}
.course_faculty .main_fclty{
background: linear-gradient(to bottom, #2e6c99 , #2b6895);
text-align: center;
padding: 20px;
width: 99%;
margin: 1.5px auto;
color: #fff;
transition: 1s ease;
min-height: 348px;
}
.course_faculty .main_fclty:hover{
-webkit-transform: scale(1.1);
-ms-transform: scale(1.1);
transform: scale(1.1);
transition: 1s ease;
background-image: url('../images/advisory/bg1.png');
z-index: 999;
position: relative;
}
.course_faculty .main_fclty .fclty_img{
width: 100px;
height: 100px;
overflow: hidden;
margin: 0 auto;
border-radius: 50%;
}
.course_faculty .main_fclty .fclty_img > img{
width: 100%;
}
.course_faculty .main_fclty .fclty_name{
margin: 20px 0px;
font-size: 16px;
font-family: 'Open Sans', sans-serif;
position: relative;
min-height: 44px;
}
.course_faculty .main_fclty .fclty_name > span{
position: absolute;
width: 50px;
height: 1px;
background: #fff;
left: calc(50% - 25px);
}
.course_faculty .main_fclty .fclty_desig > p{
min-height: 60px;
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 3; /* number of lines to show */
line-height: 20px; /* fallback */
max-height: 60px;
}
.course_faculty .main_fclty a{
display: inline-block;
padding: 5px 10px;
background: #fff;
border-radius: 3px;
color: #000;
cursor: pointer;
transition: all ease-in-out 0.2s;
margin: 10px 0px;
}
.course_faculty .main_fclty a:hover{
background: #08b3e7;
color:#fff;
}
.dissertation_section{
background-image: url(../images/masterclass/bottom_bg.png);
background-repeat: no-repeat;
background-size: cover;
padding-top: 12px;
}
.dissertation_section .left_panel, .dissertation_section .left_panel{
margin-top: 35px;
}
.panel_heading {
color: #fff;
margin: 15px 0;
}
.panel_text {
color: #fff;
margin: 5% 0;
}
span.mail_to {
background: #004475;
padding: 6px 15px;
margin: 10px 0;
display: inline-block;
color: #fff;
cursor: pointer;
float: right;
}
.panel_heading h2 {
font-weight: 600;
letter-spacing: 2px;
font-family: 'Open Sans', sans-serif;
text-transform: uppercase;
}
.course_faculty{
background-size:100% 100%;
}
.subhead_p > p{
width: 70%;
margin: 0 auto;
text-align: center;
font-size: 16px;
line-height: 26px;
}
.ben_cont{
display: flex;
width: 100%;
max-width: 800px;
margin: 40px auto;
flex-wrap: wrap;
}
.ben_cont .ben_main{
width: 50%;
padding: 0px 10px;
margin: 20px 0px;
text-align: center;
font-size: 16px;
}
.ben_cont .ben_main .ben_content{
background:#fff;
position:relative;
padding: 30px 0px 25px 0px;
}
.ben_cont .ben_main .ben_content > p{
min-height: 66px;
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 3;
line-height: 22px;
max-height: 66px;
}
.ben_cont .ben_main .ben_content > span{
position: absolute;
width: 30px;
height: 30px;
top: 0;
border: 1px solid #004475;
display: grid;
align-items: center;
border-radius: 50%;
background: #004475;
color: #fff;
top: -15px;
left: calc(50% - 15px);
box-shadow: 0px 0px 1px 3px #b5bcc4;
}
.who_benefit .note{
width: max-content;
margin: 0 auto;
font-size: 18px;
font-family: 'Open Sans', sans-serif;
margin-top: 30px;
}
.who_benefit .note > span{
font-family: 'Open Sans', sans-serif;
}
.pb_main_container{
width: 100%;
max-width: 900px;
margin: 0 auto;
display: flex;
flex-wrap: wrap;
}
.pb_main_container .pb_main_div{
width: 31.33%;
text-align: center;
margin: 5px 0px;
padding: 20px;
margin: 8px;
transition: all ease-in-out 0.2s;
/*background: #d3c0c1;*/
background: #004475;
color: #fff;
}
.pb_main_container .pb_main_div_even{
background: #08b3e7;
width: 31.33%;
text-align: center;
margin: 5px 0px;
padding: 20px;
margin: 8px;
transition: all ease-in-out 0.2s;
color: #fff;
}
.pb_main_container .pb_main_div_even:hover{
background: #08b3e7;
transform: scale(1.1);
transition: 1s ease;
}
.pb_main_container .pb_main_div:hover{
background: #004475;
transform: scale(1.1);
transition: 1s ease;
}
.pgm_benefits .subhead_p p{
color: #fff;
}
.pb_main_container .pb_main_div .img, .pb_main_container .pb_main_div_even .img{
width: 80px;
height: 80px;
margin: 0 auto;
display: grid;
align-items: center;
background: #FFF;
text-align: center;
border-radius: 50%;
}
.pb_main_container .pb_main_div .img > img, .pb_main_container .pb_main_div_even .img > img{
width: 50%;
margin: 0 auto;
}
.pb_main_container .pb_main_div .text, .pb_main_container .pb_main_div_even .text{
padding: 20px 20px 0px 20px;
font-size: 16px;
max-height: 130px;
overflow-y: auto;
}
.pb_main_container .pb_main_div .text > p, .pb_main_container .pb_main_div_even .text > p{
transition:all ease-in-out 0.2s;
}
.pb_main_container .pb_main_div:hover .text > p, .pb_main_container .pb_main_div_even:hover .text > p{
color:#fff;
}
.pgm_benefits{
background-image: url('front_assets/images/about_us/section_bg.png');
}
.pgm_benefits .subhead_p > p {
margin-bottom: 30px;
}
.disclaimer .head.white > h3{
text-align: left;
}
.disclaimer .head.white > span{
left:0;
}
.disclaimer p{
/*color: #fff;*/
}
/*Career*/
.career_banner_text{
width: 100%;
max-width: 400px;
padding: 20px 10px;
border: 1px solid rgba(255, 255, 255, 0.4);
color: #fff;
font-size: 26px;
}
.career_banner_text span{
display: block;
font-size: 45px;
color: #82cbff;
font-family: 'Open Sans', sans-serif;
letter-spacing: 4px;
}
.cndt_div > div{
background-size: 100% 100%;
}
.cndt_text{
width: 70%;
margin: 30px auto;
}
.cndt_text h4{
font-size: 16px;
margin-bottom: 25px;
font-family: 'Open Sans', sans-serif;
}
.cndt_text p{
font-size: 16px;
line-height: 30px;
margin-bottom: 30px;
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 5;
max-height: 150px;
color: #000;
}
.cndt_rqmt{
padding-top: 0px;
}
.cndt_rqmt .rqmt_text{
text-align: center;
width: 100%;
max-width: 600px;
margin: 0 auto;
}
.cndt_rqmt .rqmt_text h4{
font-size: 20px;
font-family: 'Open Sans', sans-serif;
word-spacing: 3px;
/* text-align: center; */
margin-bottom: 15px;
}
.cndt_rqmt .rqmt_text p{
font-size: 16px;
line-height: 24px;
margin-bottom: 20px;
}
.slry_div{
text-align: center;
color: #fff;
background-size: 100% 100%;
}
.slry_div h3{
margin: 0px;
margin-bottom: 20px;
font-size: 20px;
font-family: 'Open Sans', sans-serif;
}
.slry_div p{
font-size: 16px;
}
.slry_div p > span{
display: block;
color: rgba(255, 255, 255, 0.51);
}
.mailbox_div span{
display: inline-block;
font-size: 16px;
padding: 0px 10px;
position:relative;
}
.mailbox_div span:nth-child(2)::after{
content:"|";
position: absolute;
right: -6px;
}
.ptble_main .mains_tables{
width: 45%;
display: inline-table;
margin: 0px 2%;
}
.ptble_main .mains_tables table{
width: 100%;
}
.ptble_main table thead tr th{
padding: 10px;
background: #004475;
color: #fff;
border-left: 5px solid #fff;
border-right: 5px solid #fff;
}
.ptble_main table thead tr th:first-child{
border-left: 0px;
}
.ptble_main table thead tr th:last-child{
border-right: 0px;
}
.ptble_main table tbody tr{
background: #e4f9f7;
}
.ptble_main table tbody tr td{
padding: 10px;
font-family: 'Open Sans', sans-serif;
}
.ptble_main table tbody tr td:first-child{
text-align:center;
}
.ptble_main table tbody tr td > a{
display: inline-block;
width: max-content;
padding: 2px 10px;
border: 1px solid #004475;
border-radius: 7px;
color: #004475;
font-family: 'Open Sans', sans-serif;
cursor: pointer;
}
.position_table .head.black > h3{
text-transform: capitalize;
}
.position_table .head.black {
position: relative;
margin-bottom: 50px;
}
/*MOU Partners*/
.partners_sayings{
padding-top: 0px;
}
.mou_partner .subhead_p > p{
width: 100%;
margin-bottom: 20px;
}
.mou_partner{
text-align: justify;
}
.partners_sayings .saying_main{
background: #e8e8e8;
padding: 20px;
margin-bottom: 2px;
}
.partners_sayings .sayings{
/* max-height: 651px; */
min-height: auto;
overflow: hidden;
}
.partners_sayings .saying_main > .img{
width: 150px;
display: inline-block;
vertical-align: top;
}
.partners_sayings .saying_main > .img img{
width: 100%;
min-height: 80px;
max-height: 80px;
}
.partners_sayings .saying_main > .img p{
font-size: 13px;
text-align: center;
margin: 20px 0px 0px 0px;
font-family: 'Open Sans', sans-serif;
overflow: hidden;
text-overflow: ellipsis;
/*display: -webkit-box;*/
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
line-height: 17px;
min-height: 98px;
max-height: 98px;
}
.partners_sayings .saying_main > .text{
width: calc(100% - 460px);
display: inline-block;
vertical-align: top;
padding: 0px 20px;
}
.partners_sayings .saying_main > .text > p{
font-size: 16px;
line-height: 25px;
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-box-orient: vertical;
/* -webkit-line-clamp: 5; */
min-height: 181px;
max-height: 181px;
overflow-y: auto;
}
.partners_sayings .saying_main > .text > a{
display: inline-block;
padding: 5px 20px;
border: 1px solid #004475;
margin-top: 10px;
border-radius: 5px;
color: #000;
cursor: pointer;
}
.partners_sayings .saying_main > .img_2{
width: 300px;
display: inline-block;
vertical-align: middle;
}
.partners_sayings .saying_main > .img_2 img{
width: 100% !important;
min-height: 155px;
/* max-height: 155px;*/
transform: scale(1);
transition: all ease-in-out 0.2s;
}
.partners_sayings .saying_main > .img_2:hover img{
transform: scale(1.1);
}
.view_all_sayings > a{
width: 100px;
display: inline-block;
cursor: pointer;
margin-top:50px;
}
/*Meeting Notice*/
.main_notice {
background: #fff;
padding: 30px;
border: 1px solid #ccc;
}
.main_notice .head p{
font-size: 16px;
text-transform: uppercase;
font-family: 'Open Sans', sans-serif;
margin-top: 10px;
text-align: center;
color: rgba(31, 31, 31, 0.7);
}
.main_notice .date_cal{
text-align: center;
margin: 20px 0px;
font-size: 16px;
font-family: 'Open Sans', sans-serif;
text-transform: uppercase;
color: #004475;
display: flex;
flex-wrap: wrap;
}
.main_notice .date_cal > p{
width:50%;
display:inline-block;
}
.main_notice .date_cal > p:first-child{
text-align:right;
padding-right:10px;
}
.main_notice .date_cal > p:last-child{
text-align:left;
padding-left:10px;
}
.main_notice .date_cal > p > span{
display: inline-block;
width: 16px;
vertical-align: baseline;
margin-right: 5px;
}
.main_notice .date_cal > p > span > img{
width:100%;
}
.main_notice .meeting_subhead > p{
font-size: 15px;
width: 60%;
margin: 0 auto;
text-align: center;
line-height: 25px;
font-family: 'Open Sans', sans-serif;
margin-bottom: 20px;
}
.main_notice .meeting_list{
width: 80%;
margin: 20px auto;
background: #004475;
color: #fff;
padding: 20px;
}
.main_notice .meeting_list > ul > li{
font-size: 15px;
position: relative;
padding: 6px 6px 6px 30px;
}
.main_notice .meeting_list > ul > li::before{
content:"";
background-image:url("../images/meeting_notice/before.png");
width: 20px;
height: 13px;
display: inline-block;
vertical-align: middle;
margin-right: 10px;
background-size: 100% 100%;
}
.main_notice .for_iod{
text-align: center;
}
.main_notice .for_iod > h3{
color: #004475;
font-size: 21px;
font-family: 'Open Sans', sans-serif;
letter-spacing: 1px;
}
.main_notice .for_iod > p{
font-size: 16px;
color: #000;
font-family: 'Open Sans', sans-serif;
}
.main_notice .for_iod > p > span{
font-family: 'Open Sans', sans-serif;
}
.main_notice .for_iod > .date_place{
display: flex;
flex-wrap:wrap;
margin-top: 30px;
}
.main_notice .for_iod > .date_place > p{
width:50%;
font-size: 16px;
color: #000;
font-family: 'Open Sans', sans-serif;
text-transform:uppercase;
}
.main_notice .for_iod > .date_place > p:first-child{
text-align:right;
padding-right:12px;
}
.main_notice .for_iod > .date_place > p:last-child{
text-align:left;
padding-left:12px;
}
.main_press_release .select_box select{
min-width: 200px;
max-width: 100%;
padding: 10px 5px;
border:1px solid #ccc;
background: #e8e8e8;
}
.main_press_release .select_main > p{
margin: 30px 0px;
width: max-content;
padding: 10px 30px 10px 10px;
background: #c02425;
border-top-right-radius: 30px;
border-bottom-right-radius: 30px;
color: #fff;
font-family: 'Open Sans', sans-serif;
border-left: 4px solid #671313;
}
.main_press_release{
background: #e8e8e8;
}
.main_press_release .main_press_box{
background: #fff;
margin-bottom: 30px;
}
.main_press_release .main_press_box > .heading{
padding: 10px;
background: #004475;
color: #fff;
font-size: 17px;
font-family: 'Open Sans', sans-serif;
}
.main_press_release .main_press_box > .content_box{
padding: 20px;
}
.main_press_release .main_press_box > .content_box > p{
font-size: 16px;
line-height: 25px;
margin-bottom: 20px;
}
.main_clipping{
width: 100%;
margin: 0 auto;
display: flex;
flex-wrap: wrap;
}
.main_clipping .clipping_div{
width: 31%;
background: #fff;
padding: 20px;
}
.main_clipping .clipping_div .img_news{
display: flex;
flex-wrap: wrap;
}
.main_clipping .clipping_div .img_news .img{
width: 30%;
overflow: hidden;
vertical-align: middle;
}
.main_clipping .clipping_div .img_news .img > img{
width: 100%;
min-height: 122px;
max-height: 122px;
}
.main_clipping .clipping_div .img_news .text{
width: 70%;
padding-left: 10px;
vertical-align: middle;
}
.main_clipping .clipping_div .img_news .text > p:first-child{
font-size: 15px;
color: #000;
font-family: 'Open Sans', sans-serif;
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 3;
line-height: 22px;
max-height: 66px;
}
.main_clipping .clipping_div .img_news .text > p:last-child{
font-size: 15px;
color: #3eaaf7;
font-family: 'Open Sans', sans-serif;
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 5;
line-height: 22px;
max-height: 110px;
}
.main_clipping .clipping_div .main_text{
font-size: 15px;
margin: 10px 0px 20px 0px;
color: #555252;
font-family: 'Open Sans', sans-serif;
overflow: hidden;
max-height: 88px;
min-height: 88px;
overflow-y: auto;
}
.main_clipping .clipping_div{
margin:1%;
}
.main_clipping .clipping_div{
margin-top:2%;
margin-bottom:2%;
}
.main_press_release .clipping_year > p {
margin: 30px 0px 30px 0;
}
.main_publication .vm_pub{
display: inline-block;
cursor: pointer;
text-decoration: none;
}
.publication_listing .main_listing{
/*width: 64%;*/
margin: 50px 0px 0px 0px;
color: #fff;
font-size: 16px;
line-height: 25px;
}
.publication_listing .main_listing > ul > li{
padding:10px 10px 6px 30px;
position:relative;
}
.publication_listing .main_listing > ul > li::before{
content:"";
background-image:url('../images/publication_page/before.png');
background-size: 100% 100%;
position: absolute;
width: 7px;
height: 20px;
left: 13px;
top: 14px;
}
.publication_listing .main_listing .for_contact{
display: inline-block;
background: #fff;
margin: 20px 0px 0px 15px;
padding: 10px;
border-radius: 4px;
cursor: pointer;
font-family: 'Open Sans', sans-serif;
}
.publication_listing .main_listing .for_contact > span{
margin-right: 10px;
}
.publication_listing{
background-size: 100% 100%;
position:relative;
}
.publication_listing .pubphone_img{
position: absolute;
right: 0;
bottom: 0;
}
.d_today .main_topic_head > p, .distinguished_person .main_topic_head > p{
margin: 0;
width: max-content;
display: inline-block;
padding: 10px 30px 10px 10px;
background: #08b3e7;
border-top-right-radius: 30px;
border-bottom-right-radius: 30px;
color: #fff;
font-size: 16px;
border-left: 5px solid #004475;
}
.d_today .main_topic_head > a{
float: right;
text-align: center;
}
.book_div{
margin: 20px 0px;
padding: 15px 10px;
transition: all ease-in-out 0.2s;
background: transparent;
box-shadow: none;
min-height: 450px;
max-height: 450px;
}
.book_div:hover{
background: #eeeeee;
box-shadow: 2px 5px 16px 2px #eee;
}
.book_div .img_text{
display: flex;
flex-wrap: wrap;
}
.book_div .img_text > .img{
width: 40%;
}
.book_div .img_text > .img img{
width: 100%;
/* max-height: 150px;
min-height: 150px;*/
}
.book_div .img_text > .text{
width: 60%;
padding-left: 20px;
}
.book_div .img_text > .text > p:first-child{
font-size: 18px;
font-family: 'Open Sans', sans-serif;
}
.book_div .img_text > .text > span{
font-size: 16px;
color: #004475;
margin-bottom: 0px;
display: inline-block;
font-family: 'Open Sans', sans-serif;
}
.book_div .img_text > .text > span.stock_out{
color: #f01515;
}
.book_div .img_text > .text > p:last-child{
font-size: 14px;
font-family: 'Open Sans', sans-serif;
text-transform:uppercase;
}
.book_div .content_text{
margin: 10px 0px 20px;
font-size: 16px;
line-height: 24px;
color: #555252;
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 5;
line-height: X;
max-height: 120px;
}
.book_div .content_Select > select{
padding: 8px 5px;
width: 50%;
border: 1px solid #ccc;
border-radius: 3px;
}
.book_div .content_Select > a.default_button{
float: right;
text-align:center;
}
.director_today_btns{
text-align: center;
}
.director_today_btns > a{
display: inline-block;
padding: 3px 10px;
border-radius: 3px;
margin: 0px 5px;
}
.director_today_btns > a.download{
border: 1px solid #004475;
}
/*IOD Books*/
.gc_main{
display: flex;
flex-wrap: wrap;
}
.gc_main .gc_block{
margin-bottom: 40px;
}
.gc_main .gc_block:nth-child(odd){
width: 50%;
padding-right: 30px;
}
.gc_main .gc_block:nth-child(even){
width: 50%;
padding-left: 30px;
}
.gc_main .gc_block .gc_img{
width: 160px;
display: inline-block;
vertical-align: middle;
border: 2px solid #004475;
}
.gc_main .gc_block .gc_img > img{
width: 100%;
max-width: 160px;
min-height: 217px;
max-height: 217px;
}
.gc_main .gc_block .gc_text{
width: calc(100% - 170px);
display: inline-block;
vertical-align: middle;
padding-left: 15px;
}
.gc_main .gc_block .gc_text > p.date{
font-family: 'Open Sans', sans-serif;
color: #004475;
font-size: 16px;
margin-bottom: 5px;
}
.gc_main .gc_block .gc_text > p.type{
width: max-content;
padding: 7px 20px;
font-size: 16px;
color: #fff;
background: #2463a3;
}
.gc_main .gc_block .gc_text .theme{
color: #000;
font-family: 'Open Sans', sans-serif;
font-size: 15px;
margin-bottom: 10px;
}
.gc_main .gc_block .gc_text .theme > span{
display: block;
color: rgba(0, 0, 0, 0.5);
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 3;
line-height: 22px;
min-height: 66px;
max-height: 66px;
}
.gc_main .gc_block .gc_text .theme > p{
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 3;
line-height: 22px;
min-height: 66px;
max-height: 66px;
}
.gc_main .gc_block .gc_text p.gc_content{
font-size: 15px;
font-family: 'Open Sans', sans-serif;
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 3;
line-height: 22px;
min-height: 66px;
max-height: 66px;
}
.gc_main .gc_block .gc_text .book_button{
text-align: left;
padding: 10px 0px;
}
.gc_main .gc_block .gc_text .book_button > a.download_btn{
margin: 0px 0px;
padding: 5px 10px;
border: 1px solid #004475;
border-radius: 3px;
cursor: pointer;
color: #004475;
font-family: 'Open Sans', sans-serif;
}
.iod_book_table ul.nav.nav-tabs{
display: table;
margin: 0 auto;
border-bottom: none;
width: 100%;
text-align: center;
}
.iod_book_table ul.nav.nav-tabs > li {
float: none;
margin-bottom: 0;
display: table-cell;
margin: 0px 1px;
}
.iod_book_table ul.nav.nav-tabs > li.active > a {
cursor: default;
background-color: #004475 !important;
border: 1px solid #ddd;
color: #fff;
border-bottom-color: initial;
}
.iod_book_table ul.nav.nav-tabs > li > a {
margin: 2px;
line-height: 1.42857143;
border: 1px solid #ccc;
border-radius: 0px;
}
.table_books{
margin-top: 40px;
}
.table_books > table{
width: 90%;
margin: 0 auto;
border: 1px solid #ccc;
}
.table_books > table > thead > tr > th{
padding: 10px;
background: #f3921f;
border-right: 2px solid #fff;
color: #fff;
text-align: center;
font-size: 16px;
font-weight: 400;
font-family: 'Open Sans', sans-serif;
}
.table_books > table > thead > tr > th:first-child{
text-align:left;
}
.table_books > table > thead > tr > th:last-child{
border-right:none;
}
.table_books > table > tbody > tr{
border-bottom: 1px solid #ccc;
}
.table_books > table > tbody > tr > td{
padding: 10px;
text-align: center;
font-size: 15px;
font-family: 'Open Sans', sans-serif;
}
.table_books > table > tbody > tr > td:first-child{
text-align:left;
}
.table_books > table > tbody > tr > td:first-child > span{
font-family: 'Open Sans', sans-serif;
}
.table_books > table > tbody > tr > td > span.not{
color:red;
}
/*New Article*/
.iod_book_table.new_article ul.nav.nav-tabs > li > a {
background: #fff;
}
.iod_book_table.new_article ul.nav.nav-tabs {
width: 70%;
}
.new_article_main .article_list_wrapper > h3{
padding: 10px;
margin: 0;
font-size: 18px;
color: #fff;
background: #ccc;
}
.new_article_main .article_list_wrapper > ul{
margin: 0;
padding: 10px 0px !important;
background: #fff;
}
.new_article_main .article_list_wrapper > ul > li{
padding: 10px 0px 5px 30px;
font-size: 16px;
position:relative;
}
.new_article_main .article_list_wrapper > ul > li > a{
cursor:pointer;
}
.new_article_main .article_list_wrapper > ul > li::before{
content:"";
background-image:url('../images/new_article/before.png');
position: absolute;
top: 50%;
left: 7px;
width: 16px;
height: 16px;
transform: translateY(-45%);
background-size: 100% 100%;
}
.new_article_main .article_list_wrapper > ul > li > a > span{
font-family: 'Open Sans', sans-serif;
margin-left: 5px;
}
.new_article_main .article_list_wrapper > ul > li > a > span::before{
content:"-";
}
.new_article_main .article_list_wrapper{
margin-bottom: 20px;
}
.new_article_main .article_list_wrapper:nth-child(8n + 1) > h3{
background: #2ec1b9;
}
.new_article_main .article_list_wrapper:nth-child(8n + 2) > h3{
background: #750504;
}
.new_article_main .article_list_wrapper:nth-child(8n + 3) > h3{
background: #f3921f;
}
.new_article_main .article_list_wrapper:nth-child(8n + 4) > h3{
background: #ab53a9;
}
.new_article_main .article_list_wrapper:nth-child(8n + 5) > h3{
background: #f14d43;
}
.new_article_main .article_list_wrapper:nth-child(8n + 6) > h3{
background: #49c1df;
}
.new_article_main .article_list_wrapper:nth-child(8n + 7) > h3{
background: #fe6eb3;
}
.new_article_main .article_list_wrapper:nth-child(8n + 8) > h3{
background: #2ec1b9;
}
.new_article_main .article_list_wrapper .news_views{
background: #fff;
padding: 0px 10px 10px 30px;
font-size: 16px;
}
.new_article_main .article_list_wrapper .news_views > span{
font-family: 'Open Sans', sans-serif;
}
/*Gallery Main*/
.gallery_main{
background-size: 100% 100%;
}
.gallery_main .nav.nav-tabs{
text-align: center;
border: none;
}
.gallery_main .nav.nav-tabs > li{
float: none;
margin-bottom: 0px;
width: max-content;
display: inline-block;
position: relative;
}
.gallery_main .nav.nav-tabs > li > a{
margin: 0px 10px;
line-height: 1.42857143;
border: 1px solid #ccc;
border-radius: 30px;
padding: 10px 30px;
font-size: 14px;
background: #ccc;
color: #fff;
font-family: 'Open Sans', sans-serif;
}
.gallery_main .nav.nav-tabs > li.active > a{
background-color: #4eaadd;
border: 1px solid #4eaadd;
color:#fff;
}
.gallery_main .nav.nav-tabs > li > a > span{
margin-right: 10px;
}
.gallery_main .nav.nav-tabs > li.active > span {
position: absolute;
width: 30px;
height: 20px;
top: 100%;
left: calc(50% - 15px);
border-left: 15px solid transparent;
border-right: 15px solid transparent;
border-bottom: 12px solid #06377a;
transform: rotate(180deg);
transition: all 0.2s;
}
.gallery_main .nav.nav-tabs > li.active > span {
border-left: 15px solid transparent;
border-right: 15px solid transparent;
border-bottom: 12px solid #4eaadd;
}
.gallery_main .select_year{
text-align: center;
margin: 40px 0px;
}
.gallery_main .select_year > select{
padding: 10px;
width: 200px;
background: transparent;
font-family: 'Open Sans', sans-serif;
border: 1px solid #ccc;
}
.gallery_main_div .gallery_img > img{
width: 100%;
min-height: 282px;
max-height: 282px;
transition: all ease-in-out 0.2s;
transform: scale(1);
}
.gallery_main_div:hover .gallery_img > img{
transform: scale(1.1);
}
.gallery_main_div .gallery_img{
overflow:hidden;
}
.gallery_main_div{
position:relative;
margin-bottom: 30px;
}
.gallery_main_div > p.abs_text{
position: absolute;
bottom: 0;
margin: 0px;
padding: 10px;
color: #fff;
background: rgba(0,0,0,0.5);
font-size: 16px;
text-align: center;
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 3;
line-height: 24px;
min-height: 92px;
max-height: 92px;
width: 100%;
}
.gallery_main_div > .abs_place{
position: absolute;
bottom: 92px;
width: 100%;
transition: all ease-in-out 0.2s;
display: flex;
flex-wrap: wrap;
transform: translateY(30px);
opacity: 0;
}
.gallery_main_div > .abs_place > span:first-child{
width: 30%;
text-align: center;
background: #004475;
color: #fff;
padding: 5px 0px;
}
.gallery_main_div > .abs_place > span:last-child{
width: 70%;
background: #bcefe9;
padding: 5px 0px;
text-align: center;
}
.gallery_main_div:hover > .abs_place{
transform: translateY(0px);
opacity: 1;
}
/*Advisory*/
.advisory_main_block{
color: #fff;
margin: 50px 0px;
text-align: justify;
}
.research_slide{
float: left;
}
.reserch_img{
float: left;
border-right: 10px solid #fff;
border-left: 10px solid #fff;
}
.reserch_text{
float: left;
color: #fff;
margin-left: 20px;
width: 50%;
margin-top: 14%;
}
.reserch_text p{
color: #fff;
}
.research{
margin-bottom: 35px;
}
#owl_researchslide .owl-nav > .owl-prev{
position: absolute;
top: calc(60% - 100px);
left: -30px;
font-size: 59px;
font-family: 'Open Sans', sans-serif;
color: #fff;
}
#owl_researchslide .owl-nav > .owl-next{
position: absolute;
top: calc(60% - 100px);
right: -20px;
font-size: 59px;
font-family: 'Open Sans', sans-serif;
color: #fff;
}
.insights_heading{
padding-bottom: 60px;
}
.insights_updates{
background: #08b3e7;
padding: 30px 0;
}
.insights_updates .alpha{
width: 20px;
height: 20px;
display: inline-block;
vertical-align: middle;
border-radius: 50%;
text-align: center;
padding-left: 6px;
background: #004475;
color: #fff;
position: relative;
left: -5px;
padding-top: 1px;
bottom: -20px;
}
.insights_updates .alpha .fa {
color: #08b3e7;
}
.insights_updates .text{
padding-left: 25px;
}
.insights_updates ul li{
border-bottom: 1px solid #ccc;
padding-bottom: 10px;
}
.insights_updates ul {
height: 350px;
overflow-y: scroll;
padding-right: 25px;
}
.strategic_foresight .advisory_main_block{
height: 400px;
overflow-y: scroll;
padding-right: 30px;
}
.strategic_foresight .advisory_main_block ul{
list-style-type: disc;
}
.developing_bg{
background: -webkit-linear-gradient(top, #08b3e7 70%, #004475 30%);
padding: 55px 0;
}
.developing_capab_img{
border:5px solid #fff;
}
.developing_capab_img img{
width: 100%;
}
.developing_capab_content h4{
text-align: center;
color: #fff;
}
.boradresearch_quote blockquote.quote {
position: relative;
text-align: center;
padding: 3rem 2.2rem;
color: #484748;
margin: 4rem auto 2rem;
border-left: none;
width: 60%;
}
.boradresearch_quote blockquote{
background:
linear-gradient(to right, #039be5 4px, transparent 4px) 0 100%,
linear-gradient(to left, #039be5 4px, transparent 4px) 100% 0,
linear-gradient(to bottom, #039be5 4px, transparent 4px) 100% 0,
linear-gradient(to top, #039be5 4px, transparent 4px) 0 100%;
background-repeat: no-repeat;
background-size: 92% 84%;
color: #fff;
}
.boradresearch_quote blockquote.quote:before,
.boradresearch_quote blockquote.quote:after{
font-family: FontAwesome;
position: absolute;
color: #039be5;
font-size: 30px;
}
.boradresearch_quote blockquote:before{
content: "\f10d";
top: -14px;
right: 94%;
}
.boradresearch_quote blockquote:after{
content: "\f10e";
left: 95%;
top: auto;
bottom: -16px;
}
.boradresearch_quote blockquote p:first-child{
font-size: 28px;
color: #004475;
}
.advisory_main_block .advisory_block{
width:50%;
display: flex;
align-items: center;
padding: 10px;
}
.board_evaluation{
clear: both;
}
.board_evaluation img{
margin-top: -52px;
border-right: 10px solid #fff;
border-left: 10px solid #fff;
}
#ct{
height:170px;
width:60%;
border:7px solid #fff;
margin: 20px 30px;
text-align:center;
position:relative;
color:#fff;
padding:15px;
}
#ct blockquote{
border-left: none;
}
#ct span{
color:#fff;
padding:0 10px;
font-size:15px;
position:relative;
bottom:1px;
}
#ct p{
font-size: 24px;
}
.amc_division ul li{
list-style-type: disc;
}
.litigation_arbitration_text{
border: 2px solid #08b3e7;
padding: 28px;
min-height: 300px;
border-radius: 25px;
margin-top: 30px;
}
.advisory_main_block .advisory_block > .graph_img > img{
width:100%;
}
.advisory_main_block .advisory_block > .text-img{
padding: 10px;
border: 1px solid rgba(204, 204, 204, 0.47);
}
.advisory_main_block .advisory_block > .advisory_text > h4{
font-family: 'Open Sans', sans-serif;
margin-bottom: 15px;
}
.advisory_main_block .advisory_block > .advisory_text > p{
font-size: 16px;
margin-bottom: 15px;
overflow: hidden;
text-overflow: ellipsis;
/*display: -webkit-box;*/
-webkit-box-orient: vertical;
-webkit-line-clamp: 4;
line-height: 23px;
min-height: 92px;
/*max-height: 92px;*/
}
.advisory_member_tabs .member_main{
width: 91%;
margin: 12px 1%;
border: 1px solid rgba(204, 204, 204, 0.37);
box-shadow: none;
background-size: 100% 101%;
}
.advisory_member_tabs .view_all_members{
margin-top: 30px;
}
.advisory_member_tabs .view_all_members > a{
min-width: 120px;
display:inline-block;
}
.advisory_member_tabs .view_all_members > a > i{
float: right;
margin-top: 3px;
}
.advisory_insight .insight_head > h4{
margin: 0;
padding: 10px;
text-align: center;
background: #81e5f6;
text-transform: uppercase;
color: #000;
font-family: 'Open Sans', sans-serif;
font-size: 17px;
letter-spacing: 1.5px;
border-top: 4px solid #004475;
}
.advisory_insight .certificate_div{
padding: 40px 20px 20px 20px;
}
.advisory_insight .certificate_div .certificate_main{
padding: 20px 0px;
}
.advisory_insight .certificate_div .certificate_main .certificate_img{
position: relative;
padding: 20px 0px;
background: #fff;
margin-bottom: 10px;
}
.advisory_insight .certificate_div .certificate_main .certificate_img > img{
width: 100%;
}
.advisory_insight .certificate_div .certificate_main .certificate_img > p{
position: absolute;
top: -28px;
width: 100%;
text-align: center;
background: red;
border-radius: 30px;
color: #fff;
padding: 5px 10px;
line-height: 17px;
font-family: 'Open Sans', sans-serif;
}
.litigation_arbitration .alpha{
width: 20px;
height: 20px;
display: inline-block;
vertical-align: middle;
border-radius: 50%;
text-align: center;
padding-left: 6px;
background: #004475;
color: #fff;
position: relative;
left: 77px;
bottom: -29px;
}
.download_brochure{
min-height: 250px;
border-radius: 10px;
background-size: 100% 100%;
position: relative;
}
.download_brochure > a{
position: absolute;
bottom: 30px;
left: 30px;
width: 50px;
height: 50px;
border: 2px solid #004475;
display: grid;
align-items: center;
border-radius: 50%;
background: #fff;
}
.download_brochure > a > img{
margin: 0 auto;
width: 50%;
}
.detailed_profiles .detailed_main{
display: flex;
flex-wrap: wrap;
}
.detailed_profiles .detailed_main .detailed_box{
background-size:100% 100%;
}
.detailed_profiles .detailed_main .detailed_box:nth-child(odd){
width: calc(50% - 15px);
margin-right:15px;
}
.detailed_profiles .detailed_main .detailed_box:nth-child(even){
width: calc(50% - 15px);
margin-left:15px;
}
.detailed_profiles .detailed_main .detailed_box > .service_detailed > p{
text-align: center;
/* margin-bottom: 20px; */
margin: 0px;
padding: 10px;
background: #c02425;
color: #fff;
font-family: 'Open Sans', sans-serif;
}
.detailed_profiles .detailed_main .detailed_box > .service_detailed > p > span{
display: inline-block;
margin-right: 10px;
}
.detailed_profiles .detailed_main .detailed_box > .service_detailed > ul{
padding: 30px;
color: #fff;
}
.detailed_profiles .detailed_main .detailed_box > .service_detailed > ul > li{
font-size: 15px;
padding-bottom: 20px;
position: relative;
padding-left: 20px;
}
.detailed_profiles .detailed_main .detailed_box > .service_detailed > ul > li > span{
position: absolute;
left: 0;
font-family: 'Open Sans', sans-serif;
}
.Schedule_Call .call_div{
padding: 20px;
background-size: 100% 100%;
position: relative;
}
.Schedule_Call .call_div .call_main{
width: 60%;
}
.Schedule_Call .call_div .call_main > h4{
margin: 0px;
margin-bottom: 20px;
font-family: 'Open Sans', sans-serif;
}
.Schedule_Call .call_div .call_main > .info > span{
display: inline-flex;
vertical-align: middle;
margin-right: 10px;
width: 30px;
height: 30px;
padding: 2px;
background: #004475;
border-radius: 50%;
align-items: center;
}
.Schedule_Call .call_div .call_main > .info > span > img{
width: auto;
margin: 0 auto;
}
.Schedule_Call .call_div .call_main > .info > p{
width: max-content;
display: inline-block;
vertical-align: middle;
margin: 0px;
font-size: 16px;
}
.Schedule_Call .call_div .call_main > .info > p > span{
font-family: 'Open Sans', sans-serif;
}
.Schedule_Call .call_div .call_main > .info:last-child{
margin-top: 15px;
}
.Schedule_Call .call_div .call_abs{
position: absolute;
right: 40%;
transform: translateX(96%);
bottom: 0;
}
.Schedule_Call .call_div .call_abs > img{
width: 70%;
}
.main_proposal{
padding: 50px 40px;
background-size: 100% 100%;
border: 1px solid rgba(204, 204, 204, 0.44);
}
.main_proposal form .form_div{
margin: 30px 0px;
}
.main_proposal form .form_div label{
width: 30%;
vertical-align: top;
margin: 0px;
font-size: 16px;
font-weight: 400;
font-family: 'Open Sans', sans-serif;
}
.main_proposal form .form_div select{
width: 30%;
padding: 10px;
background: #e8e8e8;
border: none;
font-size:16px;
}
.main_proposal form .form_div input, .main_proposal form .form_div textarea{
width: 60%;
padding: 10px;
background: #e8e8e8;
border: none;
font-size:16px;
}
.main_proposal form .form_div .pretty input{
width: 100%;
}
.main_proposal form .pretty.p-default input:checked~.state label:after {
background-color: #000000!important;
}
.form_div > button{
width: 100px;
background: #004475;
border: none;
color: #fff;
padding: 7px 10px;
text-align: left;
}
.form_div > button > i{
float: right;
margin-top: 3px;
}
.faq_img{
text-align: center;
margin-top: 50px;
}
.video_title{
margin-top: 10px;
font-size: 18px;
font-family: 'Open Sans', sans-serif;
}
.more_videos{
margin-top: 50px;
}
.more_testi.more_videos .heading {
border-bottom: 1px solid #004475;
}
.more_testi.more_videos .more_main .name p {
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 3;
line-height: 25px;
max-height: 75px;
}
.more_testi.more_videos .more_main:hover {
background: #004475;
}
.more_videos #owl_20 .owl-nav .owl-prev::before {
content: "";
border-left: 2px solid #004475;
border-top: 2px solid #004475;
}
.more_videos #owl_20 .owl-nav .owl-next::before {
content: "";
border-left: 2px solid #004475;
border-top: 2px solid #004475;
}
/*--modal 6--*/
.main_popup_age_verify {
opacity: 0;
visibility: hidden;
z-index: 9999;
background: rgba(0,0,0,0.7);
position: fixed;
top: 0;
left: 0;
width: 100%;
display: block;
height: 100%;
}
.main_popup_age_verify.active {
opacity: 1;
visibility: visible;
}
.main_popup_age_verify.active .inner_popup_age_verify {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%,-50%);
background: #e4f9f7;
padding: 15px;
width: 50%;
color: #004264;
margin-top: 20px;
display: block !important;
}
span.iod_close_btn {
border-radius: 50%;
position: absolute;
right: -20px;
top: -20px;
cursor: pointer;
}
span.iod_close_btn img {
height: 45px;
width: auto;
}
.iod_home_popup .pop_event_image, .iod_home_popup .pop_event_details {
display: inline-block;
margin: 0 0 10px;
vertical-align: top;
width: calc(50% - 5px);
}
.iod_home_popup .pop_event_details {
padding: 0 20px;
}
.iod_home_popup .pop_event_image, .iod_home_popup .pop_event_details {
display: inline-block;
margin: 0 0 10px;
vertical-align: top;
width: calc(50% - 5px);
}
.iod_home_popup .pop_event_details h3 {
font-size: 20px;
margin-top: 0;
}
.iod_home_popup .pop_event_details p {
font-size: 14px;
}
.iod_home_popup .pop_event_details p.location {
font-weight: 800;
}
div.wpcf7 {
margin: 0;
padding: 0;
}
#iod_pop_subscribe_form .wpcf7-form h1.form_title {
color: #004264;
font-size: 23px;
font-weight: 500;
text-align: left;
margin-top: 0;
}
#iod_pop_subscribe_form .wpcf7-form .form_main {
/* text-align: center; */
display: inline-flex;
flex-direction: row;
align-items: flex-start;
/* justify-content: space-between; */
/* width: 100%; */
}
#iod_pop_subscribe_form .wpcf7-form .form_main span.wpcf7-form-control-wrap {
/* display: inline-block; */
margin-right: 10px;
vertical-align: top;
width: auto;
}
#iod_pop_subscribe_form .wpcf7-form .form_main input[type="submit"] {
font-size: 14px;
font-weight: 700;
height: auto;
line-height: 1;
padding: 14px 20px;
text-transform: uppercase;
width: auto;
margin-right: 0px;
}
.pop_event_details{
width: 100%;
display: inline-block;
padding: 0 20px;
}
.pop_event_image{
width: 99%;
display: inline-block;
}
.pop_event_image img{
width: 100%;
height: auto;
vertical-align: baseline;
}
#popup_main_frm input.popup_name ,#popup_main_frm input.popup_email{
border: 1px solid #004264;
border-radius: 0;
font-size: 16px;
font-weight: 400;
height: auto;
line-height: 1;
margin-right: 6px;
min-height: auto;
padding: 12px 10px;
text-transform: none;
width: 100%;
}
#popup_main_frm input.submit{
font-size: 14px;
font-weight: 700;
height: auto;
line-height: 1;
padding: 14px 20px;
text-transform: uppercase;
width: auto;
margin-right: 0px;
border: 1px solid #004264;
border-radius: 0;
background: #004264;
color: #fff;
cursor: pointer;
}
span.your-email-popup{
display: inline-block;
margin-right: 10px;
vertical-align: top;
width: auto;
}
/*--modal 6 end--*/
/*Events New Pages css*/
.chairman_invitation{
padding:50px 0px;
}
.chairman_invitaion_main{
display:flex;
flex-wrap:wrap;
}
.chairman_invitaion_main .person_main_div{
width: 20%;
padding: 10px;
border-radius: 2px;
}
.chairman_invitaion_main .person_main_div .p3 > h3 {
font-size: 17px;
font-family: 'Open Sans', sans-serif;
margin: 20px 0px;
/* min-height: 36px; */
}
.chairman_invitaion_main .person_main_div .p4 > p {
font-family: 'Open Sans', sans-serif;
min-height: 80px;
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 4;
line-height: 20px;
max-height: 80px;
}
.chairman_invitaion_main .content_text{
width: 78%;
margin-left: 2%;
border: 1px solid #ccc;
padding: 10px;
border-radius: 2px;
}
.chairman_invitaion_main .content_text p{
font-size: 16px;
}
.registraion_events{
padding:50px;
}
.registraion_events .default_button {
border: none;
background: #004475;
padding: 6px 10px;
color: #fff;
width: 150px;
border-radius: 3px;
transition: all 0.2s;
display: block;
text-align: center;
margin: 48px auto 0px;
cursor: pointer;
}
.sponsorship_add{
padding:50px 0px;
}
.sponsorship_add .add_text{
margin-top: 30px;
font-size: 16px;
font-family: 'Open Sans', sans-serif;
}
.sponsorship_add .actual_table table{
margin-bottom: 50px;
border: 1px solid #ccc;
margin-top: 30px;
}
.sponsorship_add .actual_table table thead tr th{
background: #004475;
color: #fff;
font-weight: 400;
font-family: 'Open Sans', sans-serif;
padding: 10px;
font-size:16px;
}
.sponsorship_add .actual_table table tbody tr td{
background: #fff;
color: #000;
font-weight: 400;
font-family: 'Open Sans', sans-serif;
padding: 10px;
border-right:1px solid #ccc;
font-size:15px;
background: #fff;
}
.sponsorship_add .actual_table table tbody tr td:nth-child(1){
color: #000;
font-weight: 400;
font-family: 'Open Sans', sans-serif;
padding: 10px;
border-right:1px solid #ccc;
font-size:15px;
}
.spsh_table thead tr th{
vertical-align:middle;
}
.spsh_table tbody tr td{
text-align:center;
vertical-align:middle;
}
.spsh_table tbody tr td:nth-child(1){
text-align:left;
}
.textwidget > ul{
text-align: center;
padding: 0;
font-size: 16px;
}
.textwidget > ul > li{
padding: 6px;
font-family: 'Open Sans', sans-serif;
}
.textwidget > ul > li:last-child{
color: #06377a;
font-family: 'Open Sans', sans-serif;
}
#owl-carousel_slider .owl-nav .owl-prev{
width: 40px;
height: 40px;
border-radius: 50px;
background-color: #898989;
position: absolute;
left: 20px;
top: 50%;
}
#owl-carousel_slider .owl-nav .owl-next{
width: 40px;
height: 40px;
border-radius: 50px;
background-color: #898989;
position: absolute;
right: 20px;
top: 50%;
}
#owl-carousel_slider .owl-nav .owl-next:hover{
background-color: #4c4c4c;
}
#owl-carousel_slider .owl-nav .owl-prev:hover{
background-color: #4c4c4c;
}
#owl-carousel_slider .owl-nav .owl-prev span{
font-size: 40px;
line-height: 0px;
color: #fff;
}
#owl-carousel_slider .owl-nav .owl-next span{
font-size: 40px;
line-height: 0px;
color: #fff;
}
.iod_journey{
margin-bottom:30px;
}
#owl-carousel_slider .owl-dots button.owl-dot{
width: 10px;
height: 10px;
background: #ccc;
border-radius: 50%;
margin-right:5px;
}
#owl-carousel_slider .owl-dots button.owl-dot.active{
width: 10px;
height: 10px;
background:red;
border-radius: 50%;
margin-right:5px;
}
#owl-carousel_slider .owl-dots{
text-align: center;
position: absolute;
width: 100%;
bottom: 15px;
}
form.master_ragistration{
background: #f6f6f6;
padding: 20px;
margin: 20px 0;
width: 100%;
left: 50%;
position: relative;
transform: translateX(-50%);
box-shadow: 0px 1px 20px 1px #ccc;
}
.form_heading {
background: #004264;
text-align: center;
padding: 20px 0;
margin-bottom: 20px;
}
.form_heading h2 {
/*font-size: 46px;*/
color: #fff;
margin: 0;
line-height: 1;
border-bottom: 4px double #fff;
display: inline-block;
padding-bottom: 5px;
margin-bottom: 5px;
}
.form_heading p:nth-of-type(1) {
font-size: 16px;
color: #fff;
}
.form_heading p:nth-of-type(2) {
font-size: 20px;
color: #fff;
margin: 0;
line-height: 1;
padding: 20px 0;
}
.form_field_row {
display: flex;
flex-direction: row;
justify-content: space-between;
}
.product-option-div {
width: 49%;
border-radius: 5px;
}
.product-option-div label {
display: block;
font-size: 16px;
font-weight: 500;
}
p.cus-optn-select{
position: relative;
}
.product-option-div select{
width: 100%;
border-color: #86c1b43b !important;
height: 35px;
border: none;
border: 1px solid;
outline: none;
background: #f8f8f8;
resize: none;
padding: 5px;
box-shadow: 0px 0px 3px 0px #ccc;
}
p.cus-optn-select i.drpdwn_arrow{
position: absolute;
right: 5px;
top: 50%;
font-size: 26px;
transform: translateY(-50%);
cursor: pointer;
pointer-events: none;
background-color: #fff;
}
.product-option-div.course_calender {
display: flex;
align-items: flex-end;
position: relative;
cursor: pointer;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
.product-option-div.course_calender p a {
color: #4e7805;
}
.popup_calender {
visibility: hidden;
width: auto !important;
background-color: #f6f6f6;
color: #000;
text-align: center;
border-radius: 6px;
border-color: #ccc;
padding: 8px;
position: absolute;
z-index: 1;
top: -40%;
right: 0;
box-shadow: 0px 0px 10px #ccc;
}
.popup_calender.show {
visibility: visible;
}
.popup_calender tbody tr:not(:last-child) td, th {
background: #dde2ed;
border-right: 6px solid #f6f6f6;
border-bottom: 6px solid #F6F6F6;
}
.popup_calender tbody tr:first-child td {
background: #869cc0 !important;
color: #000;
border-right: 6px solid #f5f5f5;
}
.popup_calender tbody td, th {
text-align: left;
font-size: 12px;
width: auto;
}
.popup_calender tbody tr:not(:last-child) td, th {
background: #dde2ed;
border-right: 6px solid #f6f6f6;
border-bottom: 6px solid #F6F6F6;
padding: 5px;
}
.form_field_row {
display: flex;
flex-direction: row;
justify-content: space-between;
}
.product-option-div input{
width: 100%;
border-color: #86c1b43b !important;
height: 35px;
border: none;
border: 1px solid;
outline: none;
background: #f8f8f8;
resize: none;
padding: 5px;
box-shadow: 0px 0px 3px 0px #ccc;
}
abbr[title] {
border-bottom: 0;
color: red;
text-decoration: none;
}
.f_head {
text-align: center;
margin: 20px 0 30px;
}
.f_head h3 {
text-align: center;
font-size: 26px;
color: #004264;
position: relative;
display: inline-block;
padding-bottom: 5px;
margin: 0;
}
.product-option-div .option_des p {
font-size: 13px!important;
word-break: break-all;
}
.are_you_mem {
width: 100%;
border-color: #86c1b43b !important;
height: 35px;
border: none;
border: 1px solid;
outline: none;
background: #f8f8f8;
resize: none;
padding: 5px;
box-shadow: 0px 0px 3px 0px #ccc;
}
.option_des + p > span.form-row {
display: inline-block;
position: relative;
top: 50%;
transform: translateY(-50%);
left: 5px;
}
p.are_you_mem label {
margin-bottom: 0;
}
.are_you_mem input.custom_raio, .phoen_disclamir_indi input[type="checkbox"] {
box-shadow: none;
height: auto;
width: auto;
}
p.are_you_mem span label > span {
padding-left: 10px;
}
.option_des + p > span.form-row {
display: inline-block;
position: relative;
top: 50%;
transform: translateY(-50%);
left: 5px;
}
.form_field_row .product-option-div textarea {
width: 100%;
border-color: #86c1b43b !important;
height: 35px;
border: none;
border: 1px solid;
outline: none;
background: #f8f8f8;
resize: none;
padding: 5px;
box-shadow: 0px 0px 3px 0px #ccc;
}
.product-option-div.reg_free_right ul li:not(:first-child) {
list-style-type: disc;
}
.f_head h3::after {
position: absolute;
left: 50%;
height: 2px;
background: #004264;
width: 100%;
transform: translateX(-50%);
content: "";
bottom: 0;
}
.product-option-div ul {
list-style: none;
margin: 0;
padding: 0;
font-size: 16px;
}
.phoen_disclamir_indi p {
text-align: justify;
margin-bottom: 0;
font-size:16px;
}
p.iod_form_captcha {
display: flex;
align-items: center;
justify-content: center;
}
p.iod_form_captcha label {
font-weight: normal;
width: 100%;
}
p.iod_form_captcha b {
font-size: 2em;
margin-right: 15px;
margin-left: 10px;
}
.iod_form_captcha input[type="text"] {
width: 100%;
border-color: #86c1b43b !important;
height: 35px;
border: none;
border: 1px solid;
outline: none;
background: #f8f8f8;
resize: none;
padding: 5px;
box-shadow: 0px 0px 3px 0px #ccc;
}
p.iod_form_submit_reset_btn {
display: flex;
flex-direction: row;
justify-content: space-evenly;
margin-top: 30px;
margin-bottom: 0;
}
.iod_form_submit_reset_btn button.button.alt, .iod_form_submit_reset_btn button.button.alt {
width: 20%;
border-radius: 5px;
background: #004264;
color: #fff;
font-size: 17px;
line-height: 1;
padding: 15px 20px;
border: 1px solid #004264;
outline: none;
}
.ragister_master{
background-color:#fff;
}
.form_heading + p.sub_heading_desc {
text-transform: CAPITALIZE;
}
.form_price_part {
padding: 15px 10px;
border: 1px solid #ccc;
margin: 20px 0;
}
table.form_price_table {
border: none;
margin-bottom: 0px;
}
.form_price_table thead tr th {
text-align: center;
background: #869cc0;
color: #fff;
font-weight: 600;
}
.form_price_table tbody tr:nth-of-type(1) td:nth-of-type(1), .form_price_table tbody tr:not(:nth-of-type(1)) td:nth-of-type(1), #post-10388 .form_price_table tbody tr:not(:last-child) td:nth-of-type(1) {
/* background: #dde2ed; */
color: #000;
font-weight: 600;
}
.form_price_table thead tr th, .form_price_table tbody tr td, #post-10388 .form_price_table tbody tr:not(:last-child) td {
background: #fff;
border: 6px solid #f6f6f6;
color: #000;
text-transform: capitalize;
text-align: left;
padding: 10px 20px;
}
.form_price_table tbody tr td:nth-of-type(1) {
background: #dde2ed !important;
}
.phoen_disclamir_indi {
margin-top: 20px;
}
.phoen_disclamir_indi p {
text-align: justify;
margin-bottom: 0;
}
p.iod_form_submit_reset_btn + div {
margin-top: 20px;
}
p.iod_form_submit_reset_btn + div p {
margin-bottom: 20px;
}
.payment_link {
display: flex;
justify-content: space-evenly;
align-items: flex-start;
}
.payment_link_left.product-option-div {
font-size: 13px;
font-weight: 500;
font-family: futura-bt;
}
.payment_link_right.product-option-div {
text-align: right;
}
.table_bottom_content p {
font-size: 16px;
font-weight: 400;
margin-bottom: 15px;
}
.table_bottom_content ul {
margin-bottom: 30px;
margin-left: 0;
margin-top: 0px;
padding-right: 30px;
list-style-type: decimal;
}
.table_bottom_content ul li {
font-size: 16px;
margin-bottom: 13px;
font-weight: 400;
}
.table_bottom_content{
margin-top: 0px;
margin-bottom: 20px;
}
.hide_div_on{
border: 1px solid #cccccc9e;
padding-bottom: 10px;
}
.hide_div_on_1{
border: 1px solid #cccccc9e;
padding-bottom: 10px;
}
.table_bottom_content1 p {
font-size: 16px;
font-weight: 400;
margin-bottom: 15px;
}
.table_bottom_content1 ul {
margin-bottom: 30px;
margin-left: 0;
margin-top: 0px;
padding-right: 30px;
list-style-type: decimal;
}
.table_bottom_content1 ul li {
font-size: 16px;
margin-bottom: 13px;
font-weight: 400;
}
.table_bottom_content1{
margin-top: 0px;
margin-bottom: 20px;
}
.apply_btn button{
background-color: #004264;
color: #ffffff;
font-size: 13px;
padding: 5px 10px;
border: 2px solid #004264;
text-transform: uppercase;
display: inline-block;
vertical-align: top;
line-height: 1.5;
margin: 4px 0;
border-radius: 3px;
}
.apply_btn button:hover {
background: #fff;
color: #004264;
}
#myModal_job_application .modal-header {
background-color: #004264 !important;
color: #ffffff !important;
font-family: futura-heavy;
font-size: 19px;
/* font-weight: 600; */
text-align: center;
}
#myModal_job_application .form-group.form-group-new{
width: 30%;
display: inline-block;
margin-left: 15px;
position: relative;
margin-bottom: 25px;
}
#myModal_job_application .form-group.form-group-2{
width: 46%;
display: inline-block;
margin-left: 15px;
margin-bottom: 25px;
}
#myModal_job_application .modal-footer {
padding: 15px;
text-align: center;
border-top: none;
}
#myModal_job_application .modal-footer button.application_submit{
background-color: #004264;
font-size: 17px;
height: auto;
padding: 9px 35px;
text-transform: uppercase;
border: 2px solid #004264;
width: auto;
border-radius: 5px;
max-width: 100%;
position: relative;
outline: none;
color: #fff;
}
#myModal_job_application .modal-footer button.application_submit:hover {
background: #fff;
color: #004264;
}
#myModal_job_application .modal-header .close {
margin-top: -2px;
color: #fff;
opacity: 1;
}
#myModal_job_application .form-group.form-group-2 label{
font-size: 14px;
font-weight: 700;
}
#myModal_job_application .form-group span{
color: red;
position: absolute;
font-size: 12px;
}
/* new modal same as job app */
#myModal_job_application_side .modal-header {
background-color: #004264 !important;
color: #ffffff !important;
font-family: futura-heavy;
font-size: 19px;
/* font-weight: 600; */
text-align: center;
}
#myModal_job_application_side .form-group.form-group-new{
width: 30%;
display: inline-block;
margin-left: 15px;
position: relative;
}
#myModal_job_application_side .form-group.form-group-2{
width: 46%;
display: inline-block;
margin-left: 15px;
}
#myModal_job_application_side .modal-footer {
padding: 15px;
text-align: center;
border-top: none;
}
#myModal_job_application_side .modal-footer button.application_submit{
background-color: #004264;
font-size: 17px;
height: auto;
padding: 9px 35px;
text-transform: uppercase;
border: 2px solid #004264;
width: auto;
border-radius: 5px;
max-width: 100%;
position: relative;
outline: none;
color: #fff;
}
#myModal_job_application_side .modal-footer button.application_submit:hover {
background: #fff;
color: #004264;
}
#myModal_job_application_side .modal-header .close {
margin-top: -2px;
color: #fff;
opacity: 1;
}
#myModal_job_application_side .form-group.form-group-2 label{
font-size: 14px;
font-weight: 700;
}
#myModal_job_application_side .form-group span{
color: red;
position: absolute;
}
#myModal_job_application .modal-dialog, #myModal_job_application_side .modal-dialog{
width: 800px;
}
/* new modal same as job app end */
/*viewmore */
.back_pge button{
background: #fff;
border-color: #004264;
border: 2px solid #004264;
border-radius: 0;
box-shadow: none;
margin-bottom: 40px;
margin-top: 0;
padding: 13px 42px;
color: #004264;
}
.back_pge button:hover{
background: #004264;
color: #fff;
}
.view_head h3{
border-left: 4px solid #86c1b4;
font-size: 21px;
margin-bottom: 25px;
font-weight: 600;
line-height: 26px;
padding-left: 9px;
text-transform: uppercase;
}
.view_head h6{
font-size: 15px;
font-weight: 600;
line-height: 23px;
margin-bottom: 20px;
}
.view_para p {
color: #2e2e2e;
font-size: 16px;
line-height: 27px;
margin-bottom: 20px;
}
.contact_persons h3{
border-left: 4px solid #86c1b4;
font-size: 21px;
margin-bottom: 25px;
font-weight: 600;
line-height: 26px;
padding-left: 9px;
text-transform: uppercase;
}
.ad_cont_phoe {
background-color: #e4f9f7;
padding: 25px 18px;
}
.ad_cont_phoe .textwidget ul li {
font-size: 18px;
line-height: 24px;
}
.ad_cont_phoe .textwidget ul li strong {
font-size: 19px;
font-weight: 600;
}
.sow-headline-container .sow-headline {
font-size: 13px;
font-style: italic;
font-weight: 600;
padding-top: 30px;
text-align: left !important;
}
.banner_img{
margin-bottom:30px;
}
.parameter_div{
width:32%;
display:inline-block;
background-color: #e4f9f7;
margin-right: 10px;
min-height: 230px;
padding: 30px 20px;
}
.parameter_div:hover {
background-color: #86c1b4;
}
.parameter_div ul li {
font-size: 14px;
font-weight: 600;
margin-bottom: 15px;
}
.bottom_view{
padding: 40px 0;
text-align: center;
background-color: #c1efe9;
margin-top:50px;
}
h3.widget-title {
margin-bottom: 15px;
padding-left: 25px;
position: relative;
display: table;
font-size: 22px;
padding-bottom: 0px !important;
color: #004264;
text-transform: uppercase;
margin: 0px auto;
}
h3.widget-title::after {
background-color: #8cc2b5;
content: "";
height: 28px;
left: 0;
position: absolute;
top: 0;
width: 5px;
/* transform: translateY(-50%); */
/* -webkit-transform: translateY(-50%); */
/* -moz-transform: translateY(-50%); */
}
.iod_new_inner_pageHead .widget_text .textwidget ul li {
margin-bottom: 10px;
font-size: 15px;
font-weight: 700;
vertical-align: middle;
align-items: center;
cursor: pointer;
color: #000 !important;
line-height: 25px;
font-weight: 500 !important;
display: block !important;
}
/* new forms */
.thank_you_frm{
background: #f6f6f6;
padding: 30px 50px;
margin: 20px 0;
width: 100%;
left: 50%;
position: relative;
transform: translateX(-50%);
box-shadow: 0px 1px 20px 1px #ccc;
}
.upper_thank_part {
background: #fce2e3;
text-align: center;
padding: 25px;
border-radius: 10px;
box-shadow: 0px 6px 10px #ccc;
width: 95%;
margin: 0px auto;
margin-bottom: 30px;
}
.upper_thank_part h2 {
font-size: 5rem;
margin: 0;
letter-spacing: 11px;
text-align: center;
position: relative;
font-weight: bolder;
}
.upper_thank_part h4 {
font-size: 2.8em;
margin: 0;
font-weight: 500;
line-height: 1;
text-transform: capitalize;
padding-top: 12px;
font-weight: bolder;
}
.upper_thank_part h2::after {
position: absolute;
width: 100%;
left: 50%;
transform: translateX(-50%);
bottom: 0px;
content: "";
height: 2px;
background: #000;
}
.lower_thank_part p{
font-size: 16px;
}
.cheque_payment-part {
display: flex;
flex-direction: row;
justify-content: space-between;
align-items: flex-start;
margin-bottom: 20px;
}
p.right_content, p.left._content {
width: 50%;
display: inline-block;
padding-right: 25px;
}
.online_payment_part p:nth-of-type(1) a {
background: #004264;
padding: 10px;
border-radius: 6px;
color: #fff;
font-size: 14px;
display: inline-block;
}
p.thank_regards span:first-child {
padding: 20px 0;
}
p.thank_regards span {
display: block;
line-height: 1.4;
}
.back_to_home_part {
text-align: center;
}
.back_to_home_part span {
background: #004264;
padding: 10px 15px;
border-radius: 5px;
}
.back_to_home_part span a {
color: #fff;
font-size: 14px;
}
p.right_content span {
width: 100%;
display: block;
font-weight: 600;
}
p.custom_country{
position: relative;
}
p.custom_country i.drpdwn_arrow{
position: absolute;
right: 5px;
top: 50%;
font-size: 26px;
transform: translateY(-50%);
cursor: pointer;
pointer-events: none;
background-color: #fff;
}
#owl-carousel_slider .item{
width: 100%;
height: 94%;
}
#owl-carousel_slider .item img{
height: 100%;
}
.iod_journey{
position: relative;
}
.home_iod{
width: 17%;
height: auto;
position: absolute;
top: 70px;
left: 25px;
z-index: 99;
padding: 10px;
/*background-color: #aaa;*/
cursor: pointer;
}
.home_iod img{
width: 100%;
}
#owl-carousel_slider .owl-dots{
margin: 0 auto;
height: auto;
width: 100%;
bottom: 0px;
left: 0;
z-index: 4;
position: fixed;
text-align: center;
background-color: #33332f;
padding: 15px 10px;
}
#owl-carousel_slider .owl-dots button.owl-dot.active{
width: 8px;
height: 8px;
background:red;
border-radius: 50%;
margin-right:5px;
}
#owl-carousel_slider .owl-nav .owl-prev span{
font-size: 40px;
line-height: 5px;
color: #fff;
}
#owl-carousel_slider .owl-nav .owl-next span{
font-size: 40px;
line-height: 5px;
color: #fff;
}
.view_content{
font-size: 16px;
margin: 0 0 20px;
}
.view_head_new{
margin-top:30px;
}
.view_content p{
font-size: 16px;
margin: 0 0 20px;
}
.view_head_new ul li {
font-size: 16px;
color: #222;
margin: 0 0 15px;
}
.view_head_new ul{
list-style: disc;
padding-left: 35px;
font-size: 16px;
}
.term_condition{
margin-bottom:50px;
margin-top:30px;
}
.view_head_new a {
color: #004264;
}
.view_head_new strong {
color: #004264;
font-weight: 500;
font-size: 20px;
}
.request_info {
padding: 12px 0px;
text-align: left;
/* border-top: 1px solid #ccc; */
margin-top: 0;
width: 50%;
display: inline-block;
vertical-align: middle;
}
.request_info label{
font-weight: 500;
font-family: 'Open Sans', sans-serif;
text-transform: capitalize;
}
.request_info .pretty input:checked~.state.p-success label:after, .request_info .pretty.p-toggle .state.p-success label:after {
background-color: #004475!important;
}
.book_div .quantity{
width: 48%;
display: inline-block;
text-align: right;
vertical-align: middle;
}
.book_div .quantity > input{
border: 1px solid #ccc;
padding: 6px 10px;
border-radius: 2px;
width: 114px;
color:#000;
}
.book_div .quantity > input::placeholder{
color:#ccc;
}
.pending-req,.complete-req{
padding: 20px;
}
.pending-req{
text-align: right;
background-color: #004475;
position: relative;
padding-right: 60px;
}
.pending-req::after{
content:"";
content: "";
position: absolute;
width: 100px;
height: 100px;
top: 0;
right: -50px;
border-left: 50px solid #004475;
border-right: 50px solid #fff;
border-bottom: 100px solid #767676;
}
.pending-req h4{
width: 40px;
height: 40px;
border-radius: 50px;
background-color: #fff;
text-align: center;
padding: 5px;
display: inline-block;
color: #c02425;
font-size: 28px;
font-family: 'Open Sans', sans-serif;
}
.pending-req p{
display: inline-block;
width: max-content;
padding-left: 10px;
color:#fff;
font-size: 18px;
}
.complete-req{
padding: 0px 20px;
background-color: #767676;
color: #fff;
min-height: 100px;
display: flex;
align-items: center;
}
.footer-request-div{
border-top: 3px solid #fff;
width: 100%;
float: left;
position: fixed;
bottom: 0;
/* z-index: 999999;*/
}
.complete-req a{
font-size: 18px;
width: 35%;
padding: 10px;
text-align: center;
border: 1px solid #fff;
margin-bottom: 0px;
cursor:pointer;
color:#fff;
}
.footer-text p{
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 4;
line-height: 1.2;
max-height: 70px;
min-height: 70px;
}
#myModal-2 .book_desc{
padding-bottom: 20px;
margin-bottom: 20px;
/*display: flex;*/
width:100%;
max-width:1000px;
overflow:hidden;
overflow-x:auto;
}
#myModal-2 .book_desc .book_block{
padding: 10px;
/*min-width: max-content;*/
border-radius: 5px;
background: #004475;
color: #fff;
margin-bottom: 10px;
/*margin-right: 15px;*/
}
#myModal-2 .book_desc .book_block > h4{
margin: 0;
margin-bottom: 10px;
font-size: 16px;
}
#myModal-2 .book_desc .book_block > p{
margin-bottom: 3px;
font-size: 14px;
}
#myModal-2 .book_forms .form_type, #myModal-joinmail .book_forms .form_type {
padding: 0px 20px 20px 0px;
width: 49%;
display: inline-block;
vertical-align: middle;
}
#myModal-2 .book_forms .form_type > label, #myModal-joinmail .book_forms .form_type > label{
width: 100%;
font-size: 14px;
margin-bottom: 0px;
}
#myModal-2 .book_forms .form_type > input, #myModal-joinmail .book_forms .form_type > input{
border: none;
border-bottom: 1px solid #ccc;
padding: 5px 0px;
font-size: 13px;
width: 100%;
}
#myModal-2 .book_forms button, #myModal-joinmail .book_forms button{
display: block;
margin: 20px auto 0px;
border: none;
background: #004475;
color: #fff;
padding: 7px 30px;
cursor: pointer;
border-radius: 3px;
}
#myModal-2 .book_forms h3, #myModal-joinmail .book_forms h3{
margin: 0;
margin-bottom: 25px;
text-align: center;
font-size: 18px;
font-family: 'Open Sans', sans-serif;
}
.view_members_tabs{
width: max-content;
margin: 20px auto;
border-bottom:none;
}
.reg_type .view_members_tabs{
margin: 50px auto;
}
.view_members_tabs > li{
background: #08b3e7;
margin-right:15px;
border-radius: 4px;
}
.view_members_tabs > li.active, .view_members_tabs > li:hover{
background: #004475 !important;
}
.view_members_tabs > li.active:hover{
background: #004475 !important;
}
.view_members_tabs > li > a{
margin: 0;
border: none !important;
border-radius: 0;
color:#fff;
background-color: transparent;
padding: 12px 20px;
text-align: center;
}
#masterclasscont .view_members_tabs > li > a{
margin: 0;
border: none !important;
border-radius: 0;
color:#fff;
background-color: transparent;
padding: 12px 20px;
text-align: center;
width: 200px;
}
.view_members_tabs > li.active > a{
margin: 0;
border: none !important;
border-radius: 0;
color:#fff !important;
background-color: rgba(255, 255, 255, 0) !important;
padding: 12px 20px;
}
.view_members_tabs > li > a:hover , .view_members_tabs > li.active > a:hover {
text-decoration: none;
background-color: rgba(255, 255, 255, 0);
color:#fff !important;
}
.institutional_member_main{
display: flex;
/*margin-top: 50px;*/
justify-content: start;
flex-wrap: wrap;
}
.institutional_member_main .member_block{
width: 23%;
border: 1px solid #ccc;
padding: 10px 10px 0px 10px;
margin: 1%;
text-align: center;
position: relative;
}
.institutional_member_main .member_block .img{
height: 60px;
display: flex;
align-items: center;
}
.institutional_member_main .member_block .img > img{
width: auto;
max-width: 100%;
margin: 0 auto;
height: auto;
max-height: 60px;
}
.institutional_member_main .member_block p{
margin: 0;
padding: 10px;
font-family: 'Open Sans', sans-serif;
font-size: 16px;
}
.institutional_member_main .member_block span.type{
position: absolute;
top: 5px;
left: 5px;
padding: 4px 16px;
background: #c02425;
color: #fff;
font-size: 12px;
}
.type_home{
position: absolute;
top: 5px;
left: 5px;
padding: 1px 10px;
background: #08b3e7;
color: #fff;
font-size: 12px;
}
.type_home1{
position: absolute;
top: 5px;
left: 5px;
padding: 1px 10px;
background: #004475;
color: #fff;
font-size: 12px;
}
.type_home2{
position: absolute;
top: 5px;
left: 5px;
padding: 1px 10px;
background: #B2D7EA;
color: #fff;
font-size: 12px;
}
.alphabets{
display: flex;
align-items: center;
justify-content: center;
}
.alphabets > a{
cursor:pointer;
user-select:none;
}
.alphabets > a > input{
border: none;
text-align: center;
min-width: 40px;
width: 40px;
font-family: Futura_Bold;
font-size: 16px;
color: #004475;
border-right: 1px solid #ccc;
user-select: none;
cursor: pointer;
}
.alphabets > a:last-child > input{
border-right: none;
}
.institutional_life{
display: flex;
align-items: center;
flex-wrap: wrap;
padding-bottom: 12px;
padding-top: 12px;
width: 100%;
}
.institutional_life .firm_name{
width: 100%;
margin-bottom: 10px;
padding: 10px;
background: #004475;
color: #fff;
font-size: 18px;
font-weight: bold;
}
.institutional_life .about_member p{
font-size: 15px;
}
.institutional_life .img{
flex-basis: 30%;
text-align: center;
margin-bottom: 20px;
}
.institutional_life .about_member{
min-width: 25%;
padding: 0px 10px;
border-left: 1px solid #ccc;
margin-bottom: 30px;
width: 33%;
}
.institutional_life .about_member_2{
width: 70%;
}
.institutional_life .about_member_text{
overflow-y: auto;
max-height: 170px;
text-align: justify;
padding-right: 22px;
}
.institutional_life .about_member > h4{
margin: 0;
margin-bottom: 0px;
font-family: 'Open Sans', sans-serif;
font-size: 17px;
color: #004475;
font-weight: bold;
}
.main_topic_head a.show_more{
display: inline-block;
margin-top: 52px;
width: 15%;
}
.roll_oh img{
max-width:100% !important;
}
/*New Events Page*/
.event_date .external_links{
display: flex;
flex-wrap: wrap;
align-items: center;
padding-right: 20px;
}
.event_date .external_links > a{
width: 100%;
padding: 4px 10px;
background: rgba(6, 55, 122, 0.9);
margin-bottom: 5px;
color: #fff;
}
.event_date .external_links > a.active{
background: rgb(22, 43, 88);
}
.main_event_div .type .label_type {
width: 100px;
}
#gallery_responsive_slider .owl-nav > button.owl-next{
font-size: 0px;
color: #fff;
position: absolute;
top: 50%;
right: 10px;
transform: translateY(-50%)
}
#gallery_responsive_slider .owl-nav > button.owl-next > span{
width: 15px;
height: 15px;
display: inline-block;
border-top: 2px solid #fff;
border-right: 2px solid #fff;
transform: rotate(45deg);
}
#gallery_responsive_slider .owl-nav > button.owl-prev{
font-size: 0px;
color: #fff;
position: absolute;
top: 50%;
left: 10px;
transform: translateY(-50%)
}
#gallery_responsive_slider .owl-nav > button.owl-prev > span{
width: 15px;
height: 15px;
display: inline-block;
border-top: 2px solid #fff;
border-right: 2px solid #fff;
transform: rotate(-135deg);
}
/* ---------------Add By Amita 231220 ------------ */
.latestnews{
padding: 35px 0px 20px 11px;
font-size: 15px;
width: 93.3%;
margin: 0 auto;
clear: both;
}
.latestnews .homemarquee{
width: 90%;
vertical-align: bottom;
}
.main_card .view_button{
padding-top: 10px;
}
.latestnews span{
background-color: #08b3e7;
padding: 5px;
color: #fff;
}
.upcoming_main .about_eve h4{
text-align: center;
font-weight: bold;
font-size: 17px;
min-height: 57px;
}
.upcoming_main .about{
text-align: center;
}
.home_next_event p{
margin-bottom: 10px !important;
}
.iod_distinguish{
padding-bottom: 20px;
}
.masterbatch{
width: 100% !important;
/*float: left;*/
}
/* Add by Amita for membership */
.memebers_deta #members_details{
min-height: 143px;
}
#members_details{
border: 1px dotted #004475;
padding: 9px 5px;
margin: 5px;
min-height: 170px;
}
#members_details .members_div{
width: 100px;
float: left;
}
#members_details .members_div img {
border: 3px solid #004475;
height: 90px;
width: 90px;
float: left;
}
.mem_benefits{
border-bottom: 5px solid #08b3e7;
margin-bottom: 20px;
}
.radius {
border-radius: 0px 25px 0px 0px;
-moz-border-radius: 0px 25px 0px 0px;
-webkit-border-radius: 0px 25px 0px 0px;
}
.memberdivdes, .memberdivdes .member_type{
float: left;
}
.memberdivdes .actual_table {
padding-bottom: 20px;
float: left;
}
.members_div{
width: 30%;
}
.members_detailsdiv{
width: 70%;
float: right;
}
.members_detailsdiv p, #members_details p{
margin-bottom: 0;
}
.membdetails{
font-weight: normal;
font-size: 15px;
text-align: justify;
}
#eventpagedetails .tabs_abs_bg{
margin-top: 10px;
}
#eventpagedetails .container-fluid{
margin-top: 10px;
}
#eventpagedetails ul li{
margin-left: 50px;
line-height: 30px;
list-style-type: disc;
font-size: 15px;
}
.event_detailsvenue .col-sm-3{
background: #004475;
color: #fff;
border-right: 4px solid #fff;
line-height: 60px;
font-size: 20px;
}
.event_detailsvenue .col-sm-6{
line-height: 60px;
font-size: 20px;
}
.event_detailsvenue{
float: left;
width: 100%;
margin-bottom: 4px;
}
#eventpagedetails .container-fluid ul.container {
padding-right: 0;
padding-left: 0;
}
.event_tab_contentdetails p{
font-size: 15px;
margin-top: 25px;
padding: 0 67px;
}
#eventpagedetails .actual_table{
padding: 0 67px;
padding-top: 15px;
}
.sponsor_ad{
text-align: center;
display:block ruby;
/*margin-top: 25px;*/
}
.sponsor_ad img{
display:inline-block;
}
.members_tabs .nav > li > a{
padding: 10px 13px;
}
.members_tabs .tab-content #home .member_main > .member_info > p:last-child{
-webkit-line-clamp: 3;
max-height: 70px;
height: 70px;
}
.top_social_media{
display: inline-block;
width: max-content;
vertical-align: middle;
padding-right: 0px;
}
.top_social_media ul{
margin: 0;
float: right;
padding-left: 0;
}
.top_social_media li{
float: left;
padding: 0 10px 0 0 ;
}
.top_social_media li a{
color: #fff;
font-size: 20px;
}
.masterclass_highlights ul li{
width: 49%;
display: inline-block;
font-size: 16px;
padding: 6px 30px 6px 40px;
position: relative;
vertical-align: top;
}
.masterclass_highlights .eligibility_list > ul > li > .text > p:last-child{
margin-top: 0;
}
.masterclass_download_brochure{
text-align: center;
}
.masterclass_download_brochure_button{
border: none;
background: #08b3e7;
padding: 8px 14px;
color: #fff;
width: 100px;
border-radius: 8px;
transition: all 0.2s;
font-size: 18px;
}
.masterclass_download_brochure_button:hover{
color: #fff;
}
.regional_events .main_head h3{
text-align: center;
font-size: 20px;
/*background: #004475;*/
padding: 10px 0;
color: #fff;
}
.regional_events .actual_table th{
background: #004475;
color: #fff;
}
.memeber_profile{
margin: 10px;
bottom: 11px;
position: absolute;
right: 0;
}
.memeber_profile button{
background: #08b3e7;
border: none;
color: #fff;
}
/*-------- For Cookie -------------*/
#cookie-bar.fixed {
position: fixed;
bottom: 0;
left: 0;
z-index: 100;
padding: 15px;
}
#cookie-bar.fixed p{
margin: 0px;
}
#cookie-bar {
line-height: 24px;
color: #eeeeee;
text-align: center;
padding: 3px 0;
width: 100%;
color: white;
background-color: #444;
}
.cb-enable {
border-radius: 10%;
margin-left: 100px;
color: white;
padding: 5px;
border-radius: 10%;
font-family: serif;
text-decoration: none;
transition: .3s background-color;
}
.cb-enable:hover {
color: #fff;
}
.cb-policy {
color: white;
text-decoration: underline;
}
.cb-policy:hover {
color: darkcyan;
}
/*--------- End Cookie ------------*/
.view_inhouse_tabs {
width: max-content;
margin: 0 auto;
border-bottom: none;
}
.view_members_tabs > li.active > span{
position: absolute;
width: 30px;
height: 20px;
top: 100%;
left: calc(50% - 15px);
border-left: 15px solid transparent;
border-right: 15px solid transparent;
border-bottom: 12px solid #004475;
transform: rotate(180deg);
transition: all 0.2s;
}
.view_inhouse_tabs > li.active > span{
position: absolute;
width: 30px;
height: 20px;
top: 100%;
left: calc(50% - 15px);
border-left: 15px solid transparent;
border-right: 15px solid transparent;
border-bottom: 12px solid #fff;
transform: rotate(180deg);
transition: all 0.2s;
}
.regional_events .media_btns{
margin: 0;
text-align: left;
}
#why_masterclass .alpha{
background: #004475;
}
#open_house_program .fee_structure .fee_div > p.note{
background: #08b3e7;
color: #fff;
}
.tabanin .mfdprgmtab:hover {
background-position: left bottom;
}
.tabanin .mfdprgmtab {
background: linear-gradient(to right, #08b3e7 50%, #fff 50%);
background-size: 200% 100%;
background-position: right bottom;
transition: all .5s ease-out; box-shadow: inset -1px 3px 19px #999;
margin: 0 5px;
}
#open_house_program .nav-tabs>li a:hover{
color: #fff;
}
#mfd_aboutus {
text-align: center;
margin: 0 auto;
width: 80%;
}
#menu5 .member_table_main .actual_table table tbody tr td{
background: none;
}
.mfd_benefit1{
position: absolute;
top: 407px;
width: 170px;
bottom: 0;
left: 388px;
font-size: 16px;
}
.mfd_benefit2{
position: absolute;
top: 407px;
width: 170px;
bottom: 0;
right: 298px;
font-size: 16px;
}
.mfd_benefit3{
position: absolute;
top: 585px;
width: 170px;
bottom: 0;
left: 391px;
font-size: 16px;
}
.mfd_benefit4{
position: absolute;
top: 585px;
width: 170px;
bottom: 0;
right: 290px;
font-size: 16px;
}
.footer .link_lists ul li a, .footer_3 a, .footer .update_list ul li a{
color: #fff;
}
#cookie_stop{
background: #CC9900;
}
.innermenu{
padding-bottom: 30px;
text-align: center;
display: flex;
justify-content: center;
}
.innermenu a{
border: none !important;
border-radius: 0;
color: #fff;
background-color: transparent;
padding: 12px 20px;
text-align: center;
width: 200px;
background: #004475;
margin-right: 15px;
border-radius: 4px;
display: flex;
align-items: center;
justify-content: center;
}
.innermenu a:hover, .innermenu .active{
background: #08b3e7;
}
/* for main menu */
nav .third .after_span{
position: absolute;
/*width: 27.5%;*/
left: 0;
height: 100%;
background: #fff;
top: 0;
}
nav .third .after_span::after{
content:"";
width: 56px;
height: 100%;
position: absolute;
right: -31px;
/* border: 50px; */
border-left: 25px solid transparent;
border-right: 25px solid transparent;
border-top: 48px solid #08b3e7;
transform: rotate(180deg);
display: table-cell;
top: 0px;
}
nav .third .container {
/*margin-right: 0 !important;
padding-right: 0 !important;*/
}
#online_price tr th, #offline_price tr th{
font-size: 13px;
}
#online_price tr td, #offline_price tr td{
font-size: 16px;
}
#master_registration .tab-pane, #master_registration .istr_table{
width: 100%;
}
#master_registration .istr_table tr th, #online_price tr th, #onlineprogramme tr th, #offlineprogramme tr th, #inhouse_program tr th{
background: #004475;
color: #fff;
}
.footer.footer_5{
padding: 40px 0px 30px 0px;
border-bottom: 1px solid #ccc;
background: #08b3e7;
color: #fff;
}
.payment_options{
width: 50%;
float: left;
margin-top: 20px;
}
.payment_options h5{
margin-top: 0;
font-size: 16px;
}
.footer_content p{
text-align: center;
font-size: 19px;
font-weight:initial;
}
.footer_content span{
font-weight: bold;
font-size: 18px;
}
.footer_content .worksdg{
text-align: center;
color: #1b3155;
}
.fa-arrow-circle-right{
margin: 0 32px;
}
.fa-arrow-circle-right::before {
content: "\f0a9";
font-size: 20px;
line-height: 68px;
}
.stay_connect{
font-size: 21px;
line-height: 24px;
display: inline-grid;
font-weight: normal;
}
#footercontent5 p{
line-height: 69px;
font-size: 20px;
}
.footer_logo img{
width: 75%;
}
.get_in_touch{
float: right;
}
.get_in_touch h4{
font-size: 14px;
text-transform: inherit;
text-align: center;
}
.comp_address p{
font-size: 17px;
font-weight: 500 !important;
}
.comp_address h3{ font-size:21px; margin-top: 0; }
.iod_publication {
margin-bottom: 40px;
}
.distinguished_person .main_topic_head{
margin: 20px 0;
clear: both;
padding: 60px 0 0 0;
}
.course_faculty_profile{
height: 670px;
overflow-y: scroll;
}
.downloadbrochure{
text-align: center;
margin-top: 20px;
}
.masterclass_new .new_list ul li a{
color: #fff;
}
.masterclass_new .new_list ul li a: hover{
color: #fff;
}
.add_main.bordertop_darkblue{
border-top: 11px solid #004475;
}
.add_main.bordertop_lightblue{
border-top: 11px solid #08b3e7;
}
.mop_main .approach{
background-color: #004475;
padding: 40px 0;
margin-bottom: 30px;
}
.mop_main .approach .approach_content{
background: #B2D7EA;
color: #373435;
padding: 20px;
margin: 2%;
border-radius: 27px 0 0 0;
height: 150px;
}
.objective_steps{
color: #fff;
}
.objective_steps .objective_block{
padding: 10px 20px;
border-top: 2px solid #08b3e7;
margin: 30px 0px;
position: relative;
color: #fff;
}
.objective_steps .objective_block h3.num{
width: 44px;
height: 44px;
position: absolute;
background: #08b3e7;
display: flex;
align-items: center;
padding: 8px;
border-radius: 50%;
left: -15px;
z-index: 1;
color: #fff;
top: -46px;
}
.objective_steps .objective_block h3.num_right{
float: right;
width: 44px;
height: 44px;
position: absolute;
background: #08b3e7;
display: flex;
align-items: center;
padding: 8px;
border-radius: 50%;
right: -26px;
z-index: 1;
color: #fff;
top: -46px;
}
.objective_steps .objective_block .obj_details{
width: 82%;
margin-left: 20px;
text-align: left;
font-size: 16px;
}
.objective_steps .objective_block .obj_details_right{
margin-left: 22%;
text-align: right;
margin-right: 1%;
font-size: 16px;
}
#individual .eligibility_list > ul > li, #institution .eligibility_list > ul > li{
background: #B2D7EA;
border-radius: 27px 0 0 0;
margin-bottom: 30px;
}
/*-------------------- member tab --------------------------*/
ul.membnav-tabs{
text-align: center;
margin: 0;
display: flex;
flex-direction: row;
gap: 25px;
justify-content: center;
align-items: center;
}
ul.membnav-tabs li a{
color: #000000;
font-size: 18px;
text-transform: uppercase;
display: flex;
align-items: center;
gap: 8px;
justify-content: center;
}
ul.membnav-tabs li.active span {
position: absolute;
width: 30px;
height: 20px;
top: 100%;
left: calc(50% - 15px);
border-left: 15px solid transparent;
border-right: 15px solid transparent;
border-bottom: 12px solid #08b3e7;
transition: all 0.2s;
transform: rotate(180deg);
}
ul.membnav-tabs li a:hover, ul.membnav-tabs li a:focus {
background-color: transparent;
background: transparent;
}
ul.membnav-tabs li a img {
width: 40px;
}
ul.membnav-tabs li {
background: antiquewhite;
width: 25%;
}
ul.membnav-tabs li.active {
background-color: #08b3e7;
}
ul.membnav-tabs li.active a {
color: #ffffff;
}
/* ul.membnav-tabs li#individualtab{
background-image: url('../images/individual.png');
background-repeat: no-repeat;
height: 53px;
width: 25%;
background-position: center center;
}
.membnav-tabs > li#individualtab:focus, .membnav-tabs > li#individualtab:hover, .membnav-tabs > li#individualtab:active{
background-image: url('../images/individual_hover.png');
background-repeat: no-repeat;
background-color: inherit;
height: 53px;
width: 25%;
background-position: center center;
}
.membnav-tabs > li#individualtab > a:focus, .membnav-tabs > li#individualtab > a:hover, .membnav-tabs > li#individualtab > a:active{
background-color: transparent !important;
}
ul.membnav-tabs li#institutionaltab{
background-image: url('../images/institutional.png');
background-repeat: no-repeat;
height: 53px;
width: 25%;
background-position: center center;
}
.membnav-tabs > li#institutionaltab:focus, .membnav-tabs > li#institutionaltab:hover, .membnav-tabs > li#institutionaltab:active{
background-image: url('../images/institutional_hover.png');
background-repeat: no-repeat;
background-color: inherit;
height: 53px;
width: 25%;
background-position: center center;
}
.membnav-tabs > li#institutionaltab > a:focus, .membnav-tabs > li#institutionaltab > a:hover, .membnav-tabs > li#institutionaltab > a:active{
background-color: transparent !important;
} */
.mem_memberdetails #members_details{
min-height: 143px;
}
.mfd .what_why{
/*background: #004475;*/
color: #000;
}
.mfd .what_why .mclass_what p.rightborder {
border-right: 3px solid #fff;
}
.benefit_box{
margin: 0 10px;
background-image: linear-gradient(to bottom, #fff 0%, #fff 50%, #004475 50%, #004475 100%);
background-size: cover;
background-repeat: no-repeat;
background-blend-mode: color;
border-radius: 0 35px 35px;
width: 23.3%;
}
.benefit_box_light{
margin: 0 10px;
background-image: linear-gradient(to bottom, #fff 0%, #fff 50%, #08b3e7 50%, #08b3e7 100%);
background-size: cover;
background-repeat: no-repeat;
background-blend-mode: color;
border-radius: 0 35px 35px;
width: 23%;
}
.benefit_div{
border: 2px solid #000;
margin: 20px 0 15px 0;
border-radius: 28px;
min-height: 287px;
}
.benefit_div .img{
text-align: center;
margin: 20px;
}
.benefit_div p{
color: #fff;
margin: 0px 15px;
text-align: center;
padding: 45px 0 30px 0;
}
.benefit_box .benefit_div span{
position: relative;
width: 30px;
height: 20px;
top: 100%;
left: calc(50% - 20px);
border-left: 20px solid transparent;
border-right: 20px solid transparent;
border-bottom: 24px solid #004475;
transform: rotate(180deg);
transition: all 0.2s;
}
.benefit_box_light .benefit_div span{
position: relative;
width: 30px;
height: 20px;
top: 100%;
left: calc(50% - 20px);
border-left: 20px solid transparent;
border-right: 20px solid transparent;
border-bottom: 24px solid #08b3e7;
transform: rotate(180deg);
transition: all 0.2s;
}
.course_module_bottom{
float: left;
}
.course_module_bottom .reading_material, .course_module_bottom .dissertation{
background: #2ABED5;
border-radius: 80px 0 50px 0;
}
.reading_material_content{
padding: 40px 40px 118px 40px;
text-align: right;
color: #fff;
}
.dissertation .reading_material_content{
padding: 40px 40px 45px 40px;
}
.reading_material .img, .dissertation .img{
float: left;
padding-right: 30px;
}
.reading_material img, .dissertation img{
border: 15px solid #fff;
border-radius: 50%;
padding: 13px;
}
/*Masterclass programme css*/
.masterclass_prog .member_image{
overflow: hidden;
transition: all ease-in-out 0.4s;
transform: perspective(800px) rotate3d(0, 0, 0, 0deg);
}
.masterclass_prog .member_image:hover{
transform: perspective(800px) rotate3d(0, 1, 0, 180deg);
}
.masterclass_prog .member_image > .front{
width:100%;
opacity: 1;
visibility: visible;
transition: all ease-in-out 0.4s;
}
.masterclass_prog .member_image:hover > .front{
opacity: 0;
visibility: hidden;
}
.masterclass_prog .member_image > .front img{
width:100%;
}
.masterclass_prog .member_image > .back{
min-height: 500px;
display: flex;
align-items: center;
flex-wrap: wrap;
align-content: center;
background: #004475;
position: absolute;
top: 0;
left: 0;
width: 100%;
color: #fff;
transform:rotateY(180deg);
opacity: 0;
visibility: hidden;
transition: all ease-in-out 0.4s;
}
.masterclass_prog .member_image > .back > h3, .masterclass_prog .member_image > .back > p{
width: 100%;
text-align:center;
}
.masterclass_prog .member_image:hover > .back{
opacity: 1;
visibility: visible;
}
.cert_main tr th{
background: #004475;
color: #fff;
}
/*End Masterclass programme css*/
/* Membership css*/
.membtabs_section .eligibility_list ul li .alpha .fa{
font-size: 26px;
color: #08b3e7;
padding-left: 6px;
text-align: center;
}
.memb_note{
background: #B2D7EA;
margin-top: 50px;
}
.memb_note ul li{
font-size: 16px;
padding: 6px 30px 6px 0px;
list-style-type: disc;
}
.code_conduct{
padding-top: 30px;
}
.memb_code_conduct{
background: #004475;
color: #fff;
}
.memb_code_conduct ul{
padding: 20px 0;
height: 200px;
overflow-y: scroll;
margin-bottom: 0;
}
.memb_code_conduct ul li{
font-size: 16px;
padding: 6px 30px 6px 30px;
position: relative;
vertical-align: top;
}
.memb_code_conduct ul li::before{
content:"";
background-image:url('../images/membership_tabs/tick.png');
display: inline-block;
width: 17px;
height: 17px;
position: absolute;
left: 0;
background-size: 100% 100%;
top: 9px;
}
.termcondi{
margin-top: 20px;
}
.memb_payment_type{
margin-top: 30px;
}
.memb_payment_type h3{
font-size: 18px;
}
.memb_payment_type .head.black {
position: relative;
padding-bottom: 30px;
border-bottom: 1px solid #ccc;
}
.memb_payment_type .payment_mode{
border-right: 1px solid #ccc;
}
.account_name, .bank_name, .account_number, .micr_code, .account_type{
border-right: 1px solid #ccc;
margin-bottom: 10px;
}
.account_type, .ifcs_code{
margin-bottom: 10px;
}
.memb_payment_type .payment_img{
padding-top: 63px;
float: left;
}
.contactinfo{
border-top: 1px solid #ccc;
clear: both;
padding-top: 25px;
}
.contactinfo .contact_person{
border-right: 1px solid #ccc;
}
.memb_payment_type .alpha{
width: 20px;
height: 20px;
display: inline-block;
vertical-align: middle;
/* border: 1px solid #ccc; */
border-radius: 50%;
text-align: center;
padding-left: 6px;
background: #004475;
color: #fff;
position: relative;
left: -5px;
padding-top: 1px;
bottom: 3px;
}
.memb_payment_type .alpha .fa{
color: #08b3e7;
}
.payemntdiv{
border-right: 1px solid #ccc;
margin-bottom: 30px;
}
.payment_mode span, .creditcard span, .bankdetails span{
font-size: 18px;
}
.account_name p, .account_type p, .bank_name p, .account_number p, .ifcs_code p, .micr_code p, .swift_code p, .pan_no p{
margin-bottom: 0px;
}
#individual2 .apply_link, #institution2 .apply_link{
float: right;
}
.bank_name{
clear: both;
}
.memb_testimonial ul li .alpha{
width: 20px;
height: 20px;
display: inline-block;
vertical-align: middle;
border-radius: 50%;
text-align: center;
padding-left: 7px;
font-size: 16px;
background: #004475;
color: #08b3e7;
position: relative;
left: -15px;
}
.memb_testimonial ul li ul li{
list-style-type: circle;
font-size: 13px;
margin-bottom: 5px;
}
.memb_testimonial ul li .text{
width: calc(98% - 40px);
display: inline-block;
vertical-align: top;
font-size: 13px;
margin-bottom: 10px;
}
.memeber_tcondition{
display: none;
}
.terms_hover{
float: right;
}
.terms_hover:hover + .memeber_tcondition {
display: block;
}
.memeb_note{
color: #fff;
margin: 10px 0 0 20px;
}
/*---------------Quote css------*/
.component blockquote.quote {
position: relative;
text-align: center;
padding: 1rem 1.2rem;
color: #484748;
margin: 1rem auto 2rem;
border-left: none;
}
.component blockquote.EN {
background:
linear-gradient(to right, #039be5 4px, transparent 4px) 0 100%,
linear-gradient(to left, #039be5 4px, transparent 4px) 100% 0,
linear-gradient(to bottom, #039be5 4px, transparent 4px) 100% 0,
linear-gradient(to top, #039be5 4px, transparent 4px) 0 100%;
background-repeat: no-repeat;
background-size: 70% 45%;
color: #fff;
}
/* -- create the quotation marks -- */
.component blockquote.quote:before,
.component blockquote.quote:after{
font-family: FontAwesome;
position: absolute;
color: #039be5;
font-size: 18px;
}
.component blockquote.EN:before{
content: "\f10d";
top: -14px;
margin-right: -340px;
right: 100%;
}
.component blockquote.EN:after{
content: "\f10e";
margin-left: -340px;
left: 100%;
top: auto;
bottom: -16px;
}
.center{
text-align: center;
}
.width100 img{
width: 100%;
}
/*---------------Quote css------*/
/* Membership css*/
#owl_5, #owl_publication{
margin-bottom: 10px;
}
.event_tab_contentdetails .bookexcellence_faq p{
padding: 10px 15px;
margin-top: 0;
}
.event_tab_contentdetails .bookexcellence_faq ul li{
margin-left: 10px !important;
}
.masterclass_border .second_img{
margin-bottom: 30px;
}
.about_chairmen ul {
padding-left: 25px;
}
.about_chairmen ul li{
list-style-type: disc;
font-size: 15px;
}
.about_chairmen .vision_quote{
font-size: 28px;
margin: 60px 0;
color: #004475;
}
.supporting_event .img-responsive{
display: initial;
}
.notice_list ul li{
font-size: 16px;
padding: 10px 10px 20px 4px;
position: relative;
line-height: 15px;
list-style-type: auto;
}
.footer_related_link .link_lists > ul > li{
font-weight: normal;
}
.get_keyword_cms, .get_keyword_cms:hover{
cursor: pointer;
font-weight: 700;
color: #004475;
}
#cms_content_model_body{
padding-top: 50px;
/* height: 83vh;
overflow-y: scroll; */
}
#cms_content_model_body::-webkit-scrollbar-track
{
-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
background-color: #F5F5F5;
border-radius: 10px;
}
#cms_content_model_body::-webkit-scrollbar
{
width: 6px;
background-color: #F5F5F5;
}
#cms_content_model_body::-webkit-scrollbar-thumb
{
border-radius: 10px;
background-color: #004475;
}
.floating_enquiry_btns {
position: fixed;
left: -128px;
z-index: 1000;
transform: rotate(-90deg);
bottom: 45%;
}
.floating_enquiry_btns .contact_us_float, .floating_enquiry_btns .quick_link_float {
background: #fff;
display: inline-block;
padding: 5px 13px;
border-bottom-left-radius: 5px;
border-bottom-right-radius: 5px;
font-size: 14px;
cursor: pointer;
font-weight: 600;
box-shadow: 0px 0px 10px 2px #7a7878;
margin-left: 5px;
margin-right: 5px;
}
.floating_enquiry_btns .iod_payments_float {
background: #fff;
display: inline-block;
padding: 5px 13px;
border-bottom-left-radius: 5px;
margin-right: 12px;
border-bottom-right-radius: 5px;
font-size: 16px;
box-shadow: 0px 0px 10px 2px #7a7878;
font-weight: 600;
}
.floating_enquiry_btns .contact_us_float img, .floating_enquiry_btns .iod_payments_float img, .floating_enquiry_btns .quick_link_float img {
transform: rotate(50deg);
width: 22px;
}
.event-col-1 {
background: #03045E !important;
}
.event-col-2 {
background: #0077B6 !important;
}
.event-col-3 {
background: #023E8A !important;
}
.event-col-4 {
background: #0096C7 !important;
}
.event-col-5 {
background: #48CAE4 !important;
}
.event-col-6 {
background: #00B4D8 !important;
}
.event-col-1.active::before {
border-left: 15px solid transparent !important;
border-right: 15px solid transparent !important;
border-bottom: 12px solid #03045E !important;
}
.event-col-2.active::before {
border-left: 15px solid transparent !important;
border-right: 15px solid transparent !important;
border-bottom: 12px solid #0077B6 !important;
}
.event-col-3.active::before {
border-left: 15px solid transparent !important;
border-right: 15px solid transparent !important;
border-bottom: 12px solid #023E8A !important;
}
.event-col-4.active::before {
border-left: 15px solid transparent !important;
border-right: 15px solid transparent !important;
border-bottom: 12px solid #0096C7 !important;
}
.event-col-5.active::before {
border-left: 15px solid transparent !important;
border-right: 15px solid transparent !important;
border-bottom: 12px solid #48CAE4 !important;
}
.event-col-6.active::before {
border-left: 15px solid transparent !important;
border-right: 15px solid transparent !important;
border-bottom: 12px solid #00B4D8 !important;
}
/*-------------------------------- For Mobile Responsive -----------------------------------*/
@media screen and (min-width: 1480px) {
nav .third .logo img{
left: -200px;
}
}
@media screen and (min-width: 1200px) {
nav .third .logo img{
left: 0px;
}
}
@media screen and (max-width: 992px) {
nav .third .logo img{
left: -21px;
}
}
@media screen and (max-width: 768px) {
.logoleft{
float: unset !important;
text-align: center;
margin-left: auto;
margin-right: auto;
}
.logo a img{
margin: 15px;
width: 100%;
}
}
@media screen and (max-width: 600px) {
nav .third .logo img{
left: -170px;
}
nav .third .container{
margin-right: auto;
}
.top_social_media li a{
color: #004475;
}
.instiLifeMembB .owl-carousel .owl-item img{
padding:15px !important;
}
#footercontent5 #firstarrow {
margin-left: 99px !important;
}
#footercontent5 .fa:last-child:not(:only-child) {
margin-left: 19px !important;
}
#footercontent5{padding-top: 20px;}
.stay_connect{margin-left: 0 !important; display: block; text-align: center; padding:10px 0; border-bottom: #99d3e5 solid 1px;}
#footercontent5 i{display: none!important;}
.footer_related_link {text-align:center;}
.ug-slider-wrapper .ug-item-wrapper img{
width: 100% !important;
position: initial;
height: auto;
}
.innermenu a{
width: 100%;
float: left;
margin-bottom: 20px;
font-size: 16px;
}
.innermenu {
flex-wrap: wrap;
}
.network_events{
text-align: justify;
}
.component blockquote.EN:before{
margin-right: -98px;
}
.component blockquote.EN:after{
margin-left: -94px;
}
.mop_main .approach .approach_content{
text-align: justify;
min-height: 480px;
}
.memb_note ul li, .memb_code_conduct ul li{
text-align: justify;
}
.payment_img img, .rltd_links_div > ul > li, .benefit_box, .benefit_box_light{
width: 100%;
}
ul.membnav-tabs{
margin: 0;
}
ul.membnav-tabs li#institutionaltab{
margin-left: 90px;
}
.members_detailsdiv{
width: 65%;
}
#members_details{
min-height: 200px;
}
.institutional_life .about_member_2, .institutional_life .main_members{
width: 100%;
}
.course_module_bottom .reading_material, .course_module_bottom .dissertation{
margin-bottom: 25px;
}
.reserch_text{
float: initial;
width: 100%;
}
.mou_partner{
text-align: justify;
}
.partners_sayings .saying_main > .img_2 img{
width: 100% !important;
}
.glbl_img img{
width: 100%;
}
.glbl_offc .head.white, .reg_offc .head.black{
margin-bottom: 0 !important;
}
.holiday_calender .cal_table table{
display: flex;
}
#ct{
width: 100%;
margin: 20px 0px;
height: 230px;
}
#ct blockquote{
padding: 10px 0px;
}
#ct p {
font-size: 16px;
}
.logo{
margin-bottom: 20px;
}
.head.black{
position:inherit;
}
.board_evaluation img{
margin-top: -18px;
}
.boradresearch_quote blockquote.quote{
width: 100%;
}
.institutional_life .about_member{
width: 100%;
}
.seminar_sec.distinguished_sec{
padding:0px;
}
.seminar_sec .seminar_main > img{
min-height: inherit;
width: 100%;
}
.iod_payments_float{
display: none;
}
.floating_enquiry_btns{
left: -110px;
bottom: 18%;
}
.floating_enquiry_btns .iod_payments_float{
display: none;
}
.floating_enquiry_btns .contact_us_float, .floating_enquiry_btns .quick_link_float {
padding: 5px 13px;
font-size: 12px;
}
.quicklink_form {
width: 98%;
}
}
@media screen and (max-width: 320px) {
.quicklink_form {
width: 98%;
}
}
/*---------------ccd css start here --------------*/
.ccd_main ul li, .ccd_main ol, .ccd_aboutmain ul li, .ccd_aboutmain ol{
line-height: 32px;
font-size: 16px;
}
.ccd_aboutmain ul li, .ccd_aboutmain ol{
list-style-type: disc;
}
.ccd-header{background:#08b3e7;}
.ccd-search-bg{background:#e1f8ff;}
.ccd-latest-news{border:solid 1px #85e3ff; padding:10px 0 0 0;}
.border-bottom{border-bottom:solid 1px #ccc;}
.ccd-border-color{border:solid 1px #08b3e7; height:510px;}
.ccd-recent-update{list-style-type: none; margin: 0; padding: 0; text-align: center;}
.ccd-recent-update li{padding:10px; text-align: left; display: flex;}
.ccd-recent-update li:nth-child(odd) {border-top:solid 1px #08b3e7; border-bottom:0px; background:#e1f8ff;}
.ccd-recent-update li:nth-child(even) {border-top:solid 1px #08b3e7; border-bottom:0px;}
.ccd-recent-update li i{font-size:10px; color:#999; margin-right:10px; float:left; width:5%; position:relative; top:5px;}
.ccd-recent-update li a{float:left; width:90%;}
.marquee {height:450px; overflow: hidden;}
.ccd-certified-directors .marquee {height:399px; overflow: hidden;}
.ccd-certified-directors li{display:block!important; text-align:center!important;}
.mt-1{margin-top:1em;} .mt-2{margin-top:2em;} .mt-3{margin-top:3em;}
.pb-1{padding-bottom:1em;} .pb-2{padding-bottom:2em;} .pb-3{padding-bottom:3em;}
.ccd-life-meb{background:yellow; font-weight:bold; padding:2px 4px;}
.ccd-form-input{width: 100%; padding:12px 12px; font-size: 14px; color: #555; background-color: #fff; background-image: none; border: 1px solid #85e3ff; border-radius:6px;}
.ccd-form-search{width: 100%; border:0px; border-radius:6px; background: #08b3e7; color: white; cursor: pointer;} .ccd-form-search i{font-size: 25px; padding:8.5px;}
.btn-viewall{background: #08b3e7; width: 100%; padding:.46em 0; display: block; border-bottom-right-radius:6px; border-bottom-left-radius:6px; color:#fff!important;}
.btn-viewall a{font-weight:600; letter-spacing:1px; text-transform:uppercase; }
.ccdtab .downloadbrochure {position: relative; list-style: none; margin: 0; padding-left: 0; display: block;}
.ccdtab .downloadbrochure a{ color:#fff; }
.ccdtab .downloadbrochure a img{ height:19px; width:20px; min-height:19px; }
.ccdtab .downloadbrochure .downloadbrochure-content {display: none; position: absolute; background-color: #f9f9f9; box-shadow: 0px 0px 8px #888888; z-index: 1;margin-top: 0px;}
/*.ccdtab .downloadbrochure-content li {color: black; padding: 12px 16px; text-decoration: none; display: block;}*/
.ccdtab .downloadbrochure:hover .downloadbrochure-content {visibility: visible; opacity: 1; margin-left:0px;padding-left:0px;
display: block; margin-top: 5px; width: 200px;}
.ccdtab .downloadbrochure-content li{color: black; padding: 22px 10px; text-decoration: none; display: block; left:0px; min-width: 160px; position: relative; border-bottom:solid 1px #ccc; clear: both;}
.ccdtab .downloadbrochure-content li a{color:#000;}
.ccdtab .downloadbrochure-content li:hover{background:#004475;}
.ccdtab .downloadbrochure-content li:hover a{color:#fff;}
.img-rounded h3 {
background: #004475;
margin: 0;
color: #fff;
padding: 16px;
}
#why_oneid .eligibility_list > ul > li > .alpha{
width: 68px;
height: 68px;
background: none;
padding-top:0;
}
#why_oneid .eligibility_list > ul > li > .text{
width: calc(86% - 19px);
display: inline-block;
vertical-align: inherit;
padding: 0px 10px;
}
.mfd_ccd_benefits .eligibility_list > ul > li > .alpha{
width: 44px;
height: 44px;
background: none;
padding-top:0;
left: 0;
margin: 0;
}
.mfd_ccd_benefits .eligibility_list > ul > li > .text{
width: calc(96% - 19px);
display: inline-block;
padding: 0px 10px;
}
/*---------------ccd css start here --------------*/
.finance_for_non_finance .main_ben .mem_text > p{
min-height: 60px;
}
.finance_for_non_finance .main_ben.odd{
padding-bottom: 40px;
}
.familiarisation_directors .main_ben .mem_text > p{
min-height: 31px;
max-height: 150px;
}
.familiarisation_directors .main_ben.odd{
padding-bottom: 15px;
min-height: 315px;
}
#regulatory_requirements li, #qualification_for_id ol{
line-height: 34px;
font-size: 16px;
}
.ccd_aboutmain p{
text-align: justify;
}
.ccd_main .iod_form_submit_reset_btn{
display: inherit;
text-align: center;
}
/*for Launch animanation */
.mfdanimation {position: relative; padding: 0px 0px; text-decoration: none; vertical-align: bottom; /*text-transform: uppercase; letter-spacing: 0.5em;*/ overflow: hidden; font-size: 12px; text-align:center; margin: 0 auto; width: 80%;}
.mfdanimation span:nth-child(1) {position: absolute; top:0; right:0; width:100%; height:1px; background: linear-gradient(to right, #FFF, #FFF); animation: animate1 4s linear infinite;}
@keyframes animate1 {
0% {transform: translateX(-100%);}
100% {transform: translateX(100%);}
}
.mfdanimation span:nth-child(2) {position: absolute; top: 0; right: 0; height: 100%; width:1px; background: linear-gradient(to bottom, #FFF, #FFF); animation: animate2 4s linear infinite; animation-delay: 1s;}
@keyframes animate2 {
0% {transform: translateY(-100%);}
100% {transform: translateY(100%);}
}
.mfdanimation span:nth-child(3) {position: absolute; bottom: 0; right: 0; width: 100%; height:1px; background: linear-gradient(to left, #FFF, #FFF); animation: animate3 4s linear infinite;}
@keyframes animate3 {
0% {transform: translateX(100%);}
100% {transform: translateX(-100%);}
}
.mfdanimation span:nth-child(4) {position: absolute; top: 0; left: 0; height: 100%; width:1px; background: linear-gradient(to top, #FFF, #FFF); animation: animate4 4s linear infinite; animation-delay: 1s;}
@keyframes animate4 {
0% {transform: translateY(100%);}
100% {transform: translateY(-100%);}
}
/* For home page new design */
.instiLifeMembB{background-image: url("../images/home/instiLifeMembBg.jpg");
background-attachment:fixed;
background-position: 50% 70%;
background-repeat: no-repeat;
background-size: cover; padding-bottom:70px;}
.instiLifeMembB img{margin:5px;}
.instiLifeMembB h1{font-size:22px; color:#fff; font-weight:900; padding:40px 0 20px 0;}
.instiLifeMembB p a{background:#08b3e7; color:#fff; font-size:16px; padding:12px 25px; border-radius:2px; text-transform:uppercase; font-weight:600;}
.disthedgalerydiv{padding-bottom:150px; max-width: 100% !important;}
.disthedgalery h1{font-size:22px; color:#000; padding:0px 0 0px 0; line-height:28px;}
.disthedgalerydiv .ug-bullet{display: none!important;}
.disthedgalery img{width: 100%;}
.instiLifeMembB .owl-carousel .owl-item img {background-color: #fff; padding: 58px}
@media (max-width:767px) {
.disthedgalerydiv {height:100%!important; min-width:100%!important;}
.disthedgalery h1{font-size:18px; color:#000; padding:0px 0 00px 0; line-height:22px;}
}
/*----------------------- For MFD Successfully Conducted Training Programmes --------------------------------*/
.mfdbatchdetails{
background-color: #04548d;
}
.mfdbatchdetails p, .mfdbatchdetails h2, .mfdbatchdetails h4{
color: #fff;
}
.mfdbatchdetails h4{
color: #e8bd32;
font-weight: bold;
}
.mfdbatchdetails .batchbox{
padding: 20px 14px;
border-right: 1px solid #e8bd32;
min-height: 167px;
}
.mfdbatchdetails .batchboxlast{
padding: 20px 14px;
min-height: 167px;
}
/*----------------------- For MFD Successfully Conducted Training Programmes END HERE --------------------------------*/
/*------------------------ Home page DF css start here ----------------------------------------------------- */
.homedisguslide{position: absolute; margin-top: -350px; z-index: 1; left: 0; right: 0;}
.homedisguslide .homedisguslideimg img{max-width:100%;}
.bgcolor{background: rgb(112,91,200);
background: linear-gradient(180deg, rgba(112,91,200,1) 0%, rgba(77,114,173,1) 100%); height:300px; z-index: -1; position: relative; bottom:0px; left:0; right:0;}
.homedisguslide .homedisguslidename{font-size:18px; color:#fff; text-align:center; padding:15px 0;}
.homedisguslide .homedisguslideposition{font-size:14px; color:#fff; text-align:center; padding:0px 10px 50px 10px; line-height:20px;}
.homedisguslide .item{display: table-cell;}
.homedisguslide .owl-nav{display: none!important;}
.controlbgcolor{position: relative; bottom:-264px;}
.controlslide{position: relative; bottom:-85px; margin-bottom:264px}
@media (max-width:767px) {
.homedisguslide{position: absolute; margin-top: -320px; z-index: 1; left: 0; right: 0;}
.bgcolor{height:200}
.controlbgcolor{position: relative; bottom:-331px;}
.controlslide{position: relative; bottom:-40px;margin-bottom: 329px;}
.logo a img{
margin: 10px !important;
width: 63%;
}
.homedisguslide .homedisguslidename{
padding: 15px 0 0px 0;
}
}
/* Home page DF css end here */