/* general */ * { padding: 0px; margin: 0px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } input, select, textarea { font-family: 'robotolight'; font-size: 18px; color: #000; } img { border: 0px; display: block; } a,button,input,textarea,img,span,figure,.logoArea { outline: none!important; transition: .30s ease-in-out; -moz-transition: .30s ease-in-out; -webkit-transition: .30s ease-in-out; } /* fonts */ html, body { font-family: 'robotolight'; font-size: 18px; color: #374545; font-weight: 300; line-height: 25px } h1 { font-family: 'titillium_webregular'; font-size: 60px; line-height:62px; color: #FFF; margin: 0px; font-weight: 400; } h2 { font-family: 'titillium_webregular'; font-size: 60px; line-height:62px; color: #032366; margin: 0px; font-weight: 400; } h3 { font-family: 'titillium_weblight'; font-size: 30px; line-height:38px; color: #032366; margin: 0px; font-weight: 300; } h4 { font-family: 'titillium_weblight'; font-size: 26px; line-height:38px; color: #032366; margin: 0px; font-weight: 300; } h5 { font-family: 'titillium_websemibold'; font-size: 24px; line-height:28px; color: #032366; text-transform: uppercase; margin: 0px; font-weight: 600; } h6, .ee-upcoming-events-widget-title-h5, .ee-upcoming-events-widget-title-h5 a, .fCardItemHeadingsSide, .fCardItemHeadingsSide a { font-family: 'titillium_webregular'; font-size: 18px; line-height:22px; color: #032366; margin: 0px; font-weight: 400; } .H1Partnership, .partnerbannerArea h1, .partnerbannerArea2 h1 { font-family: 'titillium_webregular'; font-size: 60px; line-height:62px; color: #032366; } a { color: #3FAE29; } a:hover { color: #3FAE29; text-transform: underline } .postdetail .allcon blockquote { font-family: 'titillium_weblight'; padding: 35px; position: relative; border: none; font-size: 24px; color: #fff; line-height: 36px; } .postdetail .allcon blockquote:after { width: 56px; height: 55px; position: absolute; bottom: -15px; right: 40px; content: ""; background: url(../images/quote.png) no-repeat top center; } .fBlockquote, .postdetail .allcon blockquote p { font-family: 'titillium_weblight'; font-size: 24px; color: #fff; line-height: 36px; } .postdetail .allcon blockquote strong { padding: 0 0 0 80px; display: block; } .fBlockquoteAuthor { font-family: 'titillium_weblight'; font-size: 18px; line-height:30px; color: #FFF; } .fSectorSidebarHead, .rightColmun .widgettitle, .postdetail #social_comments_control h3, .rightColmun .pitem h2 { font-family: 'titillium_websemibold'; font-size: 18px; line-height:50px; text-transform: uppercase; } .fProfileQuote { font-family: 'titillium_weblight'; font-size: 24px; line-height:36px; color: #21b24b; font-style: italic } .fProfileName { font-family: 'titillium_weblight'; font-size: 47px; line-height:48px; color: #032366; } .fProfileTitle { font-family: 'titillium_weblight'; font-size: 24px; line-height:48px; color: #032366; } .fCardItemCopyText, .card p { font-family: 'titillium_weblight'; font-size: 17px; line-height:25px; color: #374545; } .fCardItemCopyByline { font-family: 'titillium_weblight'; font-size: 14px; line-height:16px; color: #374545; } .fCardItemHeadingsMain { font-family: 'titillium_webregular'; font-size: 21px; line-height:24px; color: #032366; margin-bottom: 10px } .fCardItemHeadingsMain a { color: #032366; } .fCardItemHeadingsMain a:hover { text-decoration: none } .fPhotoCredit { font-family: 'titillium_weblight'; font-size: 18px; line-height:30px; color: #FFF; } .fSidePhotoCredit { font-family: 'titillium_weblight'; font-size: 8px; line-height:10px; color: #FFF; position: absolute;bottom: 5px;left: 5px; min-width: 250px } .fSectorTag, .card a.cat { font-family: 'titillium_websemibold'; font-size: 14px; line-height:28px; text-transform: uppercase; text-decoration: none; } .fAuthorName, .fAuthorName a { font-family: 'titillium_websemibold'; font-size: 18px; line-height:50px; color: #032366; } .fAuthorTitle { font-family: 'titillium_weblight'; font-size: 17px; line-height:38px; color: #032366; margin-bottom: 25px; margin-left: 10px } .fAuthorTitle a { color: #374545; text-decoration: none; } .fPartnerQuote { font-family: 'titillium_weblight'; font-size: 24px; line-height:36px; color: #FFF; } .fCallToAction { font-family: 'titillium_weblight'; font-size: 30px; line-height:38px; color: #FFF; } .fStrategyBlockHeading { font-family: 'titillium_weblight'; font-size: 40px; line-height:48px; color: #FFF; } .fEduResourceTag { font-family: 'titillium_weblight'; font-size: 18px; line-height:30px; color: #032366; text-transform: uppercase; } .fFootNote { font-family: 'robotolight'; font-size: 15px; line-height:25px; color: #374545; font-weight: 300; } .fBodyPhoto { font-family: 'robotolight'; font-size: 15px; line-height:25px; color: #374545; font-weight: 300; margin-top: -20px; display: block; } .fDownloadLabel { font-family: 'robotoregular'; font-size: 15px; line-height:25px; text-decoration: none; font-weight: 400; color: #21b24b !important; } .fSidebarText { font-family: 'robotolight'; font-size: 16px; line-height:25px; color: #374545; font-weight: 300; } .rev_slider h1, .rev_slider h2, .rev_slider h3, .rev_slider h4, .rev_slider h5, .rev_slider h6 { color: #FFF } .connectArea h1, .connectArea h2, .connectArea h3, .connectArea h4, .connectArea h5, .connectArea h6 { color: #FFF } .menuArea .menusub .blockhead, .menuArea .eventlist h2.widgettitle { font-family: 'titillium_websemibold' !important; color: #032366; font-size: 18px !important; margin: -3px 0px 0px 0px !important; text-transform: uppercase; line-height: 22px ; } .bluesvgchange h1 { COLOR: #032366; } .ee-upcoming-events-widget-title-h5 { margin: 0px !important; padding: 10px} .ee-event-datetimes-li strong:first-child, .ee-event-datetimes-li br:first-child { display: none } .single-espresso_events .ee-event-datetimes-ul { list-style: none } .single-espresso_events .fAuthorTitle { display: none } /* fonts end */ p,ol,ul { margin: 0px; } .mycontainer ul:not(.socail):not(.ee-event-datetimes-ul):not(.crp-list):not(.sub-menu):not(.dropdown):not(.ee-upcoming-events-widget-ul):not(.info):not(.keyword) { margin-left: 20px} .staff .stext ul { margin-left: 0px !important; } .mycontainer p { margin-bottom: 20px } .nolink a { cursor: default } .nolink .sub-menu a { cursor: pointer } .bluec { COLOR: #032366; } *:after, *:before { transition: .30s ease-in-out; -moz-transition: .30s ease-in-out; -webkit-transition: .30s ease-in-out; } .postnav, .staffArea .staff .sub .text, .requestArea, .genomicsArea.about .item, .boardArea .board .sub .text { transition: .30s ease-in-out; -moz-transition: .30s ease-in-out; -webkit-transition: .30s ease-in-out; } body { background-position: top center; background-repeat: no-repeat; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; background-attachment: fixed; } /* font-family: 'Raleway', sans-serif; */ /* wrapper */ #wrapper { width: 100%; float: left; overflow: hidden; } /* mycontainer */ .mycontainer { padding: 0px 15px; margin: auto; max-width: 1230px; } /* header wrapper */ #headerWrapper { padding: 20px 0 0 0; width: 100%; float: left; position: fixed; top: 0px; left: 0px; box-shadow: 1px 2px 6px rgba(0,0,0,0.5); z-index: 9; background: #fff; transition: .30s ease-in-out; -moz-transition: .30s ease-in-out; -webkit-transition: .30s ease-in-out; } .sticky #headerWrapper { padding: 15px 0 0 0; } .sticky .logoArea { width: 130px; } .sticky .logoArea a.default { display: none; } .sticky .logoArea a.sticky { display: block; } .sticky #headerWrapper .ubermenu-nav > li > a { padding: 0 5px 24px 5px; } .sticky .menuArea .sitemenu > li { padding: 0 17px; } .sticky .menuArea .sitemenu > li > a { padding: 0 0 24px 0; } .sticky .menuArea { margin: 14px 0 0 0; } .sticky .menuArea .search a { padding: 0 7px 24px 7px; } .sticky #bannerWrapper { margin-top: 80px; } /* logo area */ .logoArea { width: 200px; float: left; } .logoArea a { display: inline-block; vertical-align: top; } .logoArea img { max-width: 100%; height: auto; } .logoArea a.sticky { display: none; } /* menu area */ .menuArea { margin: 39px 0 0 0; float: right; transition: .30s ease-in-out; -moz-transition: .30s ease-in-out; -webkit-transition: .30s ease-in-out; } .menuArea ul { list-style: none; } .menuArea .sitemenu { float: left; } .menuArea .sitemenu > li { padding: 0 17px 33px 17px; margin: 0px; float: left; } .menuArea .sitemenu > li > a { padding: 0 0 15px 0; display: block; font-family: 'titillium_webbold'; font-size: 16px; color: #032366; text-decoration: none; text-transform: uppercase; border-bottom: 4px solid transparent; } .menuArea .sitemenu > li:hover > a { border-bottom-color: #2FB457; } .menuArea .sitemenu > li:hover .menusub { visibility: visible; opacity: 1; z-index: 2; } .menuArea .menusub { visibility: hidden; padding: 30px 0; width: 100%; position: absolute; top: 100%; left: 0px; background: #fff; opacity: 0; box-shadow: 1px 5px 6px rgba(0, 0, 0, 0.3) inset, 0 3px 3px rgba(0, 0, 0, 0.3); /* transition: .30s ease-in-out; -moz-transition: .30s ease-in-out; -webkit-transition: .30s ease-in-out; */ } .menuArea .menusub h3 { margin-bottom: 7px; font-family: 'titillium_websemibold'; font-size: 18px; color: #001d60; text-transform: uppercase; } .menuArea .menusub sub h3 { margin-bottom: 7px; font-family: 'titillium_webregular'; font-size: 18px; color: #001d60; text-transform: capitalize; } .menuArea .menusub h3 a { color: #001d60; text-decoration: none; } .menuArea .menusub h4 { margin-bottom: 15px; font-family: 'titillium_webregular'; font-size: 18px; color: #032366; text-transform: uppercase; } .menuArea .menusub .link ul { padding: 0 0 0 10px; width: 100%; float: left; border-left: 2px solid #ececea; } .menuArea .menusub .link li { margin: 1px 0; } .menuArea .menusub .link li a { padding: 7px 7px; display: block; font-size: 18px; color: #333D47; font-weight: 300; text-decoration: none; } .menuArea .menusub .link li a:hover, .menuArea .menusub .link li.current_page_item > a, .menuArea .menusub .link li.current-menu-item > a { background: rgba(51,61,71,0.15); } .menuArea .menusub .about .indented a { margin-left: 17px } .menuArea .menusub .indentedmore { margin-left: 30px } .menuArea .menusub .about .indented .sub-menu a, .keyword ul, .socail ul, #middleWrapper .vc_col-sm-3 ul { margin-left: 0px !important } .menuArea .menusub .subsub .page_item_has_children { margin: 0px; width: 33.33%; float: left; } .menuArea .menusub .subsub.full .page_item_has_children { width: 100%; float: left; } .menuArea .menusub .subsub.ssub .page_item_has_children { margin-bottom: 20px; width: 100%; float: left; } .menuArea .menusub .subsub.ssub .page_item_has_children > a, .menuArea .menusub .subsub.ssub div > ul > li > a { background: none !important; } .menuArea .menusub .subsub.ssub > ul > .page_item_has_children > ul, .menuArea .menusub .subsub.ssub div > ul { padding: 0px; border: none; } .menuArea .menusub .subsub.ssub .page_item_has_children .page_item_has_children, .menuArea .menusub .subsub.ssub div > ul > li { padding-right: 10px; margin-bottom: 40px; width: 33.33%; float: left; } .menuArea .menusub .subsub.lifull div > ul > li { width: 100%; } .menuArea .menusub .subsub.about > ul > .page_item_has_children { padding: 0 10px 20px 0; width: 50%; } .menuArea .menusub .subsub.ssub.two div > ul > li { margin-bottom: 10px; width: 50%; } .menuArea .menusub .subsub.ssub.two div > ul > li:nth-of-type(2n+3) { clear: both; } .menuArea .menusub .subsub > ul { padding: 0px; border: 0px; } .menuArea .menusub .subsub .page_item_has_children > a, .menuArea .menusub .subsub.ssub div > ul > li > a { padding: 0px !important; margin-bottom: 7px; font-family: 'titillium_websemibold'; font-size: 18px; color: #001d60; text-transform: uppercase; text-decoration: none; } .menuArea .menusub .subsub .pagenav { margin: 0px; } .menuArea .menusub .icons ul { list-style: none; } .menuArea .menusub .icons li { padding: 2px; width: 20%; float: left; } .menuArea .menusub .icons li a { width: 100%; height: 70px; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; -moz-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; } .menuArea .menusub .icons li a img { max-width: 100%; height: auto; } .menuArea .menusub .project { margin: 50px 0 0 0; width: 100%; float: left; text-align: center } .menuArea .menusub .project li { margin: 0 50px; width: 180px; display: inline-block; vertical-align: top; } .menuArea .menusub .project li img { margin: 0px auto 15px auto; max-width: 100%; width: 80px; height: auto; } .menuArea .menusub .project li span { display: block; font-family: 'titillium_websemibold'; font-size: 17px; color: #032366; text-transform: uppercase; } .menuArea .menusub .project li p { font-size: 16px; color: #374545; text-align: center; } .menuArea .menusub .sector > .row { margin-right: 0px; } .menuArea .menusub .sector .item .row { margin-left: 0px; } .menuArea .menusub .sector .item a.lall { width: 100%; float: left; } .menuArea .menusub .sector .item a.lall:hover { background: rgba(51,61,71,0.15); } .menuArea .menusub .sector .item { padding-bottom: 20px; } .menuArea .menusub .sector .item:nth-of-type(2n+3) { clear: both; } .menuArea .menusub .sector.item { padding-top: 40px; } .menuArea .menusub .sector .text { font-size: 15px; color: #374545; text-align: left; } .menuArea .menusub .sector .text .date { font-size: 10px; color: #032366; text-transform: uppercase; font-family: 'titillium_webregular'; line-height: 10px } .menuArea .menusub .sector .text h4 { margin: 7px 0; } .menuArea .menusub .sector .text h4 a { color: #032366; text-decoration: none; } .menuArea .menusub .sector .text p { margin-bottom: 10px; } .menuArea .menusub .sector .text h3 a { color: #001d60; text-decoration: none; } .menuArea .menusub .sector .text a { color: #374545; text-decoration: none; } .menuArea .menusub .sector .text a i { margin-left: 5px; } .menuArea .menusub .sector .text img { width: 200px; } .menuArea .menusub .sector .text .sub { padding: 0 0 0 20px; width: 100%; float: left; border-left: 2px solid #ececea; } .menuArea .menusub .sector .image { padding: 0px; position: relative; } .menuArea .menusub .sector .image.hei { height: 135px; overflow: hidden; } .menuArea .menusub .sector .image img { width: 113px; height: 80px; } .menuArea .menusub .sector.imageswithicons .image img { width: 100%; height: 80px; } .menuArea .menusub .sector .image .icon { width: 35px; height: 100%; position: absolute; top: 0px; right: 0px; } .menuArea .menusub .sector .image .icon span { width: 100%; height: 100%; float: left; } .menuArea .menusub .sector .image .icon span svg { width: 100%; height: 33.33%; float: left; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; -moz-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; } .menuArea .menusub .sector .image .icon span img { max-width: 100%; max-height: 100%; height: auto; } .menuArea .menusub .sector .image .icon span image { width: 100%; height: 100%; } .menuArea .menusub .sector.blogreading { padding-left: 0px} .menuArea .menusub .sector.blogreading .text, .menuArea .menusub .sector.education .text { padding-left: 30px} .menuArea .menusub .short { padding-left: 0px; } .menuArea .menusub .short li { margin-bottom: 9px; width: 100%; float: left; } .menuArea .menusub .short li a { display: block; font-size: 16px; color: #374545; text-decoration: none; line-height: 28px; } .menuArea .menusub .short li a span { margin-right: 15px; width: 30px; height: 30px; float: left; color: #fff; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; -moz-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; border-radius: 100%; background-color: #046a38; } .menuArea .menusub .short li a span img { max-width: 100%; max-height: 100%; height: auto; } .menuArea .menusub .short li a span svg { width: 100%; height: 100%; } .menuArea .menusub .logo { margin-bottom: 20px; width: 250px; } .menuArea .menusub .short li a { padding: 2px 0; margin: 0 0 0 20px; display: block; font-family: 'robotolight'; font-size: 18px } .menuArea .menusub .short li a:hover { background: rgba(51,61,71,0.15); } .menuArea .menusub .bloglatest .text h4 { font-size: 20px; margin: 0px; text-transform: none; line-height: 24px; font-style: initial } .menuArea .menusub .blogright h3 { margin-left: 37px } .menuArea .menusub .pitem { padding: 10px 20px 0 0; width: 100%; float: left; } .menuArea .menusub .pitem .sub { width: 100%; float: left; box-shadow: 0 0 9px rgba(0,0,0,0.3); } .menuArea .menusub .pitem .sub .image { width: 100%; height: 150px; float: left; overflow: hidden; } .menuArea .menusub .pitem .sub .image a { width: 100%; height: 100%; float: left; transform: scale(1.2); -webkit-transform: scale(1.2); background-position: center center; background-repeat: no-repeat; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; } .menuArea .menusub .pitem .sub .image:hover a { transform: scale(1); -webkit-transform: scale(1); } .menuArea .menusub .pitem .text { padding: 15px; width: 100%; float: left; font-size: 17px; color: #333D47; } .menuArea .menusub .pitem .text h3 { margin: 10px 0; font-size: 18px; color: #032366; line-height: 22px; clear: both; } .menuArea .menusub .pitem .text h3 a { color: #032366; text-decoration: none; } .menuArea .menusub .pitem .text .cat { margin: 0 10px 5px 0; display: inline-block; font-family: 'titillium_websemibold'; font-size: 12px; text-transform: uppercase; text-decoration: none; line-height: 16px; } .menuArea .menusub .pitem .text .cat span { margin-right: 10px; width: 28px; height: 28px; float: left; color: #fff; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; -moz-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; border-radius: 100%; background-color: #046a38; } .menuArea .menusub .pitem .text .cat img { max-width: 100%; max-height: 100%; height: auto; } .menuArea .menusub .pitem .text .cat svg { width: 100%; height: 100%; } .menuArea .menusub .sector .widget .ee-upcoming-events-widget-ul { width: 100%; float: left; } .menuArea .menusub .sector .widgettitle { margin-bottom: 10px; font-family: 'titillium_websemibold'; font-size: 18px; color: #001d60; text-transform: uppercase; } .menuArea .menusub .sector .widgettitle a { color: #001d60; text-decoration: none; } .menuArea .menusub .sector .widgettitle i { display: none; } .menuArea .menusub .sector .download-iCal-frm { display: none; } .menuArea .menusub .sector .ee-upcoming-events-widget-img-dv { margin: -22px 15px 0 0; width: 30%; float: left; } .menuArea .menusub .sector .ee-upcoming-events-widget-img-dv img { width: 113px; height: 80px !important; margin-bottom: 15px } .menuArea .menusub .sector .ee-event-datetimes-li { padding: 0 15px; width: 100%; float: none; font-size: 12px; color: #333D47;margin-top: -25px; } .menuArea .menusub .sector .ee-upcoming-events-widget-title-h5 { margin: 0px; padding: 0 0 0 34%; font-size: 18px; line-height: 20px; color: #333D47; font-weight: 400 } .menuArea .menusub .sector .ee-upcoming-events-widget-title-h5 a { color: #333D47; text-decoration: none; } .menuArea .menusub .alleve { margin-top: 10px; display: inline-block; color: #333d47; text-decoration: underline; } .menuArea .menusub .map iframe { width: 100%; height: 360px; float: left; border: 2px solid #666 !important; } .menuArea .menusub .map img { width: 100%; height: 360px; float: left; border: 2px solid #666 !important; } .menuArea .menusub .contact .space { margin: 0 0 25px 0; width: 100%; float: left; color: #333d47; } .menuArea .menusub .contact address { margin: 0 0 10px 0; color: #001d60; font-family: 'titillium_weblight'; font-size: 21px; } .menuArea .menusub .contact { font-size: 18px; font-family: 'robotolight';} .menuArea .menusub .contact span { display: block; font-size: 12px; } .menuArea .menusub .contact a { display: inline-block; color: #333d47; text-decoration: underline; } .menuArea .menusub .socail { padding-left: 0px; } .menuArea .menusub .socail ul { list-style: none; } .menuArea .menusub .socail .space { margin: 0 0 25px 0; width: 100%; float: left; color: #333d47; } .menuArea .menusub .socail li { margin: 5px 12px 0 0; display: inline-block; } .menuArea .menusub .socail li a { width: 60px; height: 60px; font-size: 40px; color: #fff; text-align: center; text-decoration: none; line-height: 60px; background: #fff; border-radius: 100%; } .menuArea .menusub .socail .site { margin-top: 20px; display: block; color: #001d60; font-family: 'titillium_weblight'; font-size: 24px; } .menuArea .menusub .socail .num { margin-bottom: 15px; display: block; color: #001d60; text-decoration: none; font-family: 'titillium_weblight'; font-size: 21px; } .menuArea .menusub .socail .num i { width: 45px; display: inline-block; font-size: 32px; vertical-align: middle; } .menuArea .menusub .socail .num i.fa-mobile { font-size: 50px; } .menuArea .menusub .socail .per { color: #333d47; text-decoration: underline; } .menuArea .menusub .fund { margin-top: -118px; } .menuArea .menusub .fund .sub { width: 100%; float: left; background: #dfe3e6; } .menuArea .menusub .fund .sub .text { padding-left: 0; margin-left: -20px; font-size: 15px; color: #374545; text-align: left; } .menuArea .menusub .fund .sub .text h4 { margin: 10px 0 2px 0; font-size: 18px; color: #032366; } .menuArea .menusub .fund .sub .text p { margin-bottom: 10px; } .menuArea .menusub .fund .sub .image { padding: 0px; position: relative; } .menuArea .menusub .fund .sub .image img { width: 100%; height: auto; } .menuArea .eventlist h2.widgettitle { pointer: default } .menuArea .menusub .notop { margin-top: -6px !important; padding-left: 7px !important} .menuArea .search { margin: 10px 0 0 0; float: right; } .menuArea .search a { padding: 0 7px 10px 7px; display: block; font-size: 20px; color: #032366; text-decoration: none; border-bottom: 4px solid transparent; } .menuArea .search:hover a { border-bottom-color: #2FB457; } .menuArea .subsearch { display: none; padding: 30px 0; width: 100%; position: absolute; top: 100%; left: 0px; text-align: center; border-top: 2px solid #2FB457; background: #fff; } .menuArea .subsearch #wp_search_widget { width: 70%; display: inline-block; } .menuArea .subsearch .screen-reader-text { display: none; } .menuArea .subsearch #s, .menuArea .subsearch .ac_input { padding: 0 15px !important; width: 75% !important; height: 40px !important; float: left !important; font-family: 'titillium_websemibold' !important; font-size: 16px !important; color: #032366 !important; border: none !important; border-radius: 7px 0 0 7px !important; background: #ececea !important; } .menuArea .subsearch #searchsubmit, .menuArea .subsearch .wp_autosearch_submit { width: 25% !important; height: 40px !important; float: left !important; font-family: 'titillium_websemibold' !important; font-size: 20px !important; color: #fff !important; text-transform: uppercase !important; border: none !important; border-radius: 0 7px 7px 0 !important; background: #2FB457 !important; } .menuArea .subsearch .wp_autosearch_submit:after { content: "Search"; } .menuArea .subsearch #searchsubmit:hover, .menuArea .subsearch .wp_autosearch_submit:hover { background: #032366 !important; } .menuArea .subsearch .wp_autosearch_form_wrapper { height: auto !important; border: none !important; } .menuArea .menusub ul { margin-left: 0px } .shiftnav-toggle { display: none !important; } #shiftnav-toggle-main { display: none; } .mobilemenuArea { display: none; float: right; transition: .30s ease-in-out; -moz-transition: .30s ease-in-out; -webkit-transition: .30s ease-in-out; } .mobilemenuArea ul { display: none; } .mobilemenuArea .menutogle { padding: 7px 10px; display: block; font-size: 21px; color: #fff; text-decoration: none; background: #001d60; } /* banner wrapper */ #bannerWrapper { margin-top: 132px; width: 100%; float: left; transition: .30s ease-in-out; -moz-transition: .30s ease-in-out; -webkit-transition: .30s ease-in-out; } #bannerWrapper .rect { width: 10%; height: 10px; float: left; } .bannerhome { height: 634px; left: 0; position: fixed; top: 0; } .home #wrapper { padding-top: 768px; } /* banner area */ .bannerArea { width: 100%; float: left; } .bannerArea .item { padding: 80px 0 0 0; width: 100%; min-height: 582px; float: left; position: relative; font-size: 20px; color: #fff; z-index: 1; background-position: center center; background-repeat: no-repeat; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; } .bannerArea .item:after { width: 100%; height: 100%; position: absolute; top: 0px; left: 0px; content: ""; z-index: -1; background: rgba(0,0,0,0.2); } .bannerArea .overlay.Right { margin: 0 80px 0 0; float: right; text-align: right; } .bannerArea .owl-item:nth-child(3) .overlay { color: #0070cd; } .bannerArea h2 { margin-bottom: 20px; font-size: 56px; line-height: 58px; } .bannerArea h2 span { display: block; font-size: 46px; } .bannerArea p { margin-bottom: 45px; } .bannerArea .overlay { margin-left: 80px; width: 55%; } .bannerArea .mybtn, .ticket-selector-submit-btn { padding: 16px 38px; display: inline-block; position: relative; font-size: 20px; color: #fff; text-decoration: none; text-transform: uppercase; border-radius: 7px; z-index: 1; background: #0070cd; } .bannerArea .mybtn:after { width: 100%; height: 100%; position: absolute; top: 0px; left: 0px; transform: scale(0); -webkit-transform: scale(0); -moz-transform: scale(0); content: ""; border-radius: 7px; z-index: -1; background: rgba(0,0,0,0.2); } .bannerArea .mybtn:hover:after { transform: scale(1); -webkit-transform: scale(1); -moz-transform: scale(1); } .bannerArea .owl-dots { width: 100%; position: absolute; bottom: 15px; left: 0px; text-align: center; } .bannerArea .owl-dot { margin: 0 9px; width: 94px; height: 6px; display: inline-block; position: relative; background: #DADFE1; } .bannerArea .owl-dot.active { background: #3FAE29; } .bannerArea .owl-dot.active:after { width: 40%; height: 100%; position: absolute; top: 0px; right: 0px; content: ""; background: rgba(255,255,255,0.5); } .bannerArea .owl-prev { position: absolute; top: 40%; left: 15px; font-size: 0px; border-top: 35px solid transparent; border-right: 70px solid rgba(255,255,255,0.8); border-bottom: 35px solid transparent; } .bannerArea .owl-prev:hover { border-right-color: rgba(255,255,255,1); } .bannerArea .owl-next { position: absolute; top: 40%; right: 15px; font-size: 0px; border-top: 35px solid transparent; border-left: 70px solid rgba(255,255,255,0.8); border-bottom: 35px solid transparent; } .bannerArea .owl-next:hover { border-left-color: rgba(255,255,255,1); } .bannerArea .extra { padding: 0 80px; width: 100%; float: left; } .bannerArea .title { width: 35%; float: left; font-family: 'titillium_webthin'; font-size: 40px; line-height: 40px; border-right: 1px solid #fff; } .bannerArea .title b { font-family: 'titillium_websemibold'; } .bannerArea .title span { font-family: 'titillium_weblight'; } .bannerArea .text { padding: 25px 0 0 25px; width: 65%; float: left; font-size: 22px; color: #fff; } .bannerArea .text p { margin: 0px; } /*.bannerArea .tp-revslider-mainul li:nth-child(3) h2, .bannerArea .tp-revslider-mainul li:nth-child(3) div { color: #0070cd !important; }*/ .bannerArea .tp-revslider-mainul .tp-bgimg { position: relative; z-index: 1; } .bannerArea .tp-revslider-mainul .tp-bgimg:after { width: 100%; height: 100%; position: absolute; top: 0px; left: 0px; content: ""; z-index: -1; background: rgba(0, 0, 0, 0) linear-gradient(to bottom, rgba(0, 0, 0, 0.2) 0%, rgba(0, 0, 0, 0.5) 30%, rgba(0, 0, 0, 0.8) 80%, rgba(0, 0, 0, 0.9) 100%) repeat scroll 0 0 /* rgba(0,0,0,0.2) */; } .bannerArea .tp-revslider-mainul .title { padding: 0 20px 0 0; width: auto; text-align: left !important; } .bannerArea .tp-revslider-mainul .text { padding: 18px 0 0 20px; width: auto; text-align: left !important; } /*.bannerArea .tp-revslider-mainul li:nth-child(2), .bannerArea .tp-revslider-mainul li:nth-child(3), .bannerArea .tp-revslider-mainul li:nth-child(5) { text-align: right; } */ .bannerArea .tp-bullets { width: 100% !important; height: auto !important; position: absolute; bottom: 15px !important; left: 0px !important; top: auto !important; transform: none !important; -webkit-transform: none !important; -moz-transform: none !important; text-align: center; } .bannerArea .tp-bullet { margin: 0 9px; width: 94px; height: 6px; display: inline-block; position: relative !important; left: 0 !important; top: 0px !important; border: none; background: #DADFE1; } .bannerArea .tp-bullet.selected, .bannerArea .tp-bullet:hover { background: #3FAE29 !important; } .bannerArea .tp-bullet.selected:after { width: 40%; height: 100%; position: absolute; top: 0px; right: 0px; content: ""; background: rgba(255,255,255,0.5); } .bannerArea .tp-revslider-mainul .tp-bgimg::after { background: rgba(0, 0, 0, 0) linear-gradient(to bottom, rgba(0, 0, 0, 0.2) 0%, rgba(0, 0, 0, 0.3) 30%, rgba(0, 0, 0, 0.3) 80%, rgba(0, 0, 0, 0.5) 100%) repeat scroll 0 0; } /* .bannerArea .tp-leftarrow { font-size: 0px; border-top: 35px solid transparent; border-right: 70px solid rgba(255,255,255,0.8); border-bottom: 35px solid transparent; background: none !important; } .bannerArea .tp-leftarrow:hover { border-right-color: rgba(255,255,255,1); } .bannerArea .tp-rightarrow { font-size: 0px; border-top: 35px solid transparent; border-left: 70px solid rgba(255,255,255,0.8); border-bottom: 35px solid transparent; background: none !important; } .bannerArea .tp-rightarrow:hover { border-left-color: rgba(255,255,255,1); } .bannerArea .tp-leftarrow:before, .bannerArea .tp-rightarrow:before{ display: none; } */ /* progress bar slot */ .bannerArea .rev-progress-perc { /* default background color */ background-color: rgba(255,255,255,0.9); display: inline-block; height: 10px; position: absolute; bottom: 0; z-index: 99; } /* progress bar slot activated */ .bannerArea .rev-progress-perc.is-active:before { /* set this to the same color as the progress bar */ background-color: #3FAE29; display: block; height: 100%; position: absolute; left: 0; top: 0; width: 100%; content: ""; } /* progress bar slot divider line */ .bannerArea .rev-progress-perc:after { /* the divider line color */ background-color: #000; display: block; position: absolute; right: 0; top: 0; width: 1px; height: 100%; content: ""; z-index: 201; } .bannerArea .rev-progress-perc:not(.running) {cursor: pointer} .bannerArea .rev-progress-perc:last-child:after {width: 0} .bannerArea .tp-bannertimer.hide {background: transparent !important} /* innerbanner area */ .innerbannerArea { padding: 155px 0 75px 0; width: 100%; min-height: 320px; float: left; position: relative; font-size: 18px; color: #fff; z-index: 1; background-position: center center; background-repeat: no-repeat; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; background-attachment: fixed; } .innerbannerArea.space { padding: 40px 0; } .innerbannerArea:after { width: 100%; height: 100%; position: absolute; top: 0px; left: 0px; content: ""; z-index: -1; background: rgba(0,0,0,0.2); } .innerbannerArea h1 { font-size: 60px; color: #fff; text-align: center; } .innerbannerArea h2 { font-size: 48px; color: #fff; } .innerbannerArea p { margin-bottom: 40px; } .innerbannerArea .down { padding: 10px 40px; display: inline-block; font-family: 'titillium_websemibold'; font-size: 24px; color: #032366; text-decoration: none; text-transform: uppercase; border-radius: 5px; background: #d00070; } .innerbannerArea span { margin: 0 0 0 20px; display: inline-block; font-family: 'titillium_websemibold'; font-size: 13px; color: #fff; vertical-align: super; } .innerbannerArea span img { margin-right: 10px; width: 30px; display: inline-block; filter: brightness(0) invert(1); -webkit-filter: brightness(0) invert(1); -moz-filter: brightness(0) invert(1); } /* .innerbannerArea.taxo { padding: 215px 0 20px 0; } .innerbannerArea.taxo h1 { font-size: 50px; text-align: left; text-transform: uppercase; } .innerbannerArea.taxo h1 img { margin: 4px 15px 0 0; width: 268px; display: inline-block; vertical-align: top; } */ .bannerphotocredit { position: absolute; bottom: 10px; left: 10px; } .bannerphotocredit a { text-decoration: underline} /* partnerbanner area */ .partnerbannerArea { padding: 190px 0 45px 0; width: 100%; float: left; position: relative; /*font-size: 18px; color: #333d47; line-height: 32px;*/ z-index: 1; background-position: center center; background-repeat: no-repeat; background-attachment: fixed; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; } .partnerbannerArea.about { padding-top: 65px;} .partnerbannerArea:after { width: 100%; height: 100%; position: absolute; top: 0px; left: 0px; content: ""; z-index: -1; background: -moz-linear-gradient(top, rgba(0,0,0,0) 38%, rgba(255,255,255,1) 66%); /* FF3.6-15 */ background: -webkit-linear-gradient(top, rgba(0,0,0,0) 38%,rgba(255,255,255,1) 66%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to bottom, rgba(0,0,0,0) 38%,rgba(255,255,255,1) 66%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#a6ffffff',GradientType=0 ); /* IE6-9 */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#a6ffffff',GradientType=0 ); /* IE6-9 */ } .partnerbannerArea.about:after { width: 100%; height: 100%; position: absolute; top: 0px; left: 0px; content: ""; z-index: -1; background: -moz-linear-gradient(top, rgba(0,0,0,0) 30%, rgba(255,255,255,1) 60%); /* FF3.6-15 */ background: -webkit-linear-gradient(top, rgba(0,0,0,0) 30%,rgba(255,255,255,1) 60%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to bottom, rgba(0,0,0,0) 30%,rgba(255,255,255,1) 60%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#a6ffffff',GradientType=0 ); /* IE6-9 */ } .partnerbannerArea.about h1 { margin-bottom: 40px; text-align: center; line-height: 70px; font-family: 'titillium_weblight'; } .partnerbannerArea.about h3, .partnerbannerArea.about p { padding: 0 40px; } .partnerbannerArea h3 { margin: 20px 0 20px 0 ; /*font-family: 'titillium_weblight'; font-style: italic; font-size: 30px; color: #001d60;*/ } .partnerbannerArea2 h3, .partnerbannerArea2 h4 { margin-bottom: 20px } .partnerbannerArea iframe { margin: 0px auto 75px auto; max-width: 770px; width: 100%; height: 430px; display: block; box-shadow: 0 0 30px rgba(0,0,0,0.5); } .partnerbannerArea p { margin: 0 0 20px 0; /*font-weight: 300; font-size: 20px*/ } .partnerbannerArea:not(.about) .mycontainer { max-width: 1070px; } .partnerbannerArea ul, .partnerbannerArea ol { padding: 0 0 0 30px; } .partnerbannerArea.about ul, .partnerbannerArea.about ol { padding: 0 30px 0 70px; } .partnerbannerArea.edu { padding: 90px 0 45px 0; } .partnerbannerArea iframe { margin-top: 15px; } /* middle wrapper */ #middleWrapper { width: 100%; float: left; background: #fff; } .postnav { padding: 23px 0 12px 0; width: 100%; float: left; text-align: center; z-index: 2; background: rgba(255,255,255,0.4); } .sticky .postnav { background: rgba(255,255,255,0.8); } .postnav.stay { position: fixed; top: 132px; left: 0px; } .sticky .postnav.stay { top: 80px; } .postnav ul { list-style: none; } .postnav .dropdown { display: inline-block; } .postnav .dropdown > li { margin: 0 70px; float: left; position: relative; text-align: left; } .postnav .dropdown > li > a { padding-bottom: 3px; display: block; font-family: 'titillium_websemibold'; font-size: 16px; color: #032366; text-decoration: none; text-transform: uppercase; cursor: pointer; border-bottom: 5px solid transparent; cursor: pointer; } .postnav .dropdown > li:hover > a, .postnav .dropdown > li.open > a, .postnav .dropdown > li > a:focus, .postnav .dropdown > li > a:active, .postnav .dropdown > li > a.active { border-bottom-color: #3FAE29; } .postnav .dropdown > li > a .caret { margin: -5px 0 0 10px; border-top-color: #3FAE29; } .postnav .dropdown > li:last-child .dropdown-menu { left: auto; right: 0px; } .postnav .dropdown-menu { padding: 10px 0; margin: 0px; border-radius: 0px; border: 1px solid #3FAE29; background: #fff; } .postnav .dropdown-menu > li > a { font-family: 'titillium_websemibold'; font-size: 16px; color: #333D47; cursor: pointer; } .postnav strong { display: inline-block; font-family: 'titillium_websemibold'; font-size: 16px; color: #333D47; font-weight: normal; text-transform: uppercase; vertical-align: top; } .postnav .dropdown-menu > li:hover > a, .postnav .dropdown-menu > li.current-menu-item > a, .postnav .dropdown-menu > li > a.active { background: #ddd; } /* education area */ .educationArea { padding: 60px 0; width: 100%; float: left; position: relative; background: #fff; } .educationArea .sort { padding: 0 0 30px 0; width: 100%; float: left; font-size: 29px; color: #032366; text-align: center; } .educationArea .sort p { font-family: 'titillium_webregular'; font-style: italic; } .educationArea .edu { margin: 50px 0 0 0; width: 100%; float: left; } .educationArea .edu .row { margin: -25px; } .educationArea .edu .item { padding: 25px; } .educationArea .edu .sub { width: 100%; float: left; box-shadow: 0 0 9px rgba(0,0,0,0.3); } .educationArea .edu .sub .image { width: 100%; height: 200px; float: left; overflow: hidden; position: relative; } .educationArea .edu .sub .image a { width: 100%; height: 100%; float: left; transform: scale(1.2); -webkit-transform: scale(1.2); background-position: center center; background-repeat: no-repeat; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; } .educationArea .edu .sub .image:hover a { transform: scale(1); -webkit-transform: scale(1); } .educationArea .edu .sub .image .credit { position: absolute; bottom: 7px; left: 10px; font-size: 11px; color: #fff; } .educationArea .edu .text { padding: 30px; width: 100%; min-height: 315px; float: left; position: relative; font-size: 18px; color: #333D47; font-weight: 300 } .educationArea .edu .text h3 { margin: 0 0 15px 0; font-size: 22px; color: #032366; line-height: 24px; clear: both; } .educationArea .edu .text h3 a { color: #032366; text-decoration: none; } .educationArea .edu .text cite { margin-bottom: 8px; display: block; font-family: 'titillium_websemibold'; font-size: 13px; color: #032366; font-style: normal; text-transform: uppercase; } .educationArea .edu .text p { margin-bottom: 20px; } .educationArea .edu .text span img { margin-right: 10px; height: 30px; display: inline-block; } .educationArea .edu .text span:last-child { float: right; } .educationArea .edu .text span em { font-style: normal; } .educationArea .edu .text span em:last-child { display: none; } .educationArea .edu .text .mybtn, .mybtnex, .ld_course_grid .btn-primary, .wpProQuiz_button, #loginform .button-primary , .gbcbutton, .edubutton, .search-filter-reset { margin: 25px auto; padding: 15px 30px; display: table; font-size: 19px; color: #032366; text-align: center; text-transform: uppercase; text-decoration: none; border: 2px solid transparent; border-radius: 4px; background: #d00070; } .educationArea .edu .text .mybtn, .edudetailsArea a.down, .edubutton { color: white } .educationArea .edu .text .mybtn:hover, .wpProQuiz_button:hover, #loginform .button-primary:hover, .gbcbutton:hover, .search-filter-reset:hover, .edubutton:hover{ border-color: #d00070; background: none; } .educationArea .edu .text .mybtn:hover, .edudetailsArea a.down:hover {color: #032366;} .edubutton:hover { color: #d00070 } .ld_course_grid .btn-primary { color: #032366 !important; font-size: 19px !important; font-family: 'titillium_websemibold'; } .ld_course_grid .btn-primary:hover { border-color: #d00070 !important; background: none !important; } /* edudetails area */ .edudetailsArea { padding: 50px 0; width: 100%; float: left; position: relative; background: #fff; } .edudetailsArea .left { font-size: 18px; color: #333D47; line-height: 30px; } .edudetailsArea .left h2 { margin-bottom: 15px; font-size: 60px; color: #032366; font-family: 'titillium_webregular'; } .edudetailsArea .down, .educationbutton { padding: 10px 40px; display: inline-block; font-family: 'titillium_websemibold'; font-size: 24px; color: white; text-decoration: none; text-transform: uppercase; border-radius: 5px; border: 2px solid transparent; background: #d00070; } .edudetailsArea .down:hover, .educationbutton:hover { border-color: #d00070; background: none; color: #d00070; } .edudetailsArea .info { margin: 0 0 0 40px; display: inline-block; font-family: 'titillium_websemibold'; font-size: 17px; color: #032366; vertical-align: super; } .edudetailsArea .info img { margin-right: 10px; height: 30px; display: inline-block; } .edudetailsArea .info em { font-style: normal; } .edudetailsArea .info em:last-child { display: none; } .edudetailsArea.campus .left h2 { margin-bottom: 40px; } .edudetailsArea.campus .left h2 img { margin: 0 10px; display: inline-block; vertical-align: text-bottom; } .edudetailsArea .brochure { padding: 20px 0 0 0; width: 100%; float: left; text-align: center; } .edudetailsArea .brochure img { margin: 0 20px 0 0; max-width: 200px; display: inline-block; } .edudetailsArea .left .describe { margin: 40px 0 0 0; width: 100%; float: left; } .edudetailsArea .left .describe h3 { margin: 25px 0 5px 0; /*font-family: 'titillium_websemibold';*/ font-size: 29px; color: #032366; } .edudetailsArea .left .describe ul, .edudetailsArea .left .describe ol { padding: 0 0 0 20px; } .edudetailsArea .left .describe p { margin: 0 0 15px 0; font-weight: 300 } .edudetailsArea .left .describe img { max-width: 100%; width: auto; height: auto; } .edudetailsArea .left .work { padding: 10px 30px 30px 30px; margin: 140px 0 50px 0; width: 95%; float: left; position: relative; border: 1px solid #3FAE29; border-radius: 5px; } .edudetailsArea .left .work h3 { margin: 10px 0 5px 0; font-family: 'titillium_websemibold'; font-size: 29px; color: #032366; text-transform: uppercase; } .edudetailsArea .left .work ul { padding: 0 0 15px 20px; } .edudetailsArea .left .work .sun { padding: 75px 0 0 0; width: 240px; height: 240px; position: absolute; top: -124px; right: -79px; font-size: 18px; color: #032366; text-transform: uppercase; text-align: center; background: url(../images/sun_sine.png) no-repeat center center; background-size: 100% 100%; } .edudetailsArea .left .work .sun span { display: block; font-size: 25px; font-family: 'titillium_websemibold'; } .edudetailsArea .left .available { margin: 20px 0 0 0; width: 100%; float: left; } .edudetailsArea .left .available h3 { margin: 10px 0 5px 0; font-family: 'titillium_websemibold'; font-size: 29px; color: #032366; } .edudetailsArea .left .available table { width: 100%; } .edudetailsArea .left .available strong { font-weight: normal; } .edudetailsArea .left .available th { padding: 5px 0; font-size: 21px; color: #032366; text-transform: uppercase; border-bottom: 1px solid #3FAE29; } .edudetailsArea .left .available td { padding: 5px 0; font-size: 18px; color: #333D47; } .edudetailsArea .left .available .ticket-selector-submit-btn { padding: 5px 18px; font-family: 'titillium_websemibold'; font-size: 16px; color: #032366; text-decoration: none; text-transform: uppercase; border-radius: 2px; border: 2px solid transparent; background: #d00070; } .edudetailsArea .left .available .ticket-selector-submit-btn:hover { border-color: #d00070; background: none; } .edudetailsArea .left .available .ticket-selector-tbl-qty-slct { border: 1px solid #ccc; } .edudetailsArea .left .available .powered-by-event-espresso-credit { display: none; } .edudetailsArea .left .rating-form { padding: 25px 25px 0 25px; margin: 0 0 20px 20px; float: right; border: 1px solid #3FAE29; border-radius: 5px; } .edudetailsArea .left .rating-form h4 { font-family: 'titillium_websemibold'; font-size: 18px; color: #3FAE29; } .edudetailsArea .left .rating-form .description { font-size: 16px; color: #3FAE29; font-weight: normal; } .edudetailsArea .left .rating-form .btn { font-family: 'titillium_websemibold'; font-size: 14px; color: #21b24b; text-align: center; text-transform: uppercase; text-decoration: none; border: 2px solid #21b24b; } .edudetailsArea .left .rating-form .btn:hover { color: #fff; background: #21b24b; } .edudetailsArea .right { padding-left: 60px; } .edudetailsArea .right h4 { padding-bottom: 15px; margin-bottom: 20px; font-size: 17px; color: #032366; border-bottom: 1px solid #31A947; } .edudetailsArea .right .crp-list-title { padding-bottom: 15px; margin-bottom: 20px; font-size: 20px; color: #032366; text-transform: uppercase; border-bottom: 1px solid #31A947; font-family: 'titillium_websemibold'; } .edudetailsArea .right .crp-list { padding: 0 0 0 0px; } .edudetailsArea .right .crp-list li a { font-size: 18px; color: #333d47; text-decoration: none; } .edudetailsArea .right .crp-list li a:hover { color: #31a947; } .edudetailsArea .right .item { padding-bottom: 30px; width: 100%; float: left; } .edudetailsArea .right .item:last-child { padding-bottom: 0px; } .edudetailsArea .right .sub { width: 100%; float: left; box-shadow: 0 0 9px rgba(0,0,0,0.3); } .edudetailsArea .right .sub .image { width: 100%; height: 200px; float: left; overflow: hidden; } .edudetailsArea .right .sub .image a { width: 100%; height: 100%; float: left; transform: scale(1.2); -webkit-transform: scale(1.2); background-position: center center; background-repeat: no-repeat; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; } .edudetailsArea .right .sub .image:hover a { transform: scale(1); -webkit-transform: scale(1); } .edudetailsArea .right .text { padding: 25px; width: 100%; min-height: auto; float: left; position: relative; font-size: 13px; color: #333D47; font-weight: 300 } .edudetailsArea .right .text h3 { margin: 0 0 15px 0; font-family: 'titillium_websemibold'; font-size: 21px; color: #032366; line-height: 24px; clear: both; } .edudetailsArea .right .text h3 a { color: #032366; text-decoration: none; } .edudetailsArea .right .text p { margin-bottom: 20px; } .edudetailsArea .right .text span { margin: 0 15px 10px 0; display: inline-block; font-family: 'titillium_websemibold'; font-size: 13px; color: #032366; } .edudetailsArea .right .text span figure { margin-right: 10px; width: 30px; height: 30px; display: inline-block; vertical-align: middle; background-image: url(../images/genomic_icon4.png); background-position: top center; background-repeat: no-repeat; background-size: 100% 30px; } .edudetailsArea .right .text span:last-child figure { background-image: url(../images/clock.png); } .edudetailsArea .right .text span em { font-style: normal; } .edudetailsArea .right .text span em:last-child { display: none; } .edudetailsArea .right .text span img { margin-right: 10px; width: 30px; display: inline-block; } .edudetailsArea .right .mybtn { margin: 25px 30px 0 30px; padding: 12px 30px; display: block; font-family: 'titillium_websemibold'; font-size: 22px; color: #21b24b; text-align: center; text-transform: uppercase; text-decoration: none; border: 2px solid #21b24b; border-radius: 4px; } .edudetailsArea .right .text .mybtn:hover { color: #fff; background: #21b24b; } .edudetailsArea .right .widget { margin: 50px 0 0 0; width: 100%; float: left; } .edudetailsArea .right .widget .ee-upcoming-events-widget-ul { width: 100%; float: left; border: 2px solid #C3C5C8; border-top: none; } .edudetailsArea .right .widgettitle { padding: 12px 20px; font-size: 17px; color: #fff; text-transform: uppercase; border-radius: 5px 5px 0 0; background: #032366; } .edudetailsArea .right .widgettitle a { display: inline-block; color: #fff; text-decoration: none; vertical-align: top; } .edudetailsArea .right .widgettitle i { margin-right: 15px; font-size: 30px; color: #fff; } .edudetailsArea .right .download-iCal-frm { display: none; } .edudetailsArea .right .ee-upcoming-events-widget-img-dv img { width: 100%; height: auto; } .edudetailsArea .right .ee-event-datetimes-li { padding: 0 15px; width: 100%; float: left; font-size: 16px; color: #333D47; } .edudetailsArea .right .ee-upcoming-events-widget-title-h5 { margin: 0px; padding: 15px; font-size: 20px; color: #333D47; } .edudetailsArea .right .ee-upcoming-events-widget-title-h5 a { color: #333D47; text-decoration: none; } .innerbannerArea h1 img { max-width: 300px; display: inline-block; margin: 0 15px 11px 0px; } .innerbannerArea { background-position: center center !important } /* blog area */ .blogArea { padding: 60px 0; width: 100%; float: left; position: relative; background: #fff; } .blogArea h2 { margin-bottom: 40px; color: #032366; text-align: center; } .blogArea #blogSlider { width: 100%; float: left; } .blogArea .owl-item { padding: 9px; } .blogArea .item { width: 100%; float: left; box-shadow: 0 0 9px rgba(0,0,0,0.3); } .blogArea .item .image { width: 100%; height: 200px; float: left; position: relative; overflow: hidden; } .blogArea .item .image a { width: 100%; height: 100%; float: left; transform: scale(1.2); -webkit-transform: scale(1.2); background-position: center center; background-repeat: no-repeat; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; } .blogArea .item .image:hover a { transform: scale(1); -webkit-transform: scale(1); } .blogArea .item .image .credit { position: absolute; bottom: 7px; left: 10px; font-size: 11px; color: #fff; } .blogArea .text { padding: 15px; width: 100%; min-height: 270px; float: left; font-size: 17px; color: #333D47; } .blogArea .text h3 { margin: 25px 0 15px 0; font-size: 21px; color: #032366; line-height: 24px; clear: both; } .blogArea .text h3 a { color: #032366; text-decoration: none; font-size: 22px; } .blogArea .text .cat { margin: 0 10px 5px 0; display: inline-block; font-family: 'titillium_websemibold'; font-size: 14px; text-transform: uppercase; text-decoration: none; line-height: 28px; } .blogArea .text .cat span { margin-right: 15px; width: 30px; height: 30px; float: left; color: #fff; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; -moz-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; border-radius: 100%; background-color: #046a38; } .blogArea .text .cat img { max-width: 100%; max-height: 100%; height: auto; } .blogArea .text .cat svg { width: 100%; height: 100%; } .blogArea .owl-prev { width: 40px; height: 60px; position: absolute; top: 40%; left: -70px; font-size: 0px; background: url(../images/prev.jpg) no-repeat top center; background-size: 100% 100%; } .blogArea .owl-next { width: 40px; height: 60px; position: absolute; top: 40%; right: -70px; font-size: 0px; background: url(../images/next.jpg) no-repeat top center; background-size: 100% 100%; } .blogArea .blogcat { padding: 40px 0 0 0; width: 100%; float: left; font-family: 'titillium_webregular'; font-size: 32px; color: #032366; text-align: center; line-height: 38px; } .blogArea .blogcat ul { list-style: none; } .blogArea .blogcat li { margin: 0 25px; display: inline-block; } .blogArea .blogcat li a { width: 42px; height: 42px; float: left; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; -moz-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; border-radius: 100%; background-color: #046a38; } .blogArea .blogcat li a img { max-width: 100%; max-height: 100%; height: auto; } .blogArea .blogcat li a svg { width: 100%; height: 100%; } .blogArea .blogcat li a:hover { background: #000 !important; } .blogArea .blogcat p { margin: 30px 0 0 0; } /* impact area */ .impactArea { padding: 85px 0 70px 0; width: 100%; float: left; text-align: center; position: relative; background: url(../images/impact_bg.jpg) no-repeat center center; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; } .impactArea .video { padding: 0px; } .impactArea .text { padding: 50px; min-height: 440px; background: #fff; } .impactArea .text h2 { margin-bottom: 40px; font-size: 35px; color: #3FAE29; line-height: 46px; } .impactArea .text .mybtn { padding: 16px 38px; display: block; position: relative; font-size: 24px; color: #fff; text-decoration: none; text-transform: uppercase; border-radius: 7px; z-index: 1; background: #3FAE29; } .impactArea .text .mybtn:after { width: 100%; height: 100%; position: absolute; top: 0px; left: 0px; transform: scale(0); -webkit-transform: scale(0); -moz-transform: scale(0); content: ""; border-radius: 7px; z-index: -1; background: rgba(0,0,0,0.2); } .impactArea .text .mybtn:hover:after { transform: scale(1); -webkit-transform: scale(1); -moz-transform: scale(1); } .impactArea p { margin: 60px 0 0 0; font-family: 'titillium_websemibold'; font-size: 29px; color: #fff; } .page-template-template-impact-sector .sub .date { display: none } /* genomics area */ .genomicsArea { padding: 40px 0; width: 100%; float: left; position: relative; /*font-size: 21px; color: #333D47;*/ text-align: center; z-index: 1; background: url(../images/genomics_bg.jpg) no-repeat center center; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; } .genomicsArea p { /*font-weight: 300*/} .genomicsArea:after { width: 100%; height: 100%; position: absolute; top: 0px; left: 0px; content: ""; z-index: -1; background: rgba(255,255,255,0.9); } .genomicsArea h2 { margin-bottom: 10px; font-size: 41px; color: #032366; } .genomicsArea h2 a { color: #032366; text-decoration: none; } .genomicsArea .short { padding: 0 13% 20px 13%; } .genomicsArea .item { margin: 20px 0; } .genomicsArea .item a { text-decoration: none; } .genomicsArea .item i { margin-bottom: 12px; display: block; font-size: 70px; color: #032366; } .genomicsArea .item h3 { margin-bottom: 5px; display: inline-block; font-family: 'titillium_webbold'; font-size: 24px; color: #032366; text-transform: uppercase; border-bottom: 5px solid transparent; } .genomicsArea .item h3 a { color: #032366; text-decoration: none; } .genomicsArea .item img { margin: 0px auto 20px auto; width: auto; } .genomicsArea .info .item img { margin: 0px auto 0px auto; width: auto; } .genomicsArea .item svg { margin: 0px auto 15px auto; display: block; width: 50px; height: 67px; } .genomicsArea .item:hover h3, .genomicsArea .item .active h3 { border-bottom-color: #3FAE29; } .genomicsArea .item:nth-of-type(3n+4) { clear: both; } .page-template-template-ourprogress .genomicsArea .item:nth-of-type(3n+4) { clear: none; } .page-template-template-ourprogress svg { fill: #032366; } .page-template-template-ourprogress .contentArea { padding-bottom: 0px } .page-template-template-ourprogress .genomicsArea { padding-top: 10px } .page-template-template-ourprogress .info h1 { font-family: 'titillium_webbold'; margin-bottom: 5px } .page-template-template-ourprogress .info h5 { padding-bottom: 20px } .page-template-template-ourprogress .info .mycontainer { max-width: 1100px } .page-template-template-ourprogress .cls-2 { stroke-width: 0px } .progressprojgraph {max-width: 70%; margin: 0 auto;} .progressprojgraph img { max-width: 100%} .page-template-template-ourprogress2 #whatwedo { z-index: inherit } .page-template-template-ourprogress2 #whatwedo .accord svg .cls-1, .page-template-template-ourprogress2 #whatwedo .accord, .page-template-template-ourprogress2 #whatwedo .accord h3 { color: White !important; fill: White !important } .about2 .info .col-sm-4 img, .about2 .info .col-sm-3 img, .about2 .info .col-sm-5 img, .about2 .info .col-sm-6 img { max-height: 200px; box-shadow: 2px 2px 8px #000;} .center { text-align: center; display: block;} .nomargin { margin: 0px !important } .info .row { padding-top: 30px } .smaller { font-size: 75%;} .noshadow img {box-shadow: 0px 0px 0px !important} .genomicsArea.about { background: none; } .genomicsArea.about h2 { text-align: left; } .genomicsArea.about h2 + p { text-align: left; } .genomicsArea.about .item { margin: 30px 0; position: static; } .genomicsArea.about .item > a { display: block; color: #333D47; } .genomicsArea.about .item svg { width: 80px; } .genomicsArea.about .info { display: none; padding: 25px 0; margin: 30px 0; width: 100%; float: left; position: absolute; left: 0px; /*font-size: 20px; color: #333D47; font-weight: 300;*/ text-align: left; background: #DADFE1; } .genomicsArea.about2 .info { margin-top: 80px } .genomicsArea.about .info h4 { margin-bottom: 10px; /*font-size: 32px; color: #032366;*/ } .genomicsArea.about .info p { margin-bottom: 10px; } .genomicsArea.about .info b { font-weight: 500; } .genomicsArea.about .info ul, .genomicsArea.about .info ol { list-style: none; } .genomicsArea.about .info li { padding: 0 0 7px 25px; position: relative; } .genomicsArea.about .info li:before { position: absolute; top: 0px; left: 8px; content: "\f105"; font-family: FontAwesome; } .genomicsArea.about .close { margin: 0 -600px 0 0px; width: 42px; height: 42px; position: absolute; top: 28px; right: 50%; border: 2px solid #333D47; border-radius: 100%; opacity: 1; } .genomicsArea.about .close svg { margin: 8px auto 0 auto; width: 22px; height: 22px; } .genomicsArea.about .heigh { width: 100%; float: left; } .page-template-template-about-landing .strategiesArea .bg { opacity: 0.3; background-color: black; } a.anchor { display: block; position: relative; top: -120px; visibility: hidden; } /*.genomicsArea.about .item:first-child .active + .info + .heigh, .genomicsArea.about .item:nth-child(2) .active + .info + .heigh { height: 346px !important; } .genomicsArea.about .item:nth-child(2) .active + .info { display: block !important; } */ .genomicsArea.edu { padding: 0px 0 40px 0; background: none; } .genomicsArea.edu .item svg{ width: 85px; } /* connect area */ .connectArea { padding: 60px 0; width: 100%; float: left; color: #fff; text-align: center; position: relative; background: url(../images/connect_bg.jpg) no-repeat center center; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; } .connectArea h4 { margin-bottom: 10px; font-family: 'titillium_webbold'; font-size: 24px; font-style: initial ; text-transform: uppercase; } .connectArea form { padding: 35px 12% 50px 12%; width: 100%; float: left; } .connectArea .style { padding: 0 20px; width: 24%; height: 60px; float: left; font-size: 22px; color: #333D47; border: none; border-top: 0.5px solid #333D47; border-bottom: 0.5px solid #333D47; border-right:0.5px solid #333D47; } .connectArea .style:first-child { border: 0.5px solid #333D47; border-radius: 7px 0 0 7px; } .connectArea .mybtn { width: 28%; height: 60px; float: left; font-family: 'titillium_webbold'; font-size: 24px; color: #fff; text-transform: uppercase; border-radius: 0 7px 7px 0; border: none; background: #3FAE29; } .connectArea .mybtn:hover { background: #0070CD; } .connectArea .mc4wp-alert.mc4wp-success { padding: 18px; margin: 10px 0 0 0; width: 100%; float: left; border-radius: 4px; background: #fff; } .connectArea .mc4wp-response p { margin: 10%; font-size: 24px; color: #3FAE29; padding: 18px; margin: 10px 0 0 0; width: 100%; float: left; border-radius: 4px; background: #fff;} .connectArea p { font-family: 'titillium_websemibold'; font-size: 29px; color: #fff; } .connectArea ul { list-style: none; } .connectArea li { margin: 0 12px; display: inline-block; } .connectArea li a { width: 60px; height: 60px; font-size: 40px; color: #3FAE29; text-decoration: none; line-height: 60px; background: #fff; border-radius: 100%; } .connectPage .menusub .map iframe { width: 100%; height: 360px; float: left; border: 2px solid #666 !important; } .connectPage .menusub .contact .space { margin: 0 0 25px 0; width: 100%; float: left; color: #333d47; } .connectPage .menusub .contact address { margin: 0 0 10px 0; color: #001d60; font-family: 'titillium_weblight'; font-size: 21px; } .connectPage .menusub .contact { font-size: 18px; font-family: 'robotolight';} .connectPage .menusub .contact span { display: block; font-size: 12px; } .connectPage .menusub .contact a { display: inline-block; color: #333d47; text-decoration: underline; } .connectPage .menusub .socail { padding-left: 0px; } .connectPage .menusub .socail ul { list-style: none; } .connectPage .menusub .socail .space { margin: 0 0 25px 0; width: 100%; float: left; color: #333d47; } .connectPage .menusub .socail li { margin: 5px 12px 0 0; display: inline-block; } .connectPage .menusub .socail li a { width: 50px; height: 50px; font-size: 40px; color: #fff; text-align: center; text-decoration: none; line-height: 50px; background: #fff; border-radius: 100%; } .connectPage .menusub .socail .site { margin-top: 20px; display: block; color: #001d60; font-family: 'titillium_weblight'; font-size: 24px; } .connectPage .menusub .socail .num { margin-bottom: 15px; display: block; color: #001d60; text-decoration: none; font-family: 'titillium_weblight'; font-size: 21px; } .connectPage .menusub .socail .num i { width: 45px; display: inline-block; font-size: 32px; vertical-align: middle; } .connectPage .menusub .socail .num i.fa-mobile { font-size: 50px; } .connectPage .menusub .socail .per { color: #333d47; text-decoration: underline; } /* news area */ .newsArea { padding: 60px 0; width: 100%; float: left; position: relative; background: #fff; } .newsArea h2 { margin-bottom: 20px; color: #032366; text-align: center; } .newsArea .all { float: right; font-family: 'titillium_webbold'; font-size: 21px; color: #032366; text-transform: uppercase; text-align: center; text-decoration: none; } .newsArea .row { margin: 0 -30px; } .newsArea .item { padding: 12px 30px; } .newsArea .sub { width: 100%; float: left; box-shadow: 0 0 9px rgba(0,0,0,0.3); } .newsArea .sub .image { width: 100%; height: 200px; float: left; overflow: hidden; position: relative; } .newsArea .sub .image a { width: 100%; height: 100%; float: left; transform: scale(1.2); -webkit-transform: scale(1.2); background-position: center center; background-repeat: no-repeat; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; } .newsArea .sub .image:hover a { transform: scale(1); -webkit-transform: scale(1); } .newsArea .sub .image .credit { position: absolute; bottom: 7px; left: 10px; font-size: 11px; color: #fff; } .newsArea .text { padding: 15px; width: 100%; min-height: 300px; float: left; position: relative; } .newsArea .text .cat { margin: 0 10px 5px 0; display: inline-block; font-family: 'titillium_websemibold'; font-size: 16px; color: #001d60; font-weight: 600; text-transform: uppercase; text-decoration: none; line-height: 28px; } .newsArea .text .cat span { margin-right: 15px; width: 30px; height: 30px; float: left; color: #fff; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; -moz-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; border-radius: 100%; background-color: #046a38; } .newsArea .text .cat img { max-width: 100%; max-height: 100%; height: auto; } .newsArea .text .cat svg { width: 100%; height: 100%; } .newsArea .text .share { float: right; font-size: 30px; color: #032366; text-decoration: none; } .newsArea .text .social { display: none; padding: 10px; list-style: none; position: absolute; bottom: 9px; right: 41px; border: 2px solid #ccc; border-radius: 5px; background: #fff; } .newsArea .text .social.open { display: block; } .newsArea .text .social li { margin: 0 4px; float: left; } .newsArea .text .social li a { width: 26px; height: 26px; font-size: 16px; color: #fff; text-align: center; text-decoration: none; line-height: 26px; background: #3FAE29; border-radius: 100%; } /* content area */ .contentArea { padding: 60px 0; width: 100%; float: left; /*font-size: 18px; color: #333d47; line-height: 26px;*/ } .contentArea ul, .contentArea ol { padding: 0 0 0 20px; } .contentArea img { max-width: 100%; height: auto; } .contentArea p { margin-bottom: 15px; } /*.leftColmun a { color: #3FAE29; text-decoration: underline; } */ .contentArea h1, .contentArea h2, .contentArea h3, .contentArea h4, .contentArea h5, .contentArea h6 { margin-bottom: 15px; /*color: #001d60;*/ } .contentArea h4 { /*font-style: italic; */ } /* blogshow area */ .blogshowArea { padding: 60px 0; width: 100%; float: left; } .blogshowArea .postnav .dropdown { float: right; } .blogshowArea .postnav .dropdown > li { margin: 0 0 0 70px; } @media screen and (max-width: 993px) { .blogshowArea .postdetail .fSectorSidebarHead { display: none } } /* left colmun */ .leftColmun { min-height: 400px; } .leftColmun .row { margin: 0 -30px; } /*.leftColmun .item:first-child { width: 100%; }*/ .leftColmun .loader_img { padding: 130px 0; width: 100%; height: 100%; position: absolute; top: 0px; left: 0px; font-size: 60px; text-align: center; color: #fff; z-index: 1; background: rgba(0,0,0,0.6); } .leftColmun .allblog { width: 100%; float: left; } /* .leftColmun .item:nth-of-type(2n+4) { clear: both; } */ .leftColmun #previous .item:first-child, .leftColmun #previous #espresso-ajax-notices + .item, .leftColmun #latest .item:first-child { width: 100%; } .leftColmun .item:first-child .sub .image, .leftColmun #previous #espresso-ajax-notices + .item .sub .image { height: 300px; } .leftColmun .item:first-child .text, .leftColmun #previous #espresso-ajax-notices + .item .text { min-height: auto; } .leftColmun.impact #impactLoad .item { display: none; } .leftColmun.impact .item:nth-of-type(2n+4) { clear: none; } .leftColmun.impact .item:first-child .sub .image { height: 250px; } .leftColmun.impact .item:first-child .text { min-height: 328px; } .leftColmun.impact .text { min-height: 328px; } .leftColmun .item { padding: 0 30px 60px 30px; display: block; } .leftColmun #previous .item, .leftColmun #latest .item { display: none; } .leftColmun .item + h2 { display: none; } .leftColmun .sub { width: 100%; float: left; box-shadow: 0 0 9px rgba(0,0,0,0.3); } .leftColmun .sub .image { width: 100%; height: 250px; float: left; position: relative; overflow: hidden; } .leftColmun .sub .image a { width: 100%; height: 100%; float: left; transform: scale(1.2); -webkit-transform: scale(1.2); background-position: center center; background-repeat: no-repeat; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; } .leftColmun .sub .image:hover a { transform: scale(1); -webkit-transform: scale(1); } .leftColmun .sub .image .credit { position: absolute; bottom: 7px; left: 10px; font-size: 11px; color: #fff; } .leftColmun .text { padding: 15px; width: 100%; min-height: 303px; float: left; position: relative; font-size: 17px; color: #333D47; } .leftColmun .text h3 { margin: 15px 0; clear: both; } .leftColmun .text h3 a { text-decoration: none; } .leftColmun .text p { margin-bottom: 20px; } .leftColmun .text .cat { margin: 0 10px 5px 0; display: inline-block; } .leftColmun .text .cat span { margin-right: 15px; width: 30px; height: 30px; float: left; color: #fff; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; -moz-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; border-radius: 100%; background-color: #046a38; } .leftColmun .text .cat img { max-width: 100%; max-height: 100%; height: auto; } .leftColmun .text .cat svg { width: 100%; height: 100%; } .leftColmun .text .date { float: left; font-size: 14px; color: #032366; text-transform: capitalize; } .leftColmun .text .share { float: right; font-size: 30px; color: #032366; text-decoration: none; } .leftColmun .text .social { display: none; padding: 10px; list-style: none; position: absolute; bottom: 9px; right: 41px; border: 2px solid #ccc; border-radius: 5px; background: #fff; } .leftColmun .text .social.open { display: block; } .leftColmun .text .social li { margin: 0 4px; float: left; } .leftColmun .text .social li a { width: 26px; height: 26px; font-size: 16px; color: #fff; text-align: center; text-decoration: none; line-height: 26px; background: #3FAE29; border-radius: 100%; } .leftColmun .btnload { padding: 0 30px; width: 100%; float: left; } .leftColmun .btnload a { padding: 12px 30px; width: 100%; height: auto; display: block; font-family: 'titillium_websemibold'; font-size: 22px; color: #21b24b; text-align: center; text-transform: uppercase; text-decoration: none; line-height: normal; border: 1px solid #21b24b; border-radius: 4px; background: none; } .leftColmun .btnload a:hover { color: #fff; background: #21b24b; } .leftColmun.impact .btnload { padding: 0px; text-align: center; } /* .leftColmun.impact .btnload a { padding: 12px 50px; width: auto; display: inline-block; } */ .postdetail { width: 100%; float: left;} .postdetail .allcon { width: 100%; float: left; } .postdetail .allcon.agrifood blockquote { background: #ffa300; } .postdetail .allcon.education blockquote { background: #f1c400; } .postdetail .allcon.energy blockquote { background: #ba5826; } .postdetail .allcon.environment blockquote { background: #5cc151; } .postdetail .allcon.fisheries-and-aquaculture blockquote { background: #00b0b9; } .postdetail .allcon.forestry blockquote { background: #046a38; } .postdetail .allcon.genomics-and-society blockquote { background: #3e1952; } .postdetail .allcon.health blockquote { background: #1374bb; } .postdetail .allcon.mining blockquote { background: #7d8b8b; } .postdetail .allcon.technology blockquote { background: #697076; } .postdetail .allcon p { margin-bottom: 20px; } .postdetail .allcon img { max-width: 100%; width: auto; height: auto; } .postdetail .allcon .top { margin: 0 0 20px 0; width: 100%; float: left; } .postdetail .allcon .top .cat { float: left; margin-right:10px } .postdetail .allcon .top .cat span { margin-right: 15px; width: 50px; height: 50px; float: left; color: #fff; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; -moz-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; border-radius: 100%; background-color: #046a38; } .postdetail .allcon .top .cat img { max-width: 100%; max-height: 100%; height: auto; } .postdetail .allcon .top .cat svg { width: 100%; height: 100%; } .postdetail .allcon .top .socail { float: right; } .postdetail .allcon .top .socail ul { list-style: none; } .postdetail .allcon .top .socail li { margin: 0 0 0 10px; float: left; } .postdetail .allcon .top .socail li a { width: 50px; height: 50px; font-size: 30px; color: #fff; text-align: center; text-decoration: none; line-height: 50px; background: #fff; border-radius: 100%; cursor: pointer; } .postdetail .allcon .top .socail li a.fa-comments { margin: 0 4px 0 0; font-size: 49px; } .postdetail #commentform .form-control { width: 100%; } .postdetail #commentform .btn-success { border: none; } .postdetail .commentlist { margin: 15px 0 30px 0; padding: 20px; background: #f5f5f5; } .postdetail #social_comments_control { width: 100%; float: left; } .postdetail #social_comments_control h3 { margin-bottom: 0px; } .postdetail #social_comments_control .ui-tabs-nav li img { margin: 0 auto 10px auto; } .postdetail .ui-tabs .ui-tabs-panel { padding: 20px 0; } .postdetail h3 i { margin-left: 15px; color: #001d60; } .postdetail .staff { margin: 25px 0; width: 100%; float: left; } .postdetail .row { margin: 0 -15px; } .postdetail .staff .choose { width: 100%; float: left; position: relative; border-bottom: 1px solid #31A947; } .postdetail .staff .image img { margin: 0px auto; max-width: 100%; height: auto; } .postdetail .staff .stext { float: right; } .postdetail .staff .stext h4 { margin-bottom: 10px; } .postdetail .staff .stext h4 a { margin: 0 10px 0 0; text-decoration: none; } .postdetail .staff .stext ul { list-style: none; } .postdetail .staff .stext ul li { float: left; } .postdetail .staff .stext ul li:last-child { margin-left: 10px; } .postdetail .staff .stext ul a { display: block; font-size: 16px; color: #032366; text-decoration: none; line-height: 25px; } .postdetail .staff .stext ul a i { margin: 0 10px 0 0; width: 25px; height: 25px; float: left; font-size: 15px; color: #fff; text-align: center; text-decoration: none; line-height: 25px; border-radius: 100%; background: #000; } .postdetail .staff .stext p { margin-top: 0px; margin-bottom: 0px } .postdetail .staff .row { margin: 0px } .postdetail .staff .row .image { margin-top: 15px } .staffcontact { padding-bottom: 10px; display: inline-block; width: 100%;} @media screen and (max-width: 440px) { .postdetail .allcon .top .socail li a { font-size:20px; line-height: 35px; width: 35px; height: 35px } .postdetail .allcon .top .socail li a.fa-comments { font-size: 30px; margin-right: 0px } .postdetail .allcon .top .socail { float: none; clear: both; padding-top: 20px} } .rightColmun { padding: 0 15px 0 30px; } .rightColmun .widget { margin: 0 0 40px 0; width: 100%; float: left; overflow: hidden; } @media screen and (min-width: 634px) and (max-width: 767px) { .rightColmun .widget { width: auto } .rightColmun .widget_sfp_page_plugin_widget { width: 45%; margin-right: 30px; } .rightColmun .socail { text-align: center } } @media screen and (max-width: 635px) { .rightColmun .widget_sfp_page_plugin_widget { max-width: 340px } .rightColmun .socail { text-align: center } } .rightColmun .widget iframe { width: 100%; height: 400px; float: left; } .rightColmun .widget .ee-upcoming-events-widget-ul, .rightColmun .widget .textwidget, .rightColmun .widget .sfp-container { width: 100%; float: left; border: 1px solid #C3C5C8; border-top: none; border-radius: 0 0 7px 7px; } .rightColmun .textwidget p iframe, .rightColmun .widget .fb-page, .rightColmun .widget .fb-page span, .rightColmun .widget .fb-page iframe { width: 100% !important; float: left; } .fb-page, .fb-page span, .fb-page span iframe[style] { width: 100% !important; } .rightColmun .widgettitle { padding: 0px 20px; color: #fff; border-radius: 5px 5px 0 0; background: #032366; } .rightColmun .widgettitle a { margin: 4px 0 0 0; display: inline-block; color: #fff; text-decoration: none; vertical-align: top; } .rightColmun .widgettitle i { margin-right: 15px; display: inline-block; vertical-align: middle; font-size: 30px; color: #fff; } .rightColmun .download-iCal-frm { display: none; } .rightColmun .ee-upcoming-events-widget-img-dv img { width: 100%; height: auto; } .rightColmun .ee-event-datetimes-li { padding: 0 15px; width: 100% !important; float: left; font-size: 15px; color: #333D47; margin-top: -25px } .rightColmun .ee-upcoming-events-widget-title-h5 a { text-decoration: none; } .rightColmun .widget_sfp_page_plugin_widget .widgettitle { background: #3b5998; } .rightColmun #text-3 .widgettitle { background: #00aced; } .rightColmun .socail { margin: 0 0 40px 0; width: 100%; float: left; } .rightColmun .socail ul { list-style: none; } .rightColmun .socail li { margin: 5px 12px 0 0; display: inline-block; } .rightColmun .socail li a { width: 35px; height: 35px; font-size: 25px; color: #fff; text-align: center; text-decoration: none; line-height: 35px; background: #fff; border-radius: 100%; } .rightColmun .pitem { width: 100%; float: left; } .rightColmun .pitem h2 { padding-bottom: 5px; border-bottom: 5px solid #3fae29; margin-bottom: 25px } .rightColmun .pitem .item { margin-bottom: 30px; } .rightColmun .pitem .sub { width: 100%; float: left; box-shadow: 0 0 9px rgba(0,0,0,0.3); } .rightColmun .pitem .sub .image { width: 100%; height: 150px; float: left; overflow: hidden; position:relative } .rightColmun .pitem .sub .image a { width: 100%; height: 100%; float: left; transform: scale(1.2); -webkit-transform: scale(1.2); background-position: center center; background-repeat: no-repeat; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; } .rightColmun .pitem .sub .image:hover a { transform: scale(1); -webkit-transform: scale(1); } .rightColmun .pitem .text { padding: 15px; width: 100%; float: left; font-size: 17px; color: #333D47; } .rightColmun .pitem .text h3 { margin: 10px 0; font-size: 18px; color: #032366; line-height: 22px; clear: both; } .rightColmun .pitem .text h3 a { color: #032366; text-decoration: none; } .rightColmun .pitem .text .cat { margin: 0 10px 5px 0; display: inline-block; font-family: 'titillium_websemibold'; font-size: 14px; text-transform: uppercase; text-decoration: none; line-height: 28px; } .rightColmun .pitem .text .cat span { margin-right: 15px; width: 30px; height: 30px; float: left; color: #fff; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; -moz-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; border-radius: 100%; background-color: #046a38; } .rightColmun .pitem .text .cat img { max-width: 100%; max-height: 100%; height: auto; } .rightColmun .pitem .text .cat svg { width: 100%; height: 100%; } /* staff area */ .staffArea { padding: 0px 0; width: 100%; float: left; } .staffArea .postnav .dropdown > li:first-child { margin-left: 0px; } .staffArea .postnav .dropdown > li:last-child { margin-left: 0px; } .staffArea .postnav .dropdown > li { margin: 0 15px; } .staffArea .postnav .dropdown > li > a { font-size: 16px; } .staffArea .allstaff { width: 100%; float: left; text-align: center; } .staffArea #demo { padding: 40px 0 0 0; text-align: center; color: #032366 } .staffArea .staff { display: none; margin-bottom: 15px; width: 20%; float: left; border-bottom: 1px solid #3fae29; } .staffArea .staff .sub { padding: 0 20px; width: 100%; height: 340px; float: left; position: relative; overflow: hidden; } .staffArea .staff .sub figure { padding: 0 20px; margin: 0px; width: 100%; position: absolute; bottom: 0px; left: 0px; } .staffArea .staff .sub img { margin: 0px auto; max-width: 100%; max-height: 100%; max-height: 350px; width: auto; height: auto; } .staffArea .staff .sub .text { padding: 12px; width: 100%; position: absolute; bottom: -100%; left: 0px; background: rgba(63,174,41,0.6); } .staffArea .staff .sub .text h3 { margin-bottom: 8px; font-family: 'titillium_webbold'; font-size: 23px; line-height: 25px; color: #fff; } .staffArea .staff .sub .text h3 a { color: #fff; text-decoration: none; } .staffArea .staff .sub .text span { display: block; font-size: 16px; color: #fff; font-family: 'titillium_webregular'; font-size: 18px; } .staffArea .staff .sub:hover .text { bottom: 0px; } /* staff details */ .staffdetails { padding: 50px 0 35px 0; width: 100%; float: left; border-bottom: 1px solid #3fae29; } .staffdetails .right { padding-top: 156px; font-size: 13px; color: #7C7C7C; } .staffdetails .right figure { padding: 0 10px; width: 100%; float: left; border-bottom: 1px solid #3fae29; } .staffdetails .right figure img { margin: 0px auto; max-width: 100%; max-height: 100%; width: auto; height: auto; } .staffdetails .right .text { padding: 28px 40px; width: 100%; float: left; font-family: 'titillium_webregular'; } .staffdetails .right .bio { margin-bottom: 20px; text-decoration: none; line-height: normal; } .staffdetails .right .bio svg { margin: 0 15px 0 0; width: 55px; height: 55px; display: inline-block; vertical-align: middle; } .staffdetails .right h4 { margin-bottom: 4px; font-family: 'robotolight'; font-size: 14px; color: #7C7C7C; text-transform: uppercase; } .staffdetails .left .socail { list-style: none; margin-top:20px } .staffdetails .left .socail li { float: left; } .staffdetails .left .socail li:last-child { /*margin-left: 10px;*/ } .staffdetails .left .socail a { display: block; font-size: 24px; color: #032366; text-decoration: none; line-height: 50px; font-family: 'titillium_webregular'; } .staffdetails .left .socail a i { margin: 0 10px 0 0; width: 50px; height: 50px; float: left; font-size: 30px; color: #fff; text-align: center; text-decoration: none; line-height: 50px; border-radius: 100%; background: #000; } .staffdetails .left .description { padding: 50px 0 0 0; width: 100%; float: left; } .staffdetails .left .description ul, .staffdetails .left .description ol { padding: 0 0 0 20px; } .staffdetails .left .description img { max-width: 100%; height: auto; } /* board area */ .boardArea { padding: 40px 0; width: 100%; float: left; } .boardArea .postnav { text-align: left; } .boardArea .postnav .dropdown > li { margin: 0 40px 0 0; } .boardArea .postnav .dropdown > li > a { font-size: 16px; } .boardArea .postnav .dropdown > li:last-child .dropdown-menu { left: 0px; right: auto; } .boardArea .allboard { width: 100%; float: left; text-align: center; } .boardArea #demo { padding: 0 0 50px 0; text-align: center; color: #032366 } .boardArea .board { display: none; margin-bottom: 50px; float: left; } .boardArea .board .sub { margin: 0 auto; width: 250px; height: 250px; display: block; position: relative; color: #fff; text-decoration: none; border-radius: 100%; overflow: hidden; } .boardArea .board .sub img { margin: 0px auto; max-width: 100%; max-height: 100%; max-height: 250px; width: auto; height: auto; } .boardArea .board .sub .text { padding: 15px; width: 100%; height: 100%; display: table; position: absolute; bottom: -100%; left: 0px; background: rgba(0,29,96,0.6); } .boardArea .board .sub .text .under { width: 100%; height: 100%; display: table-cell; vertical-align: middle; } .boardArea .board .sub .text h3 { margin-bottom: 8px; font-family: 'titillium_webbold'; font-size: 23px; line-height: 25px; color: #fff; } .boardArea .board .sub .text h3 a { color: #fff; text-decoration: none; } .boardArea .board .sub .text span { display: block; font-size: 16px; color: #fff; font-family: 'titillium_webregular';} .boardArea .board .sub:hover .text { bottom: 0px; } /* board details */ .boardetails { padding: 50px 0 35px 0; width: 100%; float: left; } .boardetails .left h2 { margin-bottom: 30px; font-size: 47px; color: #032366; } .boardetails .left h2 span { display: block; font-size: 24px; color: #333D47; } .boardetails .left h2 span em:last-child { display: none; } .boardetails .left img { margin-bottom: 40px; max-width: 100%; height: auto; } .boardetails .left .description { padding: 0 0 50px 0; width: 100%; float: left; font-family: 'robotolight'; color: #333D47; line-height: 30px; } .boardetails .left .description p { margin-bottom: 15px; } .boardetails .left .description ul, .boardetails .left .description ol { padding: 0 0 0 20px; } .boardetails .left .description img { max-width: 100%; height: auto; } .boardetails .left .dec { padding: 15px 0 0 0; max-width: 430px; float: left; clear: both; font-size: 14px; color: #7C7C7C; border-top: 1px solid #3fae29; } .boardetails .left .dec .bio { margin-bottom: 20px; display: block; font-family: 'robotolight'; font-size: 24px; color: #333D47; text-decoration: none; line-height: normal; } .boardetails .left .dec .bio svg { margin: 0 15px 0 0; width: 55px; height: 55px; display: inline-block; vertical-align: middle; } .boardetails .left .dec h4 { margin-bottom: 4px; font-family: 'robotolight'; font-size: 14px; color: #7C7C7C; text-transform: uppercase; } /* staffmedia */ .staffmedia { padding: 15px 0 0 0; width: 100%; float: left; font-family: 'robotolight'; font-size: 18px; color: #333D47; font-weight: 300; } .staffmedia h3 { margin-bottom: 15px; font-size: 29px; color: #032366; } .staffmedia .media iframe { max-width: 540; height: 270px; } .staffmedia .media code { padding: 0px; font-size: 16px; color: #7C7C7C; background: none; } .staffmedia .media p { margin-bottom: 15px; } .staffmedia .twitter { padding-left: 40px; } .staffmedia .twitter .widgettitle { display: none; } .staffmedia .twitter iframe { width: 100% !important; height: 400px !important; } /* forest slider */ .forestSlider { width: 100%; float: left; font-family: 'robotolight'; text-align: center; position: relative; z-index: 1; background-position: center top; background-repeat: no-repeat; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; } .forestSlider .bg { width: 100%; height: 100%; position: absolute; top: 0px; right: 0px; content: ""; z-index: -1; opacity: 0.5; } .forestSlider h2 { font-size: 52px; text-align: center !important; font-family: 'robotolight'; } .forestSlider strong { display: block; font-size: 104px; font-weight: 700 !important; line-height: normal !important; } .forestSlider .tp-caption { font-size: 40px; color: #fff; } /* .forestSlider .tp-leftarrow { font-size: 0px; border-top: 35px solid transparent; border-right: 70px solid rgba(255,255,255,0.8); border-bottom: 35px solid transparent; background: none !important; } .forestSlider .tp-leftarrow:hover { border-right-color: rgba(255,255,255,1); } .forestSlider .tp-rightarrow { font-size: 0px; border-top: 35px solid transparent; border-left: 70px solid rgba(255,255,255,0.8); border-bottom: 35px solid transparent; background: none !important; } .forestSlider .tp-rightarrow:hover { border-left-color: rgba(255,255,255,1); } .forestSlider .tp-leftarrow:before, .forestSlider .tp-rightarrow:before{ display: none; } */ /* strategies area */ .strategiesArea { padding: 100px 0; width: 100%; float: left; /*font-size: 20px;*/ color: #fff; /*line-height: 30px; font-weight: 300;*/ position: relative; z-index: 1; background-position: center top; background-repeat: no-repeat; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; } .strategiesArea .bg { width: 100%; height: 100%; position: absolute; top: 0px; right: 0px; content: ""; z-index: -1; opacity: 0.8; } .strategiesArea .text { padding-right: 55px; } .strategiesArea h2 { margin-bottom: 15px; font-size: 40px; color: #fff; line-height: 48px; } .strategiesArea .item { padding-right: 10px; display: block; color: #fff; text-decoration: none; } .strategiesArea img { margin-bottom: 15px; box-shadow: 2px 2px 8px #000; } .strategiesArea h3 { font-size: 20px; color: #fff; } .strategiesArea .owl-nav div { position: absolute; top: 40%; font-size: 0px; color: #fff; } .strategiesArea .owl-nav .owl-prev { left: -40px; } .strategiesArea .owl-nav .owl-prev:after { font-size: 50px; content: "\f104"; font-family: FontAwesome; } .strategiesArea .owl-nav .owl-next { right: -40px; } .strategiesArea .owl-nav .owl-next:before { font-size: 50px; content: "\f105"; font-family: FontAwesome; } .strategiesArea a { color: white } /* profile area */ .profileArea { padding: 50px 0; font-family: 'titillium_webregular'; margin-bottom: 30px; width: 100%; float: left; position: relative; z-index: 2; background: #ddd; } /*.profileArea p { font-size: 22px }*/ .profileArea .icon span svg { margin: 0px auto 15px auto; width: 108px; height: 108px; color: #fff; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; -moz-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; border-radius: 100%; } .menuArea .menusub .sector .image .icon span svg * { stroke-width: 0px !important; } .profileArea .icon span img { max-width: 100%; max-height: 100%; height: auto; } .profileArea .icon span image { width: 100%; height: 100%; } .profileArea .text { padding: 0px; font-size: 20px; color: #fff; line-height: 30px; } .profileArea .image { padding-left: 40px; } .profileArea .image h4 { font-size: 24px; color: #fff; text-transform: uppercase; font-style:inherit } .profileArea .image span { display: block; font-size: 16px; color: #fff; } .profileArea .image img { margin: -110px 0 5px 0; max-width: 100%; height: auto; } /* request area */ .requestArea { padding: 20px 0; width: 100%; float: left; position: fixed; bottom: -200px; left: 0px; opacity: 0; z-index: 3; background: #ddd; } .requestArea.trigger-show { bottom: 0px; opacity: 1; } .requestArea h3 { margin: 13px 0 0 0; float: left; font-size: 23px; color: #fff; } .requestArea .mybtn { padding: 12px 30px; float: right; font-size: 22px; color: #fff; text-transform: uppercase; text-decoration: none; border: 2px solid #fff; border-radius: 5px; } #stoper { width: 100%; height: 200px; float: left; background: #000; } /* talk area */ .talkArea { width: 100%; float: left; } .titilbold { font-family: 'titillium_webbold'; } .talkArea .top { padding: 45px 0; font-family: 'titillium_webregular'; margin-bottom: 40px; width: 100%; float: left; position: relative; font-size: 42px; color: #fff; line-height: 56px; background: #ddd; } .talkArea .top .angle { margin-left: -45px; position: absolute; top: 100%; left: 50%; border-width: 40px 45px 0px 45px; border-style: solid; } .talkArea .form { padding: 60px 0; width: 100%; float: left; } .talkArea .form .mycontainer { max-width: 1140px; } .talkArea .form .fgroup { padding-bottom: 20px; } .talkArea .form label { margin-bottom: 5px; width: 100%; float: left; font-size: 20px; color: #313e48; font-weight: normal; } .talkArea .form label a { color: #313e48; text-decoration: underline; } .talkArea .form input.wpcf7-form-control { padding: 0 15px; width: 100%; height: 52px; float: left; border: 1px solid #000; } .talkArea .form .wpcf7-form-control.wpcf7-not-valid { border-color: #f00; } .talkArea .form .wpcf7-not-valid-tip { display: none !important; } .talkArea .form textarea.wpcf7-form-control { padding: 8px 15px; width: 100%; height: 140px; float: left; border: 1px solid #000; } .talkArea .form .wpcf7-form-control.wpcf7-submit { padding: 10px; margin: 0 auto; width: 346px; height: 62px; float: none; display: block; font-size: 22px; color: #fff; border: none; border-radius: 5px; background: #000; } .talkArea .form .wpcf7-form-control.wpcf7-submit:hover { opacity: 0.9; } .talkArea .form .selrole { width: auto; } .talkArea .form select.wpcf7-form-control { margin: 0 0 0 8px; padding-right: 15px; display: inline-block; font-size: 20px; color: #313e48; text-decoration: none; border: none; border-bottom: 5px solid #4fad2f; -moz-appearance: none; -webkit-appearance: none; appearance: none; cursor: pointer; background: url(../images/downicon.png) no-repeat center right; } .talkArea .form select.wpcf7-form-control option { padding: 4px 15px; font-size: 16px; border: 1px solid #4fad2f; border-bottom: none; border-top: none; } .talkArea .form select.wpcf7-form-control option:first-child { border-top: 1px solid #4fad2f; } .talkArea .form select.wpcf7-form-control option:last-child { border-bottom: 1px solid #4fad2f; } .talkArea .form span.wpcf7-list-item { padding: 0 0 0 45px; position: relative; margin: 0px; } .talkArea .form em { padding: 4px 0 0 45px; display: block; font-size: 15px; font-style: normal; } .talkArea .form input[type="checkbox"] { position: absolute; width: 0px; height: 0px; overflow: hidden; visibility: hidden; } .talkArea .form input[type="checkbox"]:checked + .wpcf7-list-item-label:before { border-color: #0f6838; background: #0f6838; } .talkArea .form .wpcf7-list-item-label:before { position: absolute; top: 0px; left: 0px; width: 30px; height: 30px; display: inline-block; vertical-align: middle; content: ""; border: 1px solid #000; } /* projects area */ .projectsArea { padding: 40px 0; width: 100%; float: left; } .projectsArea .sector { width: 100%; float: left; text-align: center;cursor: pointer; } .projectsArea .sector ul { list-style: none; } .projectsArea .sector li { margin: 0 28px; display: inline-block; } .projectsArea .sector li a { width: 42px; height: 42px; float: left; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; -moz-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; border-radius: 100%; background-color: #046a38; } .projectsArea .sector li a img { max-width: 100%; max-height: 100%; height: auto; } .projectsArea .sector li a svg { width: 100%; height: 100%; } .projectsArea .sector li a:hover { background: #000 !important; } .projectsArea .keyword, .OppArea .keyword { padding: 35px 50px 0 50px; width: 100%; float: left; } .projectsArea .keyword form, .OppArea .keyword form { width: 100%; float: left; position: relative; } .projectsArea .keyword ul, .projectsArea .keyword li, .projectsArea .keyword li label, .OppArea .keyword ul, .OppArea .keyword li, .OppArea .keyword li label { padding: 0px; margin: 0px; width: 100%; float: left; font-weight: normal; } .projectsArea .keyword .style, .projectsArea .keyword .sf-input-text, .OppArea .keyword .sf-input-text { padding: 0 60px 0 20px; width: 100%; height: 52px; float: left; font-size: 24px; color: #333D47; border: none; border: 1px solid #000; } .projectsArea .keyword .search, .projectsArea .keyword input[type="submit"], .OppArea .keyword .search, .OppArea .keyword input[type="submit"] { width: 52px; height: 52px; position: absolute; top: 0px; right: 0px; font-size: 0px; border: none; background: #3FAE29 url(../images/searchf.png) no-repeat center center; background-size: 30px auto; } .projectsArea .keyword .search:hover, .OppArea .keyword .search:hover { background: #0070CD; } .projectsArea .postnav .dropdown > li > a { font-size: 22px; color: #333D47; } .projectsArea .projects { width: 100%; float: left; position: relative; min-height: 500px; } .projectsArea .projects .loader_img { width: 100%; height: 100%; position: absolute; top: 0px; left: 0px; z-index: 1; background: rgba(255,255,255,0.6); } .projectsArea .projects .row { margin: 0 -30px; } .projectsArea .projects #previous { } .projectsArea .projects .item { padding: 30px; } .projectsArea .projects .item:nth-of-type(3n+4) { clear: both; } .projectsArea .projects .sub { padding: 25px; width: 100%; min-height: 390px; float: left; box-shadow: 0 0 9px rgba(0,0,0,0.3); } .projectsArea .projects h3 { margin: 15px 0 25px 0; font-size: 21px; color: #032366; line-height: 24px; clear: both; } .projectsArea .projects h3 a { color: #032366; text-decoration: none; } .projectsArea .projects p { margin-bottom: 20px; } .projectsArea .projects ul { list-style: none; } .projectsArea .projects li { margin-bottom: 10px; font-size: 16px; color: #333D47; } .projectsArea .projects li strong { display: inline-block; font-family: 'titillium_websemibold'; font-size: 18px; color: #032366; font-weight: normal; } .projectsArea .projects cite { padding: 15px 0 0 0; display: block; font-size: 16px; color: #032366; font-style: normal; } .projectsArea .projects span { margin-bottom: 10px; display: block; font-family: 'titillium_websemibold'; font-size: 13px; color: #032366; } .projectsArea .projects span img { margin-right: 10px; width: 30px; display: inline-block; } .projectsArea .projects .cat { margin: 0 10px 5px 0; display: inline-block; font-family: 'titillium_websemibold'; font-size: 14px; text-transform: uppercase; text-decoration: none; line-height: 38px; } .projectsArea .projects .cat span { margin-right: 15px; width: 40px; height: 40px; float: left; color: #fff; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; -moz-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; border-radius: 100%; background-color: #046a38; } .projectsArea .projects .cat svg { width: 100%; height: 100%; } /* project details */ .projectDetails { padding: 40px 0; margin: 1px 0 0 0; width: 100%; float: left; font-size: 18px; color: #333D47; line-height: 30px; } .projectDetails .cat { margin: 0 10px 5px 0; display: inline-block; font-family: 'titillium_websemibold'; font-size: 21px; text-transform: uppercase; text-decoration: none; line-height: 63px; } .projectDetails .cat span { margin-right: 15px; width: 63px; height: 63px; float: left; color: #fff; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; -moz-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; border-radius: 100%; background-color: #046a38; } .projectDetails .cat svg { width: 100%; height: 100%; } .projectDetails h2 { margin: 24px 0 40px 0; color: #032366; font-family: 'titillium_webregular'; font-size: 60px; line-height: normal; } .projectDetails cite { margin-bottom: 25px; display: block; font-family: 'titillium_webregular'; font-size: 16px; color: #032366; font-style: normal; } .projectDetails .info { list-style: none; } .projectDetails .info li { margin-bottom: 10px; width: 100%; float: left; font-weight: 300 } .projectDetails .info li strong { width: 18%; float: left; font-family: 'titillium_websemibold'; font-size: 21px; color: #032366; font-weight: normal; } .projectDetails .info li span { width: 82%; float: left; } .projectDetails .description { padding: 25px 0 0 16%; width: 100%; float: left; position: relative; } .projectDetails .description p { margin-bottom: 15px; font-weight: 300 } .projectDetails .description ul, .projectDetails .description ol { padding: 0 0 0 20px; } .projectDetails .description img { max-width: 100%; height: auto; } .projectDetails .backa { padding: 22px 0 0 0; width: 74px; height: 74px; display: inline-block; position: absolute; bottom: 30px; left: 0px; text-align: center; border: 1px solid #032366; border-radius: 100%; } .projectDetails .backa:hover { background: #032366; } .projectDetails .backa:hover svg g { fill: #fff !important; } /* confirm area */ .confirmArea { padding: 60px 0; width: 100%; float: left; } .confirmArea .mycontainer { max-width: 1140px; } .confirmArea h2 { margin-bottom: 20px; font-size: 60px; color: #001d60; } .confirmArea h2 img { margin: 0 10px; display: inline-block; vertical-align: text-bottom; } .confirmArea h3 { margin-bottom: 10px; /*font-family: 'robotolight'; font-size: 40px; */color: #001d60; line-height: 56px; } .confirmArea .confirm { width: 100%; float: left; border-bottom: 1px solid #31A947; } .confirmArea .confirm .user { margin: 110px 0 0 0; width: 400px; max-width: 100%; float: right; } .confirmArea .confirm .name { padding: 7px 0 15px 0; display: block; font-size: 18px; color: #001d60; } .confirmArea .confirm ul { list-style: none; } .confirmArea .confirm ul li { float: left; } .confirmArea .confirm ul li:last-child { margin-left: 10px; } .confirmArea .confirm ul a { display: block; font-size: 17px; color: #032366; text-decoration: none; line-height: 35px; } .confirmArea .confirm ul a i { margin: 0 10px 0 0; width: 35px; height: 35px; float: left; font-size: 18px; color: #fff; text-align: center; text-decoration: none; line-height: 35px; border-radius: 100%; background: #000; } .confirmArea .connect { padding: 35px 0 0 0; width: 100%; float: left; } .confirmArea .connect h4 { padding: 35px 15px 15px 15px; font-family: 'robotolight'; font-size: 24px; color: #001d60; text-transform: uppercase; } .confirmArea .connect label { margin-bottom: 12px; width: 100%; float: left; font-size: 22px; color: #313e48; font-weight: normal; } .confirmArea .connect .item-label { padding: 0 0 0 45px; position: relative; margin: 0 25px 0 0; font-size: 18px;} .confirmArea .connect em { padding: 4px 0 0 45px; display: block; font-size: 15px; font-style: normal; } .confirmArea .connect input[type="checkbox"] { position: absolute; width: 0px; height: 0px; overflow: hidden; visibility: hidden; } .confirmArea .connect input[type="checkbox"]:checked + .item-label:before { border-color: #0f6838; background: #0f6838; } .confirmArea .connect .item-label:before { position: absolute; top: 0px; left: 0px; width: 30px; height: 30px; display: inline-block; vertical-align: middle; content: ""; border: 1px solid #000; } .confirmArea .news { padding: 50px 10%; width: 100%; float: left; font-family: 'titillium_websemibold'; font-size: 21px; color: #fff; } .confirmArea .news form { width: 100%; float: left; } .confirmArea .news .style { padding: 0 20px; width: 36%; height: 60px; float: left; font-size: 22px; color: #333D47; border: none; border-top: 0.5px solid #333D47; border-bottom: 0.5px solid #333D47; } .confirmArea .news .style:first-child { border: 0.5px solid #333D47; border-radius: 7px 0 0 7px; } .confirmArea .news .mybtn { width: 28%; height: 60px; float: left; font-family: 'titillium_webbold'; font-size: 24px; color: #fff; text-transform: uppercase; border-radius: 0 7px 7px 0; border: none; background: #3FAE29; } .confirmArea .news .mybtn:hover { background: #0070CD; } .confirmArea .socailsub { width: 100%; float: left; text-align: center; } .confirmArea .socailsub ul { list-style: none; display: inline-block; } .confirmArea .socailsub li { margin: 0 7px; float: left; } .confirmArea .socailsub li a { width: 50px; height: 50px; font-size: 30px; color: #fff; text-align: center; text-decoration: none; line-height: 50px; background: #fff; border-radius: 100%; } /* workshop area */ .workshopArea { padding: 60px 0; width: 100%; float: left; } .workshopArea .mycontainer { max-width: 1140px; } .workshopArea .fgroup { padding-bottom: 20px; } .workshopArea h2 { margin-bottom: 20px; font-size: 60px; color: #001d60; text-align: left; } .workshopArea h3 { margin-bottom: 30px; /*font-family: 'robotolight'; font-size: 40px; */color: #001d60; text-align: center; line-height: 56px; } .workshopArea h3 p, .workshopArea h3 div { display: inline; } .workshopArea h3 span { display: inline-block; vertical-align: middle; } .workshopArea h3 input.datepicker { margin: 0 0 0 8px; padding: 0px; width: 355px; height: auto !important; display: inline-block; font-size: 40px; color: #001d60; text-decoration: none; border: none; border-bottom: 5px solid #4fad2f; -moz-appearance: none; -webkit-appearance: none; appearance: none; cursor: pointer; background: none; } .workshopArea label { margin-bottom: 5px; width: 100%; float: left; font-size: 22px; color: #313e48; font-weight: normal; } .workshopArea label a { color: #313e48; text-decoration: underline; } .workshopArea input.wpcf7-form-control { padding: 0 15px; width: 100%; height: 52px; float: left; border: 1px solid #000; } .workshopArea select.wpcf7-text { padding: 0 15px; width: 100%; height: 52px; float: left; border: 1px solid #000; } .workshopArea select.wpcf7-text option { padding: 4px 15px; font-size: 16px; color: #313e48; border: 1px solid #4fad2f; border-bottom: none; border-top: none; } .workshopArea select.wpcf7-text option:last-child { border-bottom: 1px solid #4fad2f; } .workshopArea select.wpcf7-text option:first-child { border-top: 1px solid #4fad2f; } .workshopArea .wpcf7-form-control.wpcf7-not-valid { border-color: #f00; } .workshopArea .wpcf7-not-valid-tip { display: none !important; } .workshopArea textarea.wpcf7-form-control { padding: 8px 15px; width: 100%; height: 140px; float: left; border: 1px solid #000; } .workshopArea .wpcf7-form-control.wpcf7-submit { padding: 10px; margin: 50px auto 0 auto; width: 346px; height: 62px; float: none; display: inline-block; font-size: 22px; color: #001d60; text-transform: uppercase; border: 2px solid transparent; border-radius: 5px; background: #d00070; } .workshopArea .wpcf7-form-control.wpcf7-submit:hover { border-color: #d00070; background: none; } .workshopArea .selrole { margin-right: 13px; width: auto; float: none; display: inline-block; } .workshopArea .wpcf7-list-item label { width: auto; float: none; display: inline-block; } .workshopArea select.wpcf7-form-control { margin: 0 8px; padding-right: 15px; display: inline-block; font-size: 20px; color: #313e48; text-decoration: none; border: none; border-bottom: 5px solid #4fad2f; -moz-appearance: none; -webkit-appearance: none; appearance: none; cursor: pointer; background: url(../images/downicon.png) no-repeat center right; } .workshopArea input.autow { margin: 0 8px; padding: 0px; width: 40px; height: auto; float: none; display: inline-block; font-size: 22px; color: #313e48; text-decoration: none; border: none; border-bottom: 5px solid #4fad2f; -moz-appearance: none; -webkit-appearance: none; appearance: none; background: none; } .workshopArea select.wpcf7-form-control option { padding: 4px 15px; font-size: 16px; border: 1px solid #4fad2f; border-bottom: none; border-top: none; } .workshopArea select.wpcf7-form-control option:first-child { border-top: 1px solid #4fad2f; } .workshopArea select.wpcf7-form-control option:last-child { border-bottom: 1px solid #4fad2f; } .workshopArea span.wpcf7-list-item { padding: 0 0 0 45px; position: relative; margin: 0 25px 0 0; } .workshopArea em { padding: 4px 0 0 45px; display: block; font-size: 15px; font-style: normal; } .workshopArea cite { margin-bottom: 8px; display: block; font-size: 15px; font-style: normal; } .workshopArea input[type="checkbox"] { position: absolute; width: 0px; height: 0px; overflow: hidden; visibility: hidden; } .workshopArea input[type="checkbox"]:checked + .wpcf7-list-item-label:before { border-color: #0f6838; background: #0f6838; } .workshopArea .wpcf7-list-item-label:before { position: absolute; top: 0px; left: 0px; width: 30px; height: 30px; display: inline-block; vertical-align: middle; content: ""; border: 1px solid #000; } .workshopArea input[type="reset"], .workshopArea .text-center i, .workshopArea #cancel { margin-left: 3px; display: inline-block; font-size: 22px; color: #313e48; font-style: normal; border: none; background: none; } .workshopArea input[type="reset"], .workshopArea #cancel { text-decoration: underline; } .ui-datepicker { width: 300px; color: #000; } .ui-datepicker .ui-datepicker-header { width: 100%; float: left; } .ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next { width: 30px; height: 30px; float: left; font-size: 18px; color: #000; text-align: center; text-decoration: none; line-height: 30px; cursor: pointer; } .ui-datepicker .ui-datepicker-prev:before { display: block; content: "\f104"; font-family: FontAwesome; } .ui-datepicker .ui-datepicker-prev span, .ui-datepicker .ui-datepicker-next span { font-size: 0px; } .ui-datepicker .ui-datepicker-next { float: right; } .ui-datepicker .ui-datepicker-next:before { display: block; content: "\f105"; font-family: FontAwesome; } .ui-datepicker .ui-datepicker-title { font-size: 12px; color: #000; text-transform: uppercase; text-align: center; } .ui-datepicker .ui-datepicker-calendar { width: 100%; float: left; font-size: 12px; color: #000; text-align: center; text-transform: uppercase; } .ui-datepicker .ui-datepicker-calendar span { padding: 8px 0; display: block; text-align: center; } .ui-datepicker .ui-datepicker-calendar .ui-state-default { margin: 2px auto; width: 30px; height: 30px; display: block; font-size: 12px; color: #000; text-align: center; text-decoration: none; line-height: 30px; border-radius: 100%; } .ui-datepicker .ui-datepicker-calendar .ui-state-default:hover, .ui-datepicker .ui-datepicker-calendar .ui-state-default.ui-state-highlight { color: #fff; background: #4fad2f; } .bootstrap-timepicker { position: relative; } .bootstrap-timepicker-widget.dropdown-menu.open { padding: 20px 40px; margin: 0px; display: inline-block; width: 235px; border-radius: 0px; } .bootstrap-timepicker-widget table { width: 100%; float: left; } .bootstrap-timepicker-widget table a { display: block; font-size: 20px; color: #4fad2f; text-align: center; } .bootstrap-timepicker-widget table input { margin: 0 auto; width: 40px; display: block; border: none; font-size: 18px; color: #000; text-align: center; } .bootstrap-timepicker-widget table .separator { display: none; } /* funding area */ .fundingArea { padding: 60px 0; width: 100%; float: left; font-size: 18px; color: #333d47; line-height: 32px; } .fundingArea h2 { margin: 0 0 10px 0; font-size: 44px; color: #001d60; } .fundingArea p { margin-bottom: 20px; } .fundingArea .profilenav { margin: 30px 0 0 0; width: 100%; float: left; border-bottom: 1px solid #3FAE29; } .fundingArea .profilenav ul { list-style: none; } .fundingArea .profilenav li { float: left; } @media screen and (max-width: 950px) { .fundingArea .profilenav li { float: none; } } .fundingArea .profilenav li a { padding: 8px; display: block; font-size: 20px; color: #001d60; font-weight: 600; text-decoration: none; text-align: center; margin-left: 35px; margin-right: 35px; font-family: 'titillium_webregular'; text-transform: uppercase } .fundingArea .profilenav ul li:last-child a { margin-right: 0px } .fundingArea .profilenav ul li:first-child a { margin-left: 0px } .fundingArea .profilenav li.active a { border-bottom: 4px solid #3FAE29 } .fundingArea .profile { width: 100%; float: left; } .fundingArea .profile .text { padding: 30px 0px 0 0px; width: 100%; float: left; } .fundingArea .profile .text ul, .fundingArea .profile .text ol { padding: 0 0 15px 30px; } .fundingArea .profile .text img { max-width: 100%; height: auto; } .OppArea p, .fundingDetail h2, .fundingDetail .tab-content p, .fundingDetail .tab-content li { font-weight: 300 } .OppArea .edu .text .mybtn, .mybtnex { background: #21B24B; color: #FFF; } .OppArea .edu .text .mybtn:hover, .mybtnex:hover { border-color: #21B24B; background: none; color: #21B24B } .fundingDetail h2 { font-family: 'titillium_webregular';} page-template-template-current-opportunities .dropdown-backdrop { display: none } .vc_tta-tabs { margin: 30px 0 0 0; width: 100%; float: left } .vc_tta-tabs .vc_tta-tab a, .vc_tta.vc_general .vc_tta-panel-title>a { padding: 8px; display: block;font-size: 20px;color: #001d60 !important;font-weight: 600;text-decoration: none;text-align: center;margin-left: 30px;margin-right: 30px;font-family: 'titillium_webregular';text-transform: uppercase;} .vc_tta-tabs-list li:last-child a { margin-right: 0px } .vc_tta-tabs-list li:first-child a { margin-left: 0px } .vc_tta-tab>a, .vc_tta-panel-title>a { border: 0px !important; background-color: white !important; color: #001d60 !important; } .vc_tta-tab.vc_active>a, .vc_tta-panel.vc_active .vc_tta-panel-title a { border-bottom: 4px solid #3FAE29 !important } .vc_tta.vc_tta-spacing-1 .vc_tta-tabs-list { border-bottom: 1px solid #3FAE29; } .vc_tta-tabs .vc_tta-panels, .vc_tta-panel .vc_tta-panel-body, .vc_tta-panel .vc_tta-panel-heading { background-color: white !important; border: 0px !important } .single-funding-opportunity h4.vc_tta-panel-title { font-style: initial !important;} .vc_tta-panel-body {padding-top: 30px !important } .vc_tta-container { margin-bottom: 0px !important } /* footer wrapper */ #footerWrapper { width: 100%; float: left; position: relative; background: #333D47; } #footerWrapper .rect { width: 10%; height: 10px; float: left; } /* footer area */ .footerArea { padding: 80px 0; width: 100%; float: left; } .footerArea .add { font-size: 16px; color: #fff; } .footerArea .add img { width: 215px; max-width: 100%; height: auto; } .footerArea .add span { padding: 15px 0 0 53px; display: block; } .footerArea .news { padding: 30px 5%; font-family: 'titillium_websemibold'; font-size: 21px; color: #fff; } .footerArea .news p { margin-bottom: 25px; } .footerArea form { width: 100%; float: left; } .footerArea .style, .mailchimpfields .style input { padding: 0 20px; width: 24%; height: 60px; float: left; font-size: 22px; color: #333D47; border: none; border-top: 0.5px solid #333D47; border-bottom: 0.5px solid #333D47; border-right:0.5px solid #333D47;} .footerArea .style:first-child, .mailchimpfields .stylefirst input { border: 0.5px solid #333D47; border-radius: 7px 0 0 7px; } .footerArea .mybtn, .mailchimpfields .mybtn input { width: 28%; height: 60px; float: left; font-family: 'titillium_webbold'; font-size: 24px; color: #fff; text-transform: uppercase; border-radius: 0 7px 7px 0; border: none; background: #3FAE29; } .footerArea .mybtn:hover, .mailchimpfields .mybtn input:hover { background: #0070CD; } .footerArea .mc4wp-alert.mc4wp-success, .workshopform .mc4wp-alert.mc4wp-success { /*padding: 18px;*/ margin: 10px 0 0 0; width: 100%; float: left; border-radius: 4px; background: #fff; } .footerArea .mc4wp-response p, .workshopform .mc4wp-response p { margin: 10%; font-size: 24px; color: #3fae29; } /* copyright area */ .copyrightArea { padding: 10px 0 35px 0; width: 100%; float: left; } .copyrightArea .connect { float: right; font-size: 14px; color: #fff; } .copyrightArea .connect ul { float: left; list-style: none; } .copyrightArea .connect li { margin: 0 4px; display: inline-block; } .copyrightArea .connect li a { width: 26px; height: 26px; font-size: 16px; color: #333D47; text-align: center; text-decoration: none; line-height: 26px; background: #fff; border-radius: 100%; } .copyrightArea .connect li a:hover { background: #3FAE29; } .copyrightArea .connect .number { margin: 0 0 0 30px; float: left; font-size: 16px; color: #fff; text-decoration: none; } .copyrightArea .connect .number i { margin-right: 7px; font-size: 20px; } .copyrightArea .connect .number:hover { color: #3FAE29; } .copyrightArea .copy { float: left; font-size: 14px; color: #fff; } .copyrightArea .copy a { color: #fff; text-decoration: none; } .copyrightArea .copy a:hover { color: #3FAE29; } .copyrightArea .copy p { padding: 0 0 0 35px; background: url(../images/copyright_img1.png) no-repeat left center; background-size: 20px auto; font-size: 16px; } /* Begin Images */ .aligncenter { max-width: 100%; width: auto; height: auto; display: block; margin-left: auto; margin-right: auto; } .alignright { padding: 4px; margin: 0 0 2px 30px; display: inline; max-width: 100%; width: auto; height: auto; } .alignleft { padding: 4px; margin: 0 30px 2px 0; display: inline; max-width: 100%; width: auto; height: auto; } .alignright { float: right; } .alignleft { float: left; } /* End Images */ .mybtn, .mybtnex { font-family: 'titillium_websemibold';} .notextpadding p, .notextpadding h2, .notextpadding h3 { padding: 0px !important } @media screen { .printonly { display: none } } @media print { .screenonly, .staff { display: none } } .fundingPrograms , .fundingPrograms .postnav .dropdown > li { padding-top: 0px; margin: 0px } .fundingPrograms .postnav { text-align: left; } .fundingPrograms .postnav .dropdown > li:first-child .dropdown-menu { right: inherit } .Wholerow { width: 100% !important; } .Wholerow .sub-menu { width: 33% !important; } .espresso-table-header-row th:first-child { border-left: 0px } .espresso-table-header-row th:last-child { border-right: 0px } #ee_filter_cat { border: 0px; min-width: 100px; } #ee_filter_cat:hover { border-bottom: solid 3px green; } .single-espresso_events .date, .powered-by-event-espresso-credit { display: none } #social_comments_nav { display: none} /*2.2.2021*/ .fade.in{ display: block;} .close { color: #8899b7; position: absolute; top: 0px; right: 0px; padding: 4px 20px !important; font-size: 44px !important; opacity: 1 !important; text-shadow: none;z-index: 11; } .signmpodalpop .modal-content{ background:#e0e8ed; border-radius: 0px !important;} .signmpodalpop .modal-dialog{ width: auto !important; max-width: 1000px; text-align: center;} .signmpodalpop .modal-body{ padding: 30px !important;} .signmpodalpop h4{ color: #032366; font-size: 34px; line-height: 40px; font-family: 'titillium_webbold';} .signmpodalpop h5{ color: #032366; font-size: 24px; line-height: 40px; text-transform: inherit !important; font-family: 'titillium_websemibold';} .inputpop input[type="text"], .inputpop input[type="email"], .inputpop select{ width: 100%; height: 55px; border: 1px solid #333D47; color: #333D47; font-size: 14px; padding: 0 10px; font-family: 'titillium_websemibold';} .inputpop{ width: 100%; margin-top: 20px; display: inline-block;} .inputpop input[type="submit"], .inputpop input[type="button"], #modalclose{ width: 200px; height: 60px; font-family: 'titillium_webbold'; font-size: 24px; color: #fff; text-transform: uppercase; border-radius:7px; border: none; background: #3FAE29; } .inputpop input[type="submit"]:hover, .inputpop input[type="button"]:hover, #modalclose:hover{background: #0070CD;} .signform .row{ margin: 0px;} .signform .col-sm-3, .signform .col-sm-12{ padding: 0px;} .inputpop select{ -webkit-appearance: none; background: url(../images/ar.png) no-repeat right 10px center #fff; background-size: 11px;} .signform .col-sm-12{ text-align: center;} .inputpop input[type="text"]::placeholder, .inputpop input[type="email"]::placeholder{ opacity: 1 !important;} /*.signmpodalpop .modal-dialog { margin: 10% auto; }*/ .modal-backdrop{ background: none !important;} /*.modal-open{ overflow: inherit;} .signmpodalpop{ position: absolute; bottom: inherit;} .modal-backdrop{ background: none;}*/ .signmpodalpop.modal{ top: inherit; bottom: 48px;} .signform .col-sm-3:nth-child(1) .inputpop input[type="text"], .signform .col-sm-3:nth-child(2) .inputpop input[type="email"], .signform .col-sm-3:nth-child(3) .inputpop select{ border-right: none !important;} .signform .col-sm-3:nth-child(1) .inputpop input[type="text"]{ border-radius: 10px 0 0 10px;} .signform .col-sm-3:nth-child(4) .inputpop select{ border-radius: 0 10px 10px 0;} #thankyou_msg h5{ font-size: 20px; line-height: 33px; margin-top: 20px; font-family: 'titillium_webregular';} .signmpodalpop{ display: block !important; visibility: hidden;} .signmpodalpop.in{ opacity: 1; visibility: visible;} .modal{ -webkit-transition: -webkit-transform 0.35s; transition: transform 0.35s; -webkit-transform: translate3d(0,100%,0); transform: translate3d(0,100%,0);} .modal.in{ -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0);} @media (min-width: 992px) and (max-width: 1199px) { .signmpodalpop .modal-dialog{ max-width: 95%;} .signmpodalpop .modal-dialog { margin: 30px auto; } .signmpodalpop h4{font-size: 28px; line-height: 31px;} .signmpodalpop h5{font-size: 18px; line-height: 26px;} .signmpodalpop h6{font-size: 14px; line-height: 18px;} .inputpop input[type="submit"] { width: 175px; height: 49px; font-size: 19px;} } @media (min-width: 768px) and (max-width:991px) { .signmpodalpop .modal-dialog{ max-width: 95%;} .signmpodalpop .modal-dialog { margin: 30px auto; } .signmpodalpop h4{font-size: 28px; line-height: 31px;} .signmpodalpop h5{font-size: 18px; line-height: 26px;} .signmpodalpop h6{font-size: 14px; line-height: 18px;} .inputpop input[type="submit"] { width: 175px; height: 49px; font-size: 19px;} .modal{ overflow: auto !important;} } @media only screen and (max-width: 767px) { .signmpodalpop .modal-dialog{ max-width: 95%;} .inputpop{ margin-top: 10px;} .signform .col-sm-3:nth-child(1) .inputpop input[type="text"], .signform .col-sm-3:nth-child(2) .inputpop input[type="email"], .signform .col-sm-3:nth-child(3) .inputpop select{ border-right: 1px solid #333D47 !important;} .signform .col-sm-3:nth-child(1) .inputpop input[type="text"]{ border-radius: 0px;} .signform .col-sm-3:nth-child(4) .inputpop select{ border-radius: 0;} .signmpodalpop h4{font-size: 28px; line-height: 31px;} .signmpodalpop h5{font-size: 18px; line-height: 26px;} .signmpodalpop h6{font-size: 14px; line-height: 18px;} .inputpop input[type="submit"] { width: 175px; height: 49px; font-size: 19px;} .inputpop input[type="text"], .inputpop input[type="email"], .inputpop select{ height: 46px;} .signmpodalpop .modal-dialog { margin: 20px auto; } .modal{ overflow: auto !important;} .inputpop input[type="text"], .inputpop input[type="email"], .inputpop select{ border-radius: 7px !important;} .signmpodalpop.modal { top: 10px; bottom: inherit; } .signmpodalpop{ position: absolute;} }