body{margin:0px; padding:0px; text-rendering: optimizeLegibility; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-smooth: always; font-smoothing:antialiased; font-size:14px; font-weight:normal; font-family:'titillium-regular';} html {-webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; font-weight:normal;} @import url('http://fonts.googleapis.com/css?family=Titillium+Web:200'); @font-face { font-family: 'titillium-bold'; src: url('../fonts/titillium-bold-webfont.eot'); src: url('../fonts/titillium-bold-webfont.eot#iefix') format('embedded-opentype'), url('http://www.globallightingchallenge.org/GLC/Assets/fonts/titillium-bold-webfont.woff2') format('woff2'), url('http://www.globallightingchallenge.org/GLC/Assets/fonts/titillium-bold-webfont.woff') format('woff'), url('../fonts/titillium-bold-webfont.ttf') format('truetype'), url('../fonts/titillium-bold-webfont.svg') format('svg'); font-weight: normal; font-style: normal; vertical-align: baseline; font-size: 100%; border: 0 none; outline: 0; padding: 0; margin: 0; font-weight:normal; } @font-face { font-family: 'titillium-light'; src: url('../fonts/titillium-light-webfont.eot'); src: url('../fonts/titillium-light-webfont.eot#iefix') format('embedded-opentype'), url('http://www.globallightingchallenge.org/GLC/Assets/fonts/titillium-light-webfont.woff2') format('woff2'), url('http://www.globallightingchallenge.org/GLC/Assets/fonts/titillium-light-webfont.woff') format('woff'), url('../fonts/titillium-light-webfont.ttf') format('truetype'), url('../fonts/titillium-light-webfont.svg') format('svg'); font-weight: normal; font-style: normal; vertical-align: baseline; font-size: 100%; border: 0 none; outline: 0; padding: 0; margin: 0; font-weight:normal; } @font-face { font-family: 'titillium-regular'; src: url('../fonts/titillium-regular-webfont.eot'); src: url('../fonts/titillium-regular-webfont.eot#iefix') format('embedded-opentype'), url('http://www.globallightingchallenge.org/GLC/Assets/fonts/titillium-regular-webfont.woff2') format('woff2'), url('http://www.globallightingchallenge.org/GLC/Assets/fonts/titillium-regular-webfont.woff') format('woff'), url('../fonts/titillium-regular-webfont.ttf') format('truetype'), url('../fonts/titillium-regular-webfont.svg') format('svg'); font-weight: normal; font-style: normal; vertical-align: baseline; font-size: 100%; border: 0 none; outline: 0; padding: 0; margin: 0; font-weight:normal; } @font-face { font-family: 'titillium-semibold'; src: url('../fonts/titillium-semibold-webfont.eot'); src: url('../fonts/titillium-semibold-webfont.eot#iefix') format('embedded-opentype'), url('http://www.globallightingchallenge.org/GLC/Assets/fonts/titillium-semibold-webfont.woff2') format('woff2'), url('http://www.globallightingchallenge.org/GLC/Assets/fonts/titillium-semibold-webfont.woff') format('woff'), url('../fonts/titillium-semibold-webfont.ttf') format('truetype'), url('../fonts/titillium-semibold-webfont.svg') format('svg'); font-weight: normal; font-style: normal; vertical-align: baseline; font-size: 100%; border: 0 none; outline: 0; padding: 0; margin: 0; font-weight:normal; } @font-face { font-family: 'titillium-thin'; src: url('../fonts/titillium-thin-webfont.eot'); src: url('../fonts/titillium-thin-webfont.eot#iefix') format('embedded-opentype'), url('http://www.globallightingchallenge.org/GLC/Assets/fonts/titillium-thin-webfont.woff2') format('woff2'), url('http://www.globallightingchallenge.org/GLC/Assets/fonts/titillium-thin-webfont.woff') format('woff'), url('../fonts/titillium-thin-webfont.ttf') format('truetype'), url('../fonts/titillium-thin-webfont.svg') format('svg'); font-weight: normal; font-style: normal; vertical-align: baseline; font-size: 100%; border: 0 none; outline: 0; padding: 0; margin: 0; font-weight:normal; } .clearfix:after{content: " "; display:block;} h1, h2, h3, h4, h5, h6, p, a {font-weight:normal;} .top-margin100{margin-top:100px;} .top-margin80{margin-top:80px;} .top-margin70{margin-top:70px;} .top-margin50{margin-top:50px;} .top-margin30{margin-top:30px;} .top-margin20{margin-top:20px;} .top-margin10{margin-top:10px;} .no-pad{padding:0px;} /* commom CSS */ a{text-decoration:none;} .full-width{width:100%; min-height: 1px; position: relative;} .full-width:before, .full-width:after{content: " "; clear:both; display: table;} .glc-container{max-width:940px; width:100%; margin-left: auto; margin-right: auto; padding-left: 15px; padding-right: 15px;} .glc-container:before, .glc-container:after{content: " "; clear:both; display: table;} .no-pad{padding:0px;} .no-right-pad{padding-right:0px;} .no-left-pad{padding-left:0px;} .pad-right20{padding-right:20px;} .padding-right20{margin-right:20px;} .top-gap80{margin-top:80px;} /* Logo */ .left-border{border-left:1px solid #fff; margin-top:40px; font-family:'titillium-regular'; font-size:22px; line-height:21px; padding-left:23px; color:#fff;} .main-top{min-height:167px; color:#fff;} .logo-position{padding-right:23px; padding-left:0px;} .logo-section{margin-top:15px; padding-left:0px;} .left-border p:last-child{margin-bottom:5px;} /* BANNER SECTION*/ header{border:none;} header.banner{overflow:hidden; min-height:695px; height:100%; color:#fff; padding-bottom:120px;} .banner h1{font-family:titillium-thin; font-size:135px; margin-bottom:15px; margin-top: 110px; letter-spacing: -5px; margin-left:-34px;} .banner-p{font-family:titillium-regular; font-size:40px;} /* .banner-p:after{content:""; display:inline-block; background-image:url(../images/banner-arrow.png); background-repeat:no-repeat; width:18px; height:15px; margin-left:15px; } */ /* Top Search */ .nav-search{margin-top:23px;} .glc-search{text-align:right; position:relative; margin-top:55px;} .glc-search > input.topsearch{max-width:298px; width:100%; height:42px; border:1px solid #908d88; background-color:rgba(50,45,35,0.3); border-radius:18px; -moz-border-radius:18px; -webkit-border-radius:18px; -ms-border-radius:18px; -o-border-radius:18px; padding:0px 45px 0px 15px; } a.search-icon{position:absolute; background-image:url(../images/search-icon.png); background-repeat:no-repeat; width:24px; height:24px; top:9px; right:11px;} /* top Social Icon */ .social{position:relative; margin-bottom:17px;} .social:after{content:""; display:block; clear:both; height:0px; margin:0px; padding:0px;} .social > ul{margin:0px; padding:0px; display:block; float:right; position:relative;} .social > ul > li{list-style-type:none; display:inline; float:left; margin-left:20px;} .social > ul > li > a{display:block; width:40px; height:40px; } .social > ul > li.menu > a{background-image:url(../images/mob-menu.png); background-repeat:no-repeat; margin-top:7px; cursor:pointer; display:block; position:absolute; z-index:5001; right:10px;} .social > ul > li.menu > a:hover{background-image:url(../images/mob-menu-hover.png);} .social > ul > li.tw {background-image:url(../images/social-icons.png); background-repeat:no-repeat; background-position:0px 0px; width:40px; height:40px;} .social > ul > li.tw:hover{background-position:0px -50px;} .social > ul > li.fb {background-image:url(../images/social-icons.png); background-repeat:no-repeat; background-position:-45px 0px; width:40px; height:40px; margin-right:56px;} .social > ul > li.fb:hover{background-position:-45px -50px;} /* Rollhover */ .social > ul{position:absolute; top:0px; right:0px; display:block; z-index:555;} #dd-nav{display:none; position:absolute; right:0px; top:-23px; background-color: rgba(255, 255, 255, 0.9); width:314px; border-bottom:9px solid #0e4a7b; padding:25px; z-index:5000;} .social ul li.menu:hover #dd-nav{display:block;} .social ul li.menu div#dd-nav > ul{margin:40px 0px 0px; padding:0px; font-family: 'titillium-light'; font-size:21px;} .social ul li.menu div#dd-nav > ul li{list-style-type:none; display:block; margin-top:20px;} .social ul li.menu div#dd-nav > ul li a{color:#0e4a7b; text-decoration:none;} .social ul li.menu div#dd-nav > ul li a:hover{color:#959595; text-decoration:none;} .social ul li.menu div#dd-nav > ul li ul{display:block; margin-left:15px;} /* Banner Right text */ .head-text{margin-top:55px;} .head-text h3{font-family:'titillium-light'; font-size:45px;} .head-text h3 a{font-family:'titillium-light'; font-size:45px; color:#fff;} .head-text h3 a:hover{text-decoration:none;} .head-text h4{font-family:'titillium-regular'; font-size: 18px;} /* BLUE IMPACT SECTION */ .blue-impact{background-color:#0e4a7b; padding:75px 0px; color:#fff;} .blue-impact h2{font-family:'titillium-light'; font-size:30px; line-height: 40px; margin-top:0px;} .blue-impact h6{color:#00bff3; font-family:'titillium-light'; font-size:20px; margin-top:65px; font-weight:normal;} .who h3, .what h3, .why h3 {font-family: 'titillium-bold'; font-size:25px; font-weight:500; text-transform:uppercase;} .who p, .what p, .why p{font-family: 'titillium-light'; font-size:25px; font-weight:normal; line-height:30px;} .icon-left{display:block; padding-right:20px; text-align:right;} .icon-right{display:block; padding-left:30px; text-align:left; text-transform: none;} .icon-left:after, .icon-left:before, .icon-right:after, .icon-right:before{content:" "; display:block; clear:both;} .icon-left h1, .icon-right h1{font-family: 'titillium-thin'; font-size:125px; margin:0px; padding:0px; line-height: 75px; display:inline-block; display:-moz-inline-stack; zoom:1; *display:inline;} .gap-left{padding-left:50px; text-align:left;} .gap-right{padding-right:50px; text-align:left;} .who{margin-top:110px; } .who-left{border-right:1px solid #8dc63f; color:#00bff3; text-transform:uppercase; } .who-left p{font-family: 'titillium-thin'; font-size:20px; margin:0px; padding:20px 0 0; text-align:center; line-height:22px;} .who-icon{display:block; float:left; margin-left:68px;} .who-left > .icon-left h1{display:block; float:right; letter-spacing:-10px;} .who-icon img{margin-top: 20px;} .what, .why{margin-top:75px;} .what-right{border-left:1px solid #8dc63f; color:#00bff3; text-transform:uppercase; } .what-right p:first-of-type{padding:0 0 10px; text-transform:none;} .what-right p{font-family: 'titillium-thin'; font-size:20px; margin:15px 0px 0px; text-align:center;} .what-icon{display:block; float:left;} .what-icon img{margin-left:21px;} .what-right > .icon-right h1{display:block; float:left; margin-left:-13px; letter-spacing:-3px;} .why-left{color:#00bff3; color:#00bff3; text-transform:uppercase; padding-top: 15px;} .why-right{border-left:1px solid #8dc63f; padding-left:30px; text-align:left;} .why-right > h3{margin-top:0px;} .why-left p{font-family: 'titillium-thin'; font-size:20px; margin:0px; padding:20px 0 0; text-align:center;} .why-icon{display:block; float:left;} .why .why-left h1{display:block; float:left; letter-spacing:-10px;} .why-icon img{display:block; margin-right:15px; margin-top:25px;} .mar-top85{margin-top:85px;} .more{text-align:center; margin-top:90px;} .inner-more{text-align:center; margin-top:25px; color:#0e4a7b; position:relative; font-family: 'titillium-bold'; font-size:20px;} .more-white{color:#fff; position:relative; font-family: 'titillium-bold'; font-size:20px;} .more-white a{color:#fff; text-decoration:none;} .more-white a:hover{color:#959595; text-decoration:none;} .more-white:before{content:""; display:inline-block; background-image:url(../images/more-green.png); background-repeat:no-repeat; width:38px; height:6px; position:absolute; bottom:40px; left: 3px;} .more-blue{color:#0e4a7b; position:relative; font-family: 'titillium-bold'; font-size:20px;} .more-blue a{color:#0e4a7b; text-decoration:none; font-family: 'titillium-bold' !important; font-size:20px !important;} .more-blue a:hover{color:#959595; text-decoration:none;} .more-blue:before{content:""; display:inline-block; background-image:url(../images/more-green.png); background-repeat:no-repeat; width:38px; height:6px; position:absolute; bottom:40px; left: 3px;} /* WHO'S IN SECTION */ .whos-in{background-color:#fff; padding:75px 0px; text-align: center; } .whos-in h2{color:#58585b; border-bottom: 1px solid #8dc63f; display: inline-block; font-family: "titillium-regular"; font-size: 34px; margin-bottom: 5px; padding-bottom: 17px; text-align: center;} .logo-arrow a{display:block; position:absolute; top:40px; right:20px; width:43px; height:18px;} .whosin-logosec{margin-top:20px;} .whosin-logosec a{text-decoration:none;} .whosin-logo{width:220px; height:220px; display:block; position:relative; overflow:hidden;} .whosin-logosec .show-logo{display:none;} /*.whosin-logo:hover .show-logo{display: table-cell; vertical-align : middle; background-color:#8dc63f; width:220px; height:220px; border-radius:50%; color:#fff; text-align:center; text-decoration:none; font-size:22px; font-family: "titillium-light"; padding:30px; line-height:28px;}*/ /* .show-logo span{ display:block; top: 50%; left:50%; transform: translate(-50%,-50%);position:absolute; }*/ /* Rotating Slider css */ .bx-controls{display:none;} #slider-next {background-image:url(../images/slider-next.png); background-repeat:no-repeat; width:15px; height:18px; display:inline-block;} #slider-prev {background-image:url(../images/slider-prev.png); background-repeat:no-repeat; width:15px; height:18px; display:inline-block; margin-right: 21px;} .arrows{position:absolute; top:40px; right:0px;} #slider-prev a, #slider-next a{opacity:0; filter:alpha(opacity=0); -webkit-opacity:0; -khtml-opacity: 0; -moz-opacity:0; color:#fff; text-decoration:none; display: block; height: 18px;} /* THE LATEST SECTION */ .the-latest{background-color:#0e4a7b; padding:75px 0px; color:#fff; text-align:center;} .the-latest h2{font-family: 'titillium-regular'; font-size:34px; border-bottom:1px solid #fff; display:inline-block; text-align:center; padding-bottom:17px; margin-bottom:50px;} .white-bg{background-color:#dbe4eb; height:405px; min-height:100%; width:100%; border:1px solid #c2c2c2; word-wrap: break-word; padding:0px 10px; white-space:no-wrap;} .green-bg{background-color:#8dc63f; height:200px; min-height:100%; width:100%; padding:25px; text-align:left;} .top-gap{margin-top:15px;} .green-bg .title{font-family: 'titillium-bold'; font-size:20px; text-transform:uppercase; color:#0e4a7b;} .green-bg p{font-family: 'titillium-light'; font-size:19px; line-height: 23px} .green-bg h5 > a{color:#7d7d7d; font-family: 'titillium-regular'; font-size:15px;} .green-bg h4 > a{color:#fff; font-family: 'titillium-bold'; font-size:18px;} .latest-img{height:190px; min-height:100%; width:100%;} .article-title{height:200px; width:100%; background-color:#fff;} .latest-tw-icon{display:block; margin:45px auto 40px; background-image:url(../images/tw-icon.png); background-repeat:no-repeat; width:38px; height:37px;} .white-bg p{font-family:'titillium-light'; font-size: 20px; color:#58585b; line-height:25px; padding:0px 15px; margin-bottom: 5px;} .white-bg a.green-link{color:#8dc63f; font-family: 'titillium-bold'; font-size:20px;} .white-bg a.blue-link{color:#0e4a7b; font-family: 'titillium-bold'; font-size:20px;} .white-bg a.blue-link:hover{color:#8dc63f; text-decoration:none;} .fullwhite-bg{height:200px; width:100%; background-color:#fff; font-family: 'titillium-bold'; font-size:20px; text-align:left; padding:35px; border: 1px solid #c2c2c2;} .fullwhite-bg .title{text-transform:uppercase; color:#0e4a7b; } .fullwhite-bg img{display:block; text-align:left; margin-right:30px; float:left;} .fullwhite-bg p{color:#58585b; font-family: 'titillium-light'; font-size:18px; line-height: 20px;} .fullwhite-bg a.green{font-family: 'titillium-regular'; color:#8dc63f;} .fullwhite-bg a.blue{font-family: 'titillium-regular'; color:#0e4a7b;} .blut-dots{display:block; background-image:url(../images/blue-dots.png); background-repeat:no-repeat; width:28px; height:28px; position:absolute; bottom:15px; right: 15px;} .white-dots{display:block; background-image:url(../images/white-dots.png); background-repeat:no-repeat; width:28px; height:28px; position:absolute; bottom:15px; right: 15px;} .green-dots{display:block; background-image:url(../images/green-dots.png); background-repeat:no-repeat; width:28px; height:28px; position:absolute; bottom:15px; right: 15px;} .the-latest-icon{display:block; position:absolute; bottom:40px; left:0px; right:0px; text-align:center;} .the-latest-icon ul{padding:0px; display:inline-block; margin:0px auto;} .the-latest-icon ul li{list-style-type:none; display:inline-block; text-align:center; width:17px; height:16px; margin-right:13px;} .the-latest-icon ul li a{display:inline-block; width:17px; height:16px;} .the-latest-icon ul li a.back{background-image:url(../images/tn-icons.gif); background-repeat:no-repeat; background-position:0px 0px;} .the-latest-icon ul li a.back:hover{background-position:0px -19px;} .the-latest-icon ul li a.star{background-image:url(../images/tn-icons.gif); background-repeat:no-repeat; background-position:-29px 0px;} .the-latest-icon ul li a.star:hover{background-position:-29px -19px;} .the-latest-icon ul li a.refresh{background-image:url(../images/tn-icons.gif); background-repeat:no-repeat; background-position:-59px 0px;} .the-latest-icon ul li a.refresh:hover{background-position:-59px -19px;} /* JOIN US NOW SECTION */ .join-now{padding:75px 0px; text-align:center;} .join-now h1{color:#0e4a7b; font-family: 'titillium-thin'; font-size:90px; margin:0px 0px 30px; } .join-now p{color:#58585b; font-family: 'titillium-light'; font-size:17px; margin:0px 0px 30px; line-height:25px;} .glc-subscribe{text-align:center;} .glc-subscribe input{width:410px; height:56px; padding: 20px; border:1px solid #cecdcd; border-top-left-radius:25px; border-bottom-left-radius:25px; display:inline-block;} .glc-subscribe a.submit{width:114px; height:56px; border:1px solid #cecdcd; border-top-right-radius:25px; border-bottom-right-radius:25px; display:inline-block; border-left:none; vertical-align: middle; text-align:center; line-height:50px; color:#0e4a7b; font-family: 'titillium-regular'; font-size:16px; margin-left: -4px; margin-top: -2px;} .glc-subscribe a.submit:hover{text-decoration:none;} /* FOOTER SECTION */ footer{background-image:url(../images/footer-bg.gif); background-repeat:repeat-x; min-height:309px; color:#fff; background-color:#464646; font-family: 'titillium-semibold'; font-size:15px;} .footer-url{text-align:center; font-family: 'titillium-semibold'; font-size:15px; margin-top:10px;} .footer-url ul{margin:0px; padding:0px; margin-bottom:37px;} .footer-url ul li {margin:0px; padding:0px; list-style-type:none; display:inline-block; text-align:left; margin-right:4px;} .footer-url ul li:last-child{margin-right:0px;} .footer-url ul li a{display:block; color:#fff;} .copy-rights{text-align:center;} .mob-topgap{margin-top:30px;} .footer{padding:35px 0px;} .footer-logos{text-align:center; height:135px;} .top-gap40{padding-top:40px;} /* ========================== Inner Page CSS ============================= */ p.common {color: #58585b ; font-family: "titillium-regular" !important; font-size: 17px !important; line-height: 23px;} .lcj{padding-top:37px;} /* Stickey green-share-icons CSS*/ .stickey-share-icons{position:fixed; left:0px; top:37%; width:60px; height:320px; background-color:rgba(141,198,63,0.8); z-index:2000; padding-top:4px;} .rotate-txt{transform: rotate(-90deg); -webkit-transform: rotate(-90deg); -moz-transform: rotate(-90deg); -ms-transform: rotate(-90deg); -o-transform: rotate(-90deg); filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3); position:absolute; bottom:26px; text-align:center; left:8px; text-transform:uppercase; font-family: 'titillium-bold'; font-size:12px; letter-spacing:1px;} .green-icon{text-align:center;} .green-icon ul{margin:0px; padding:0px;} .green-icon ul li{list-style-type:none; display:block; height:40px; width:40px; position:relative; background-image:url(../images/social-icons.png); background-repeat:no-repeat; margin:5px auto;} .green-icon ul li.share-tw{background-position:0px 0px;} .green-icon ul li.share-fb{background-position:-45px 0px;} .green-icon ul li.share-in{background-position:-90px 0px;} .green-icon ul li.share-tw:hover{background-position:0px -50px;} .green-icon ul li.share-fb:hover{background-position:-45px -50px;} .green-icon ul li.share-in:hover{background-position:-90px -50px;} .green-icon ul li a{display:block; height:40px; width:40px;} .stickey-count{position: relative; height: 20px; width:40px; padding: 0px; border: #fff solid 1px; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; margin:8px auto 5px; padding:3px; text-align:center; display:inline-block; font-family: 'titillium-regular'; font-size:10px; text-transform:uppercase; line-height:10px;} .stickey-count:after {content: ""; position: absolute; bottom: -7px; left: 34%; border-style: solid; border-width: 7px 7px 0; border-color: #FFFFFF transparent; display: block; width: 0; z-index: 1;} /* BreadCrumb */ .inr-breadcrumb{font-family: 'titillium-regular'; font-size:12px; text-transform: capitalize; margin-bottom:40px;} .inr-breadcrumb > ul{margin:0px; padding:0px;} .inr-breadcrumb > ul > li{list-style-type:none; display:inline-block; margin-right:10px; position:relative;} .inr-breadcrumb > ul > li:after{content:" >"; display:inline-block; margin-left:8px;} .inr-breadcrumb > ul > li:last-child:after{content:""; } .inr-breadcrumb > ul > li > a{color:#0e4a7b;} .inr-breadcrumb > ul > li > a.active{color:#959595; text-decoration:none; cursor:context-menu;} .inner-header{background-color:#0e4a7b; position:relative;} .glc-search > input.topsearch-inner {background-color: #215885; border: 1px solid #87a5bd; border-radius: 18px; height: 42px; max-width: 298px; padding: 0 45px 0 15px; width: 100%;} header.inner-banner{min-height:400px; height:100%; color:#fff; position:relative;} .inner-title{position:relative; min-height:233px;} .inner-title h1{font-family: 'titillium-semibold'; font-size:60px; margin-top:85px;} .inner-container{margin-top:18px; padding-bottom:50px;} .inner-border{border-right:1px solid #c2c2c2; margin-right:40px; padding-right:25px; } .inner-divider{height:1px; background-color:#c2c2c2; width:100%; display:block; margin-bottom:0px; margin-top:0px;} .right-main{margin-bottom:55px;} .right-main h3{font-family: 'titillium-light'; font-size:45px; color:#0e4a7b; margin-top:0px; position:relative; display:block;} .right-main h3 > a{color:#0e4a7b;} .right-main h3 > a:hover{text-decoration:none;} .right-main h3:after{content:""; display:inline-block; background-image:url(../images/learn-arrow.png); width:8px; height:13px; position:absolute; margin-left:10px; margin-top:24px;} .right-main p{font-family: 'titillium-bold'; font-size:18px; color:#0e4a7b; font-weight:normal; } .pik-caption{font-family: 'titillium-regular'; font-size:12px; color:#58585b; margin-top:13px; margin-bottom:0px;} .post-tn{display:block; height: auto; max-width: 100%; margin-right:20px; float:left;} p.tn-img:after{content:""; display:block; clear:both;} .post-contain h1{font-family: 'titillium-light'; font-size:39px; color:#58585b; margin-top:0px; margin-bottom:30px;} .post-contain h2{font-family: 'titillium-regular'; font-size:32px; color:#58585b; margin-top:0px; margin-bottom:18px; color:#58585b;} .post-contain h3{font-family: 'titillium-light'; font-size:25px; color:#58585b; margin-top:0px; margin-bottom:18px;} .post-contain h4{font-family: 'titillium-semibold'; font-size:18px; color:#58585b; margin-top:0px; margin-bottom:18px;} .post-contain h5{font-family: 'titillium-semibold'; font-size:17px; color:#58585b; margin-top:0px; margin-bottom:18px;} .post-contain p:first-of-type{font-family: 'titillium-regular'; font-size:22px; color:#58585b; margin-bottom:40px; line-height:30px; font-weight:normal; color:#58585b;} .post-contain p{font-family: 'titillium-regular'; font-size:17px; color:#58585b; line-height:23px; font-weight:normal; margin-bottom:40px;} .post-contain p a{font-family: 'titillium-semibold'; font-size:17px; color:#0e4a7b; text-decoration:none; } .post-contain p:last-of-type{margin-bottom:75px;} .post-author{margin:45px 0px;} .post-author:after{content:""; display:block; clear:both;} span.author-img{width: 77px; height: 77px; border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; float:left; margin-right:15px;} .author-info{float:left; width:80%;} .author-info p{font-family: 'titillium-regular'; font-size:17px; color:#58585b;} .author-info p a{font-family: 'titillium-semibold'; font-size:17px; color:#0e4a7b; text-decoration:none;} .author-info p a:hover, .post-contain p a:hover{color:#58585b; text-decoration:none;} .post-share {font-family: 'titillium-semibold'; font-size:17px; color:#58585b; padding-top: 30px;} .post-share:after{content:""; display:block; clear:both;} .post-share span{display:block; float:left;} span.share-post{display:block; float:left; margin-left:20px; margin-top:-14px;} span.share-post ul{margin:0px; padding:0px;} span.share-post ul li{list-style-type:none; display:inline-block; background:url(../images/post-share-icons.png); background-repeat:no-repeat;} span.share-post ul li.post-tw{background-position:0px 0px;} span.share-post ul li.post-fb{background-position:-45px 0px;} span.share-post ul li a{display:block; width:40px; height:40px;} .blue-35{color:#00bff3; padding:28px 0px 43px;} .blue-35 > h2{font-family: 'titillium-thin'; font-size:80px; padding:0px; margin:0px;} .blue-35 > p{font-family: 'titillium-thin'; font-size:22px; text-transform:lowercase; line-height: 30px; padding:0px; margin:0px;} .tw-post{width:100%; text-align:center; padding:45px 0px;} .tw-post p{font-family:'titillium-light'; font-size: 20px; color:#58585b; line-height:25px; padding:0px; margin-bottom: 5px;} .tw-post a.green-link{color:#8dc63f; font-family: 'titillium-bold'; font-size:20px;} .tw-post a.blue-link{color:#0e4a7b; font-family: 'titillium-bold'; font-size:20px;} .tw-post a.blue-link:hover{color:#8dc63f; text-decoration:none;} .tw-post > a.latest-tw-icon{margin-top:0px; margin-bottom:30px;} .post-list:after{content:""; display:block; clear:both;} .post-list-noimg:after{content:""; display:block; clear:both;} .post-list > span.post-list-img{display:block; float:left; margin-right:20px; width:140px; height:140px; border-radius:50%; -moz-border-radius:50%; -webkit-border-radius:50%; -mz-border-radius:50%; -o-border-radius:50%;} .post-list-content{float:left; border-bottom:1px solid #cccccc; margin-bottom:45px; padding-bottom:35px; width:72%;} .post-list-content h1{font-family:'titillium-light'; font-size: 39px; color:#0e4a7b; line-height:45px; margin-top:0px;} .post-list-content h1 a.blue {font-family:'titillium-light'; font-size: 39px; color:#0e4a7b; line-height:45px; margin-top:0px; text-transform:none;} .post-list-content p{font-family: 'titillium-light'; font-size:22px; color:#58585b; line-height:30px; margin-bottom:0px;} .post-list-content a.blue{font-family: 'titillium-semibold'; font-size:15px; color:#0e4a7b; text-transform:uppercase; text-decoration:none;} .post-list-content a.blue:hover{color:#b7b7b7; text-decoration:none;} .post-list-noimg .post-list-content {float:left; border-bottom:1px solid #cccccc; margin-bottom:45px; padding-bottom:35px; width:100%;} .post-list-noimg h1{font-family:'titillium-light'; font-size: 39px; color:#0e4a7b; line-height:45px; margin-top:0px;} .post-list-noimg h1 a.blue{font-family:'titillium-light'; font-size: 39px; color:#0e4a7b; line-height:45px; margin-top:0px; text-transform:none;} .post-list-noimg p{font-family: 'titillium-light'; font-size:22px; color:#58585b; line-height:30px; margin-bottom:0px;} .post-list-noimg a.blue{font-family: 'titillium-semibold'; font-size:15px; color:#0e4a7b; text-transform:uppercase; text-decoration:none;} .post-list-noimg a.blue:hover{color:#b7b7b7; text-decoration:none;} p.pfirst{font-family: 'titillium-light'; font-size:22px; color:#58585b; font-weight:normal; line-height:28px;} .inner-border h1{font-family:'titillium-light'; font-size: 39px; color:#58585b;} .inner-border h2{font-family: 'titillium-regular'; font-size:30px; color:#58585b;} .inner-border h3{font-family:'titillium-light'; font-size: 25px; color:#58585b;} .inner-border h4{font-family: 'titillium-semibold'; font-size:18px; } .inner-border h5{font-family: 'titillium-semibold'; font-size:17px; } .inner-border p{font-family: 'titillium-regular'; font-size:17px; color:#58585b; line-height:23px;} .inner-border p a{font-family: 'titillium-regular'; font-size:17px; color:#0e4a7b;} .participants h1{font-family:'titillium-light'; font-size: 39px; color:#58585b; margin-top:0px;} .participants h2{font-family: 'titillium-regular'; font-size:30px; color:#58585b;} .participants h3{font-family:'titillium-light'; font-size: 25px; color:#58585b;} .participants h4{font-family: 'titillium-semibold'; font-size:18px; } .participants h5{font-family: 'titillium-semibold'; font-size:17px; } .participants p{font-family: 'titillium-regular'; font-size:17px; color:#58585b; line-height:23px;} .participants p a{font-family: 'titillium-regular'; font-size:17px; color:#0e4a7b;} .greybox{height:200px; width:220px; background-color:#58585b; display:inline-block; text-align:center;} .supporter{margin-top:50px;} .supporter:after{content:""; display:block; clear:both;} .supporter h1{font-family:'titillium-light'; font-size: 39px; color:#58585b; margin-top:0px;} .supporter p{font-family: 'titillium-regular'; font-size:17px; color:#58585b; line-height:23px;} .endorsers{margin-top:50px;} .endorsers:after{content:""; display:block; clear:both;} .endorsers h1{font-family:'titillium-light'; font-size: 37px; color:#58585b; margin-top:-30px;} .endorsers p{font-family: 'titillium-regular'; font-size:17px; color:#58585b; line-height:23px;} .endorsers div > a > img{display:inline-block; margin-top:-23px;} .supporter div > a > img{margin-top:-60px;} .whosindetail{margin-bottom: -40px;} /*.partners{margin-top:50px;}*/ .partners:after{content:""; display:block; clear:both;} .partners h1{font-family:'titillium-light'; font-size: 39px; color:#58585b; margin-top:0px;} .partners p{font-family: 'titillium-regular'; font-size:17px; color:#58585b; line-height:23px; margin-bottom:60px;} .inner-border > ul {font-family: 'titillium-regular'; font-size: 17px; color: #58585b; line-height: 23px;} .post-contain1 > ul {font-family: 'titillium-regular'; font-size: 17px; color: #58585b; line-height: 23px; padding-left:30px;} .inner-general > ul {font-family: 'titillium-regular'; font-size: 17px; color: #58585b; line-height: 23px; padding-left:30px;} .inner-border > .join-now{padding-top:0px;} .join-now.Join .glc-container .scfForm{text-align:left !important; margin: 0 -15px;} .join-now.Join .glc-container .scfForm .scfEmailGeneralPanel{text-align:left;} .join-now.Join .glc-container .scfForm .scfCheckBoxListGeneralPanel{display: inline-block; float:none; width: 100%; padding:0px;} .join-now.Join .glc-container .scfForm .scfCheckBoxListGeneralPanel .scfCheckbox{margin-left: 0 !important;} .join-now.Progress .glc-container .scfForm{text-align:left !important; margin: 0 -15px;} .join-now.Progress .glc-container .scfForm .scfEmailGeneralPanel{text-align:left;} .join-now.Progress .glc-container .scfForm .scfCheckBoxListGeneralPanel{display: inline-block; float:none; width: 100%; padding:0px;} .join-now.Progress .glc-container .scfForm .scfCheckBoxListGeneralPanel .scfCheckbox{margin-left: 0 !important;} /* latest Boxes Style */ .the-latestboxes{position:relative; max-width:100%;} .the-latest-wrapper{margin-right:-15px; position:relative; display:block; width:100%; text-align:left;} .box-11{position:relative; margin-right:10px; width:50%; float:left; display:block; background-color:#fff;} /*Form*/ .scfSectionContent{float:none!important; margin:0px auto !important;} .newsletter{margin-left:23%; width:auto;} .scfForm{position:relative; text-align:center !important;} .scfEmailLabel, .scfRequired{display:none !important;} .scfEmailTextBox{max-width:400px; width:100%; height:57px; border-top-left-radius:25px; border-bottom-left-radius:25px; border:1px solid #cecdcd; padding:0px 25px;} .scfSubmitButton{width:125px; height:57px; border-top-right-radius:25px; border-bottom-right-radius:25px; border:1px solid #cecdcd; border-left:0px; background-color:#fff; font-family:'titillium-regular'; font-size:15px; color:#1a629e; } .scfCheckBoxListGeneralPanel{margin-top:32px;} .scfEmailGeneralPanel{width:100% !important; text-align:center; padding:0px !important;} label{font-weight:normal !important;} .scfCheckbox{font-family:'titillium-regular'; font-size:14px; color:#58585b; margin-top:32px; /* margin-left:42% !important;*/ } .scfCheckbox > input[type="checkbox"]{width:21px; height:21px; border:1px solid #cecdcd; display:inline-block; margin-top:0px;} span.scfCheckbox > label {margin-left:10px; display:inline-block !important; padding-top:4px; -webkit-appearance:none; white-space: pre;} .scfForm:after{content:''; display:block; height:0px; margin:0px; padding:0px; clear:both;} .scfValidatorRequired{display:none;} .scfValidationSummary ul{margin:0px; padding:0px;} .scfValidationSummary ul li{display:block; text-align:center;} input[type="reset"], input[type="submit"]{padding:0px !important; -webkit-appearance: none; white-space:normal; vertical-align: top;} textarea, input {outline: none; /* -webkit-appearance: none; */ white-space:normal; align-items:baseline; vertical-align: top;} /* Responsive CSS @media-Query */ @media screen and (max-width: 1200px) { } @media screen and (max-width: 991px) { .glc-container > .row{padding:0px 15px;} .banner h1{font-size: 133px;} .banner-p {font-size: 35px;} .greybox{margin-bottom: 20px;} .top-mobgap{margin-top:35px;} .partners p{margin-bottom:0px;} } @media screen and (max-width: 980px) { .glc-container > .row{padding:0px 15px;} .banner h1{font-size: 133px;} .banner-p {font-size: 35px;} .share-pad{padding:0px 50px;} /* Inner page CSS */ .post-list > span.post-list-img{height: 100px; width: 100px;} } @media screen and (max-width: 800px) { .left-border{font-size: 22px;} .banner h1{font-size:115px; margin-top: 90px;} .banner-p{font-size: 28px;} .head-text h3 {font-size: 38px;} .head-text {margin-top: 35px;} .blue-impact h2{font-size: 25px; line-height: 35px;} .who {margin-top: 90px;} .icon-left h1, .icon-right h1{font-size: 90px;} .who-icon{margin-left: 55px;} .who-icon img {margin-top: 12px;} .who h3, .what h3, .why h3{font-size: 22px;} .who p, .what p, .why p{font-size: 22px;} .what-right p{margin: 5px 0 0;} .whosin-logo{height: 180px; width: 180px; font-size:18px; padding:25px;} .whos-in h2, .the-latest h2{font-size:30px;} .latest-tw-icon{margin: 35px auto 30px;} .white-bg p, .white-bg a.blue-link{font-size: 18px;} .green-bg .title{font-size: 18px;} .green-bg p {font-size: 17px; line-height: 20px;} .fullwhite-bg img{margin-right: 15px;} .fullwhite-bg p{font-size: 17px; line-height: 20px;} .fullwhite-bg{padding: 35px 25px;} .join-now h1{font-size: 70px;} .join-now p{font-size: 17px; line-height: 24px;} /* Inner Page CSS */ .inner-title h1{text-align: center;} .inner-border{ margin-right: 0px;} .res-no-pad{padding:0px 5px;} .right-main h3{font-size: 38px; color:#0e4a7b;} .right-main {margin-bottom: 30px;} .blue-35 > h2{font-size: 65px;} .tw-post p{font-size: 17px;} .tw-post a.blue-link{font-size: 18px;} .post-contain h1{font-size: 34px;} .post-contain h2{font-size: 27px} .post-contain h3{font-size: 22px;} .post-list h1{font-size: 34px; line-height: 40px;} .post-list p{font-size: 20px; line-height: 28px;} .post-list a.blue{font-size: 14px;} .post-list-noimg h1{font-size: 34px; line-height: 40px;} .post-list-noimg p{font-size: 20px; line-height: 28px;} .post-list-noimg h1 > a.blue{font-size: 34px; line-height: 40px;} .right-main h3::after { background-image: url("../images/learn-arrow.png"); content: ""; display: inline-block; height: 13px; margin-left: 10px; margin-top: 20px; position: absolute; width: 8px; } } @media screen and (max-width: 767px) { .logo-position{padding-left: 15px;} .logo-position img{margin: 0 auto;} .left-border{text-align: center; border:0px none; line-height: 20px; margin-top: 25px; padding-left: 0;} .social > ul > li.menu > a{cursor:pointer !important;} .left-border{border-bottom: 1px solid #fff; border-left: medium none; padding-bottom: 15px;} .banner h1 {display: block; font-size: 85px; margin: 15px auto 0; text-align: center;} .banner-p {font-size: 28px; margin-top: 15px; text-align: center;} header.banner{padding-bottom: 50px;} .head-text {margin-top: 0; text-align: center;} .blue-impact h2, .blue-impact h6{text-align: center;} .icon-right{text-align: center;} .what-right > .icon-right h1 {display: inline-block; float: none; margin-left: 0;} .what-icon {display: inline-block; float: none;} .what-icon img {margin-left: 10px; margin-top: -45px;} .what-right{border-bottom: 1px solid #8dc63f; border-left:none; padding-bottom:15px;} .what, .why {margin-top: 85px;} .who-icon {display: inline-block; float: none; margin-left: 68px; margin-left: 0;} .icon-left{text-align: center; padding-right:0;} .who-icon img {margin-top: -35px;} .who-left {border-bottom: 1px solid #8dc63f; border-right:none; padding-bottom: 15px;} .who-left > .icon-left h1 {display:inline-block; float: none;} .who h3, .what h3, .why h3 {font-size: 20px; text-align:center; margin-top:20px;} .who p, .what p, .why p{font-size: 18px; line-height: 25px; text-align:center;} .gap-left {padding-left: 25px;} .icon-left h1, .icon-right h1{font-size: 75px;} .gap-right{padding-right: 25px;} .blue-impact h2 {font-size: 23px; line-height: 32px;} /*.whosin-logo, .whosin-logo:hover .show-logo {font-size: 16px; height: 160px; width: 160px;}*/ .whosin-logo{display: inline-block;} .mob-topgap img{margin:0px auto;} .why-icon {display: inline-block; float: none;} .why .why-left h1 {display: inline-block; float: none;} .why-right {border: none;} .why-left{border-bottom: 1px solid #8dc63f; padding-bottom:15px;} .footer-url ul{text-align: center;} .copy-rights {text-align: center;} .white-bg{height: 335px; margin-bottom: 15px;} .blut-dots{bottom: 25px;} /*.pik-caption{margin-bottom: 50px;}*/ /* Inner Pages */ .inner-border{border:none;} .res-no-pad {padding: 0 40px 0 15px;} .lcj {border-top: 1px solid #c2c2c2; margin-top: 15px; padding-top: 24px;} .post-list-content{width: 100%;} .post-list > span.post-list-img{float: none; margin: 0 auto 20px;} } @media screen and (max-width: 640px) { .banner h1{margin-top: 25px;} .whos-in {padding: 40px 0;} .whos-in h2{margin-bottom: 5px; padding-bottom: 10px;} .whos-in h2, .the-latest h2 {font-size: 25px;} .latest-tw-icon {margin: 25px auto 20px;} .white-bg p, .white-bg a.blue-link {font-size: 15px;} .fullwhite-bg {padding: 35px 15px;} .fullwhite-bg img {margin-right: 15px; width: 35%;} .fullwhite-bg p {font-size: 15px; line-height: 16px;} /* Inner Pages CSS */ .stickey-share-icons{position: relative; height: 95px; width: 100%; margin-top:20px; z-index:100;} .rotate-txt{transform: none;} .green-icon ul{display: inline-block; margin: 0 5px;} .join-now .glc-container .scfEmailTextBox{max-width: 270px; } .scfCheckBoxListGeneralPanel{width: 85% !important; padding:0px;} .scfCheckbox{margin-left: 15% !important;} .join-now.Join .glc-container .scfForm .scfCheckBoxListGeneralPanel .scfCheckbox{display:inline-flex;} } @media screen and (max-width: 480px) { .glc-subscribe input{width: 190px; padding: 20px;} .banner h1{font-size: 65px;} .banner-p {font-size: 22px;} .head-text h3 {font-size: 30px;} .blue-impact h2 {font-size: 20px;} .blue-impact h6{font-size: 18px; margin-top: 50px;} .join-now h1 {font-size: 50px;} .glc-subscribe a.submit{font-size: 13px; width: 90px;} .join-now .glc-container .scfEmailTextBox{max-width: 200px; height:50px; } .join-now .glc-container .scfSubmitButton{width: 85px; height:50px; font-size: 14px; } /* Inner pages CSS */ .author-info{margin-top: 30px;} .post-list h1 {font-size: 30px; line-height: 38px;} .post-list-noimg h1 > a.blue {font-size: 30px; line-height: 38px;} span.scfCheckbox > label{white-space: normal;} .join-now.Home .glc-container .scfForm .scfCheckBoxListGeneralPanel .scfCheckbox{display:inline-flex; text-align: left; margin-top: 0;} .join-now.Home .glc-container .scfForm .scfCheckBoxListGeneralPanel{width:92% !important;} } @media screen and (max-width: 360px) { .banner h1 {font-size: 55px;} .banner-p {font-size: 16px;} .head-text h3 {font-size: 27px;} .head-text h4 {font-size: 16px;} .blue-impact h2 {font-size: 18px; line-height: 25px;} .who p, .what p, .why p {font-size: 15px; line-height: 20px;} /*.whosin-logo, .whosin-logo:hover .show-logo {font-size: 13px; height: 120px; line-height: 15px; width: 120px;}*/ .glc-subscribe a.submit {font-size: 13px; width: 75px; margin-top: -2px;} .social ul li.menu div#dd-nav > ul{font-size: 18px;} .post-tn{float:none; margin-bottom: 20px; margin-right: 0px;} /* Inner pages */ .inner-title h1{font-size: 45px; margin-top: 95px;} .share-pad{padding-left: 0px;} .inner-border{padding-right: 0;} .glc-container{padding-left: 15px; padding-right: 15px;} .res-no-pad {padding: 0 15px;} .post-contain h1 {font-size: 26px;} .post-contain h2 {font-size: 21px;} .post-contain h3 {font-size: 20px;} .post-contain p:first-of-type{font-size: 19px; line-height: 25px;} .post-contain p{font-size: 15px; line-height: 21px;} .post-contain p a{font-size: 15px;} .right-main h3 {font-size: 32px;} .right-main p{font-size: 16px;} .post-list h1, .post-list-noimg h1 {font-size: 23px; line-height: 30px;} .post-list p, .post-list-noimg p{font-size: 18px; line-height: 23px;} .post-list a.blue, .post-list-noimg a.blue {font-size: 12px;} .post-list-noimg h1 > a.blue{font-size: 23px; line-height: 30px;} .mob-full{width:100%; margin-bottom:30px;} .footer-logos{text-align:center; width:100%; margin-top:15px;} } @media screen and (max-width: 320px) { #dd-nav{width: 275px;} .social ul li.menu div#dd-nav > ul{font-size: 16px;} .scfCheckBoxListGeneralPanel{width: 100% !important; padding:0px;} .scfCheckbox{margin-left: 8% !important;} } /*Video*/ video { left:0; position:absolute; top:0; bottom:0; right:0; /*width: 100%;*/ /*height: 100%;*/ }