/* SGP Orange : #f5a81c; SGP Green : #82bc41; SGP BLUE : #005aac; */ @import 'font-awesome.min.css'; /*------------- Include Fonts --------*/ @font-face { font-family: 'arvobold'; src: url('../fonts/arvo-bold-webfont.eot'); src: url('../fonts/arvo-bold-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/arvo-bold-webfont.woff2') format('woff2'), url('../fonts/arvo-bold-webfont.woff') format('woff'), url('../fonts/arvo-bold-webfont.ttf') format('truetype'), url('../fonts/arvo-bold-webfont.svg#arvobold') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'latobold'; src: url('../fonts/lato-bold-webfont.eot'); src: url('../fonts/lato-bold-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/lato-bold-webfont.woff2') format('woff2'), url('../fonts/lato-bold-webfont.woff') format('woff'), url('../fonts/lato-bold-webfont.ttf') format('truetype'), url('../fonts/lato-bold-webfont.svg#latobold') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'latoregular'; src: url('../fonts/lato-regular-webfont.eot'); src: url('../fonts/lato-regular-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/lato-regular-webfont.woff2') format('woff2'), url('../fonts/lato-regular-webfont.woff') format('woff'), url('../fonts/lato-regular-webfont.ttf') format('truetype'), url('../fonts/lato-regular-webfont.svg#latoregular') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'arvoregular'; src: url('../fonts/arvo-regular-webfont.eot'); src: url('../fonts/arvo-regular-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/arvo-regular-webfont.woff2') format('woff2'), url('../fonts/arvo-regular-webfont.woff') format('woff'), url('../fonts/arvo-regular-webfont.ttf') format('truetype'), url('../fonts/arvo-regular-webfont.svg#arvoregular') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'latolight'; src: url('../fonts/lato-light-webfont.eot'); src: url('../fonts/lato-light-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/lato-light-webfont.woff2') format('woff2'), url('../fonts/lato-light-webfont.woff') format('woff'), url('../fonts/lato-light-webfont.ttf') format('truetype'), url('../fonts/lato-light-webfont.svg#latolight') format('svg'); font-weight: normal; font-style: normal; } /*------------- Include Fonts --------*/ html, body {width: 100%; overflow-x: hidden; margin: 0; padding: 0;} body{font-family: 'latoregular'; font-size:16px; color:#3c3633; overflow-x: hidden;} img{max-width:100%;} a, a:hover{text-decoration:none; color:#005aac; transition:0.5s;} a:hover{color:#30190e;} a:focus{text-decoration:none; outline:0px;} :focus {outline:0px;} a:hover{transition:0.5s;} b, strong, label{font-family: 'latobold'; font-weight: normal;} .container{max-width:1325px; width:100%;} .header{position: relative; padding:15px 0px; background:#fff; border-bottom:5px solid #82bc41;} .header .header-search{display: inline-block; vertical-align: middle;} .header .topsectionbar {margin-top:2%; position: relative;} .header p{margin:0px;} .brand{margin-top:15px;} .header.fixed{position: fixed; width:100%; z-index:99; box-shadow:0 0 10px rgba(0, 0, 0, 0.3);} .itemid-574 .header.fixed, .itemid-587 .header.fixed{position:relative; box-shadow:none;} /*-------- SEARCH BOX DESIGN ------------*/ .search {} .search label.element-invisible{background:url("../images/search-icon.png") no-repeat scroll 5px center; border:0px solid #ffffff; box-shadow: none; color: #000000; padding:0 5px 0 20px; width:20px; height:25px; margin:0px; transition: all 0.3s ease 0s; cursor: pointer; vertical-align: middle;} /* .search .inputbox.search-query {border: 0px solid #ffffff; box-shadow: none; color:#fff; width: 20px; position: absolute; top:100%; right:0px; border-radius:5px; padding:0px; height: 0px;} .search .inputbox.search-query:focus {background:#009bc0; border:1px solid #009bc0; box-shadow: none; color: #fff; font-weight: 300; margin-top: 5px; transition: all 0.3s ease 0s; width:300px; padding:5px 10px; height: auto;} */ .search button{display: none;} .search-icon-display{cursor:pointer;} #searchbox{background: #ffffff; border: 2px solid #cccccc; left: 0; padding: 10px; position: absolute; top:45px; z-index:1024; width:800px; left:50%; margin-left:-400px; display:none;} #searchbox .icon-search-inner {float: left; font-size: 25px; width:5%; color:#bbb;} #searchbox input.inputbox{float: left; width:90%; height:38px; border:0px; font-size:25px;} #searchbox .searchbox-close{float: left; width:5%; font-size: 25px;} #searchbox .searchbox-close i{cursor:pointer;} /*--------- MENU DESIGN ---------*/ .navigation-menu{display: inline-block; vertical-align:middle;} .navbar.menubar{border:0 none;background:none;border-radius:0;margin-bottom:0;min-height:inherit;} .navbar.menubar .navbar-collapse{padding:0;} .navbar.menubar .nav{margin:0px;} .navbar.menubar .nav li{margin:0 15px;} .navbar.menubar .nav li a{padding:0; text-align:center; color:#1b1b1b; font-family:"latoregular"; font-size:14px; border:none; text-transform:uppercase;} .navbar.menubar .nav li.active a,.navbar.menubar .nav li a:hover{color:#444444; border:none; background:none; color:#1b1b1b;} .navbar.menubar .nav li.active a{} .navbar.menubar .navbar-collapse{border:none; overflow: visible;} .navbar.menubar .nav.navbar-nav{position:relative;} .navbar.menubar .navbar-form{margin:0; padding: 0px; float: right;} .navbar.menubar .navbar-form .input-group{background:rgba(0, 89,132, 0.5); border-radius: 30px; margin-top:5px; height:32px; overflow:hidden; padding:0 10px; box-shadow:none; border:0px;} .navbar.menubar .navbar-form .input-group input.form-control{background:none; border:none; color:#1b1b1b; } .navbar.menubar .navbar-form .input-group .btn.btn-default{background: none; border:0px;} .navbar.menubar .navbar-form .input-group .btn.btn-default i{color:#1b1b1b;} .navbar.menubar .navbar-form .input-group .form-control::-moz-placeholder{color:#1b1b1b;} .navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:focus, .navbar-default .navbar-nav > .open > a:hover{background:none;} .navbar-default .navbar-nav .open .dropdown-menu > li > a, .navbar-default .navbar-nav .open .dropdown-menu > li > a:hover, .navbar-default .navbar-nav .open .dropdown-menu > li > a:focus{color:#fff} .navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:focus, .navbar-default .navbar-nav > .open > a:hover{color:#fff} .dropdown:hover .dropdown-menu {display: block; max-height: 200px; opacity: 1;} header .navbar.menubar .ux-menu-container .ux-menu li a{padding:10px 0px;} /*--------- MENU DESIGN ---------*/ .navbar.menubar .ux-menu-container .ux-menu li { margin:0 15px; } .navbar.menubar .ux-menu-container .ux-menu li a{ background: none; padding:0; text-align:center; color:#1b1b1b; font-family:"latoregular"; font-size:14px !important; border:none; text-transform:uppercase !important; line-height: 20px; } /* .ux-menu-arrow { display: none !important; } */ .navbar.menubar .ux-menu-container .ux-menu li a > .ux-menu-arrow {display: none;} .navbar.menubar .ux-menu-container .ux-menu li ul li.ux-menu-item-parent a > .ux-menu-arrow{display:block;} .navbar.menubar .ux-menu-container .ux-menu li.active a, .navbar.menubar .ux-menu-container .ux-menu li a:hover{border:none; background:none; color:#000;} .navbar.menubar .ux-menu-container .ux-menu li .ux-menu-sub { position: absolute; top: 100%; left: 0; z-index: 1000; float: left; /*min-width: 235px;*/ width: 250px !important; padding:0px 0; margin: 6px 0 0;font-size: 14px; text-align: left; list-style: none; border: 1px solid rgba(0,0,0,.15); border-radius:0px; box-shadow: 0 6px 12px rgba(0,0,0,.175);} .navbar.menubar .ux-menu-container .ux-menu li.ux-menu-item228 .ux-menu-sub{top:-168px !important;} .navbar.menubar .ux-menu-container .ux-menu li .ux-menu-sub li { margin: 0; text-align: left; background-color: #fff; width:100% !important; border-bottom:1px solid #cccccc; } .navbar.menubar .ux-menu-container .ux-menu li .ux-menu-sub li:last-child { border:none; } .navbar.menubar .ux-menu-container .ux-menu li .ux-menu-sub li a { padding:10px 13px; border: 0 none; text-transform: capitalize; margin-top: -1px; text-align: left; width: 100%; } .navbar.menubar .ux-menu-container .ux-menu li .ux-menu-sub li:hover { background-color:#aadde0; } .navbar.menubar .ux-menu-container .ux-menu li > a.current{ font-family:'latobold'; color:#005aac;} .navbar.menubar .ux-menu-container .ux-menu li .ux-menu-sub li.current a{ font-family:"latobold";} .navbar.menubar .ux-menu-container .ux-menu li.ux-menu-item589 {display: none;} .search label.element-invisible { text-indent: -8888px;} .resident-wrp h2.title{color:#be1e24;font-family:"latobold";font-size:35px;font-weight:normal;line-height:normal;margin:0 0 30px;padding:0 15px;} .responsive-toggle-parent{display: inline-block; margin-left:10px;} .responsive-toggle-parent a{cursor: pointer; position: relative; z-index: 1024; display: inline-block; border: 2px solid #005aac; padding: 1px 7px; color:#222; font-size:18px;} .accordeonck.responsive_canvas{background-color:#ccc;overflow-x:hidden;padding-top:60px;position:fixed;right:0;top:0;transition:all 0.5s ease 0s;width:0;z-index:2;} .responsive-acord-menu #top::before {background: rgba(0,0,0,0.5); height: 100%; width: 100%; position: fixed; content: ""; top: 0; left: 0; z-index: 1;} .at4-share-outer-right .atss-expand{z-index:9;} .homepage .menumenu.inner-main-menu{display:none;} .homepage .home-main-menu .menumenu{display:block;} .resident-wrp h2.title{color:#be1e24;font-family:"latobold";font-size:35px;font-weight:normal;line-height:normal;margin:0 0 30px;padding:0 15px;} .siblings-menu-main{margin:15px 0;display:inline-block;width:100%;} .siblings-menu-main .siblings-menu{float:left;margin-right:10px;margin-bottom:10px;} body #main-bottom .siblings-menu-main .siblings-menu a{padding:5px;display:block;background:#be1e24;font-size:14px;color:#fff;line-height:normal;transition:all 0.5s;} body #main-bottom .siblings-menu-main .siblings-menu a:hover{text-decoration:underline;} .accordeonck.responsive_canvas ul#accordeonck227 li ul li{border:0 none;margin-left:0;} .accordeonck.responsive_canvas{box-sizing:border-box;height:100%;padding-top:0;} body .accordeonck.responsive_canvas ul{margin-left:0;} body .accordeonck.responsive_canvas ul ul{margin-bottom:0; padding:0px 0px 0px 15px;} body .accordeonck.responsive_canvas #accordeonck227 li.level1:first-child{display:none;} .accordeonck.responsive_canvas .menu#accordeonck227 a:hover, .accordeonck.responsive_canvas .menu#accordeonck227 a:focus{text-decoration:underline;outline:none;} .accordeonck.responsive_canvas .menu#accordeonck227 li.level1{display:inline-block;width:100%;transition:none;border-color:#0081a0;padding:0;} .accordeonck.responsive_canvas .menu#accordeonck227{display:inline-block;background:none;box-shadow:none;padding:0;margin-left:0;} .accordeonck.responsive_canvas .menu#accordeonck227 li.level1 > .accordeonck_outer a{color:#fff;text-shadow:none;padding:15px 22px;font-style:16px;font-family:"latobold"; display: inline-block; width:100%;} .accordeonck.responsive_canvas .menu#accordeonck227 li.level1#item-161 > .accordeonck_outer a, .accordeonck.responsive_canvas .menu#accordeonck227 li.level1#item-812 > .accordeonck_outer a, .accordeonck.responsive_canvas .menu#accordeonck227 li.level1#item-585 > .accordeonck_outer a, .accordeonck.responsive_canvas .menu#accordeonck227 li.level1#item-164 > .accordeonck_outer a, .accordeonck.responsive_canvas .menu#accordeonck227 li.level1#item-168 > .accordeonck_outer a, .accordeonck.responsive_canvas .menu#accordeonck227 li.level1#item-1050 > .accordeonck_outer a{font-size:14px;font-family:"latoregular";padding:10px 22px; color:#fff;} .accordeonck.responsive_canvas #accordeonck227 li.parent.open#item-161, .accordeonck.responsive_canvas #accordeonck227 li.parent.open#item-161 a, .accordeonck.responsive_canvas #accordeonck227 li.parent.open#item-161 ul li.level2 a, .accordeonck.responsive_canvas #accordeonck227 li.parent#item-161 ul li.level2 a{background:#9a1217!important;} .accordeonck.responsive_canvas #accordeonck227 li.parent.open#item-812, .accordeonck.responsive_canvas #accordeonck227 li.parent.open#item-812 a, .accordeonck.responsive_canvas #accordeonck227 li.parent.open#item-812 ul li.level2 a, .accordeonck.responsive_canvas #accordeonck227 li.parent#item-812 ul li.level2 a{background:#9a1217!important;} .accordeonck.responsive_canvas #accordeonck227 li.parent.open#item-585, .accordeonck.responsive_canvas #accordeonck227 li.parent.open#item-585 a, .accordeonck.responsive_canvas #accordeonck227 li.parent.open#item-585 ul li.level2 a, .accordeonck.responsive_canvas #accordeonck227 li.parent#item-585 ul li.level2 a{background:#9a1217!important;} .accordeonck.responsive_canvas #accordeonck227 li.parent.open#item-164, .accordeonck.responsive_canvas #accordeonck227 li.parent.open#item-164 a, .accordeonck.responsive_canvas #accordeonck227 li.parent.open#item-164 ul li.level2 a, .accordeonck.responsive_canvas #accordeonck227 li.parent#item-164 ul li.level2 a{background:#9a1217!important;} .accordeonck.responsive_canvas #accordeonck227 li.parent.open#item-168, .accordeonck.responsive_canvas #accordeonck227 li.parent.open#item-168 a, .accordeonck.responsive_canvas #accordeonck227 li.parent.open#item-168 ul li.level2 a, .accordeonck.responsive_canvas #accordeonck227 li.parent#item-161 ul li.level2 a{background:#9a1217!important;} .accordeonck.responsive_canvas #accordeonck227 li.parent.open#item-1050, .accordeonck.responsive_canvas #accordeonck227 li.parent.open#item-1050 a, .accordeonck.responsive_canvas #accordeonck227 li.parent.open#item-1050 ul li.level2 a, .accordeonck.responsive_canvas #accordeonck227 li.parent#item-1050 ul li.level2 a{background:#9a1217!important;} .accordeonck.responsive_canvas #accordeonck227 li.parent > span span.toggler_icon{right:25px;height:24px;top:12px;background:none !important;} .accordeonck.responsive_canvas #accordeonck227 li.parent > span span.toggler_icon:after{content:">";position:absolute;right:0;color:#fff;transform:rotate(90deg);font-family:"latoregular";} .accordeonck.responsive_canvas #accordeonck227 li.parent.open > span span.toggler_icon:after{content:">";position:absolute;right:0;color:#fff;transform:rotate(-90deg);font-family:"latoregular";} .accordeonck.responsive_canvas #accordeonck227 li.level2 > .accordeonck_outer a{font-size:14px;font-family:"latoregular";padding:10px 22px; display: inline-block; width:100%;} .accordeonck.responsive_canvas #accordeonck227 li.level2{border:0 none;list-style:none;} .accordeonck.responsive_canvas #accordeonck227 li.active.parent.open,.accordeonck.responsive_canvas #accordeonck227 li.active.parent.open a,.accordeonck.responsive_canvas #accordeonck227 li.active.parent.open ul li.level2 a,.accordeonck.responsive_canvas #accordeonck227 li.active.parent ul li.level2 a{background:#0081a0!important;} .accordeonck.responsive_canvas #accordeonck227 li.parent.open,.accordeonck.responsive_canvas #accordeonck227 li.parent.open a,.accordeonck.responsive_canvas #accordeonck227 li.parent.open ul li.level2 a,.accordeonck.responsive_canvas #accordeonck227 li.parent ul li.level2 a{background:#0081a0!important;} .accordeonck.responsive_canvas #accordeonck227 li,.accordeonck.responsive_canvas #accordeonck227 li a{list-style:none;width:100%;box-sizing:border-box;} .accordeonck.responsive_canvas #accordeonck227 li.level2.parent > .accordeonck_outer a{font-size:14px;font-family:"latoregular";padding:10px 22px;} .accordeonck.responsive_canvas #accordeonck227 li.level2 li.level3{border:0 none;} .accordeonck.responsive_canvas #accordeonck227 li.level2 .content_2{margin:0;} .accordeonck.responsive_canvas #accordeonck227 li.level2 li.level3 .accordeonck_outer a{font-size:14px;font-family:"latoregular";padding:10px 22px; display: inline-block;} .accordeonck.responsive_canvas #accordeonck227 li.level2.open li.level3,.accordeonck.responsive_canvas #accordeonck227 li.level2.open,.accordeonck.responsive_canvas #accordeonck227 li.level2.open a,.accordeonck.responsive_canvas #accordeonck227 li.level2.open.active li.level3,.accordeonck.responsive_canvas #accordeonck227 li.level2 li.level3 a{background:#0081a0!important;} .accordeonck.responsive_canvas ul#accordeonck227 li a:hover,.accordeonck.responsive_canvas ul#accordeonck227 li a:focus{text-decoration:underline; outline:none;} .accordeonck.responsive_canvas ul#accordeonck227 li a.isactive{font-family:"latobold"!important; text-decoration:none; outline:none;} /*body.responsive-acord-menu::before{background:rgba(0,0,0,0.5); bottom:0; content:""; height:100%; position:fixed; top:0; width:100%; z-index:1050;}*/ .accordeonck.responsive_canvas .menu#accordeonck227 a:hover, .accordeonck.responsive_canvas .menu#accordeonck227 a:focus, .accordeonck.responsive_canvas ul#accordeonck227 li a.isactive { text-decoration: underline; outline: none;} .responsive-acord-menu .responsive-toggle-parent a{border-color:#fff; color:#fff;} /*----------- Slide Design -------------*/ .homeslider{margin-top:-15px;} .slide-desc{width:50% !important; height:100%;} .djslider-default .slide-desc-in{height:100%;} .slide-desc .slide-desc-bg-default {background: rgba(54,13,1, 0.9); height: 200%; left:-16%; position: absolute; top: -10%; transform: rotate(-34deg); width: 100%;} .slide-desc .slide-desc-text-default{position: absolute; width:60%; bottom:10%; left:5%;} .slide-desc .slide-desc-text-default .slide-title a{font-size:40px; font-family: 'latobold'; font-weight: normal; text-transform: uppercase; line-height:45px; color:#fcb034; text-decoration: none;} .slide-desc .slide-desc-text-default .slide-text{font-size:18px; line-height:26px; margin-bottom:15px;} .slide-desc-in .slide-desc-text a.readmore{background:#005aac; padding:20px 50px 20px 30px; font-size:13px; font-family:'latobold'; color:#fff; display:inline-block; line-height:13px; border-bottom:3px solid #005984; position: relative; text-transform: uppercase;} .slide-desc-in .slide-desc-text a.readmore:hover{background:#005984; border-color:#000;} .slide-desc-in .slide-desc-text a.readmore:before{content:'\f178'; font-family:'FontAwesome'; font-size:15px; position: absolute; right:25px;} .djslider-default .navigation-container{top: 50% !important; margin-top:17px !important;} .slide-desc .slide-desc-text-default a.readmore{float:left;} .view-featured .upcreen-div{display: none;} .upcreen-div{text-align: center; position:relative; top:-33px; z-index:98;} .upcreen-div button{background:none; border:0px; box-shadow:none; padding:0px; margin:0px; position: relative; z-index:2;} .view-article .upcreen-div{display: none;} /*----------- Ourmission Section ----------*/ #ourmission{padding:25px 0 50px; position: relative;} #line{width:2px; background:#fcb034; position: absolute; left:50%; margin-left:-2px; top: 10px; margin-top:0; z-index:0 ; height:145px; overflow:visible !important; } #line:before{background:#fcb034; width:8px; height:8px; border-radius:50%; bottom:-4px; position: absolute; content:""; left:50%; margin-left:-4px;} #ourmission h3{font-size:28px; font-family: 'latobold'; text-align: center; color:#30190e; text-transform: uppercase; margin:20px 0 20px} #ourmission .custom{max-width:990px; margin:0 auto; font-size:18px; text-align: center; line-height:35px;} /*----------- Wherewework Section ----------*/ .blue-bg{background:#e5f4f5; padding:30px 0 0; margin-bottom:0;} .blue-bg #countries_map{text-align: center;} #wherewework h3{text-align: center; color: #30190e; font-family: "latobold"; font-size: 28px; margin: 20px 0; text-align: center; text-transform: uppercase; position: relative; z-index: 1; top:35px; margin-top:45px;} #wherewework .select-box{max-width:400px; width:100%; background:#fff; border:1px solid rgba(0, 0, 0, 0.2); margin:0 auto; padding:0 10px 0 0; position: relative; z-index: 1; top:25px;} #wherewework .countrylist{} #wherewework .countrylist a.selectBox{text-align:left; font-size:18px; width:100% !important; color:#4d4a46; position: relative; padding-top:7px; padding-left:10px;} #wherewework .countrylist a.selectBox.selectBox-dropdown .selectBox-label{padding-left:0px; position: relative; top:2px;} #wherewework .go_btn{background: #005aac; border: 0 none; border-radius: 3px; color: #ffffff; font-size: 14px; height: 35px; margin-top: 5px; padding: 0; text-align: center; text-transform: uppercase;width: 40px;} #wherewework .go_btn:hover{background: #005aac;} #wherewework .countrylist a.selectBox.selectBox-dropdown .selectBox-arrow{top:13px; width:17px; height:25px;} ul.selectBox-dropdown-menu li a{padding:5px 10px; color:#4d4a46; } ul.selectBox-options li.selectBox-selected a{background-color:#B8DAE7; color:#000;} #countries_map img{position: relative; z-index:0;/* top: -40px; */ margin-top:-145px;} /*------------ HOME BLOCK CSS DESIGN ----------------*/ .homeblocks { /* max-width: 1330px; */ width: 100%; padding: 0; position: relative; z-index: 1; margin: 0 auto; /* margin-bottom: -140px; */ text-align: center; background:#fff; padding-top:50px; margin-top:15px} .homeblocks .ice-caption-horizontal { margin-right: 0; display: inline-block;} .homeblocks .ice-caption-horizontal .ice-caption { position: relative; margin-right:0px; margin-left:0px; } .homeblocks .ice-caption-horizontal .ice-caption img {width: 76%; border-radius: 50%;} .homeblocks .ice-caption-horizontal .ice-caption .ice-title { padding: 0; line-height: 1.5em; font-weight: normal; font-family: 'latobold'; color: #fff; /*position: absolute;*/ margin-top: -85px; /*margin: 0 auto;*/ text-align: center; width: 100%; font-size: 15px; line-height: 22px; display: none;} /* .homeblocks .ice-caption-horizontal .ice-caption img ~ .ice-title{display: block; left: 50%; margin: 0 0 0 -26%; position: absolute; text-transform: uppercase; top: 67%; width: 56%;} */ .homeblocks .ice-caption-horizontal .ice-caption .ice-title{color: #333; margin: 0; display: block; font-family: 'latoregular'; font-size: 17px; margin-top: 10px; position: relative; text-transform:capitalize;} .homeblocks .ice-caption-horizontal .ice-caption:hover .ice-title a{color:#000;} .homeblocks .ice-caption-horizontal .ice-caption .ice-desc { margin-top:0; color:#fff; text-align: center;} .homeblocks .ice-caption-horizontal .ice-caption .ice-desc .ice_readmore{margin-top:10px;} .homeblocks .ice-caption-horizontal .ice-caption .ice-desc .ice_readmore a {color: #fff; text-transform: uppercase; font-size:14px; font-weight: normal; font-family: 'latobold'; position: relative; padding-right:25px;} .homeblocks .ice-caption-horizontal .ice-caption .ice-desc .ice_readmore a:hover { color: #fcb034; } .homeblocks .ice-caption-horizontal .ice-caption .ice-desc .ice_readmore a:before{content:'\f178'; font-family:'FontAwesome'; font-size:15px; position: absolute; right:0; top: -2px;} .homeblocks .ice-caption-cover{display: none;} .home-image-block {margin-top:50px;} .home-image-block .col-sm-6, .home-image-block .col-sm-3{padding:0 3px;} .home-image-block .block-inner {border-radius:0; overflow: hidden; position: relative; min-height:450px; background:#f5f5f5; margin-bottom:15px;} .home-image-block .block-inner .image-box-home{position: absolute; height:100%; width:100%; background-size:cover; background-repeat:no-repeat; background-position:top center; min-height:450px; border-radius:0; z-index:0;} /* .home-image-block .block-inner:hover .image-box-home{transition:0.3s; -webkit-filter: grayscale(100%); filter: grayscale(100%);} .home-image-block .block-inner:hover .content-block .item-title {color: #005aac; transition:0.3s;} */ .home-image-block .block-inner .image-box-home img{width:100%; height:100%;} /* .home-image-block .block-inner .content-block{color: #333; padding: 15px;} */ .home-image-block .block-inner .content-block {position: absolute; z-index:1; color:#fff; padding:30px 20px; height:75%; width:100%; bottom:-180px; background: linear-gradient(to bottom, transparent 2%, rgba(0,0,0,0.8) 50%, rgba(0,0,0,0.8) 50%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#222222000', endColorstr='#222222',GradientType=0 ); transition:0.3s;} .home-image-block .block-inner:hover .content-block{bottom:-60px; background:linear-gradient(to bottom, transparent 2%, rgba(0,0,0,0.8) 50%, rgba(0,0,0,0.8) 100%);} .home-image-block .block-inner:hover .content-block .item-intro{display: block;} .home-image-block .block-inner:hover .content-block .item-title{max-height:inherit;} .home-image-block .block-inner .content-block a{color:#fff;} .home-image-block .block-inner .content-block .item-title{font-size:20px; font-family: 'latobold'; font-weight: normal; text-transform:none; line-height:26px; text-decoration: none; margin-bottom:10px; max-height:78px; overflow:hidden; } .home-image-block .block-inner.first-block .content-block .item-title{/* margin-top:35px; */ position:relative;} .home-image-block .block-inner .article-link{position: absolute; z-index:2; width:100%; height:100%; top: 0;} .home-image-block .block-inner .content-block .item-intro{display: none;} /*------------ OUR STORY BLOCK CSS DESIGN -------------*/ .ourstory h3 { font-family: 'latobold'; font-size: 28px; font-weight: normal; line-height:25px; text-transform: uppercase; text-align: center; margin-bottom: 45px; margin-top:50px;} .ourstory .our-stories-inner { width: 48%; padding: 0 15px; display: inline-block; vertical-align:top;} .ourstory .our-stories-inner .our-stories-image { width: 50%; float: left; } .ourstory .our-stories-inner .our-stories-image img { width: 100%; } .ourstory .our-stories-inner .our-stories-content { width: 50%; padding-top: 20px; padding-bottom: 20px; float: right; text-align: left; padding-left:25px; } .ourstory .our-stories-inner .our-stories-content .our-stories-title { font-family: 'latoregular'; font-weight: normal; font-size: 24px; line-height: 33px; margin-bottom:0;} .ourstory .our-stories-inner .our-stories-content .our-stories-desc .read-more-link a { font-size: 15px; line-height:25px; /* font-family: 'latobold'; */color: #005aac; text-transform:uppercase;} .ourstory .our-stories-inner .our-stories-content .our-stories-desc .read-more-link a:hover { color: #fcb034; } .ourstory .our-story-readmore .maintxt_new { text-align: center; } .ourstory .our-story-readmore .maintxt_new a { font-size: 13px; line-height: 30px; font-family: 'latobold'; color: #005aac; text-transform: uppercase; } .ourstory .our-story-readmore { margin-bottom: 40px; } .ourstory .our-story-readmore .maintxt_new a:hover { color: #fcb034; } .ourstory hr { margin-top: 40px; margin-bottom: 40px; border-top: 2px solid #eee; } .ourstory .our-story-readmore .maintxt_new i { color: #fcb034; margin-left: 10px; font-size: 20px; vertical-align: middle; } .ourstory .our-story-slider .our-stories-inner .our-stories-image {width: 100%; height: 228px; overflow: hidden;} /*.ourstory .our-story-slider .our-stories-inner .our-stories-image img {width: auto; min-height: 228px; max-width: inherit;}*/ .ourstory .our-story-slider .our-stories-inner .our-stories-image img {width: auto; min-height: 228px; max-width: inherit;} .ourstory .our-story-slider .our-stories-inner .our-stories-image img.portrait {width: 100%;height: auto;} .ourstory .our-story-slider .our-stories-inner .our-stories-content{width: 100%; padding:0px; margin-top:10px;} .ourstory .our-story-slider .our-stories-inner .our-stories-content .our-stories-title{font-size:16px; line-height:25px; min-height:50px; margin-bottom:5px;} .ourstory .slick-prev::before, .ourstory .slick-next::before{color:#000;} .sgp-our-stories h3 { font-family: 'latobold'; font-size: 28px; font-weight: normal; line-height:25px; text-transform: uppercase; text-align: center; margin-bottom: 40px; margin-top:50px;} .image-box {max-height: 175px; overflow: hidden; min-height:175px; background:#000;} .story-title { font-family: 'latoregular'; font-weight: normal; font-size: 17px; line-height: 25px; margin-bottom: 15px; margin-top: 15px;} .bt-cs .bt-inner .image-box img{outline:0; border: 0; max-width:100%; margin:0px; } .sgp-our-stories.bt-cs .bt-inner{min-height:310px;} .goal_plan .left_tab ul{padding:0 40px 0 10px;} /*----------------- HOME FOOTER BLOCK DESIGN ----------------------*/ #home-footer-block .col-sm-6 { padding: 0; } #home-footer-block .col-sm-12 { padding: 0; } #home-footer-block .moduletable-boxborder.rmvbottomtborder { background-image: url(../images/publication-bg.jpg); background-repeat: no-repeat; background-size: cover; background-position: center center; width: 100%; height:100%; padding: 140px 80px; } #home-footer-block .moduletable-boxborder.rmvbottomtborder .custom-boxborder .document-content-left { width: 48%; padding: 0 5px; display: inline-block; margin-top: 40px; } #home-footer-block .moduletable-boxborder.rmvbottomtborder .custom-boxborder .document-content-left .document-module-title { font-size: 24px; font-family: 'latobold'; font-weight: normal; line-height: 24px; color: #30190e; text-transform: uppercase; margin-bottom: 6px; } #home-footer-block .moduletable-boxborder.rmvbottomtborder .custom-boxborder .document-content-left .document-content .document-title { font-size: 16px; font-family: 'latoregular'; font-weight: normal; line-height: 20px; color: #30190e; margin-bottom: 25px; } #home-footer-block .moduletable-boxborder.rmvbottomtborder .custom-boxborder .document-content-left .readon { background-color: #005aac; height: 53px; margin-bottom: 10px; width: auto; color: #fff; padding: 15px; font-size: 13px; border-bottom: 3px solid #005984; line-height: 30px; font-family: 'latobold'; text-transform: uppercase; } dd#home-footer-block .moduletable-boxborder.rmvbottomtborder .custom-boxborder .document-content-left .readon i { margin-left: 10px; } #home-footer-block .moduletable-boxborder.rmvbottomtborder .custom-boxborder .document-img-right { width: 42%; padding: 0 5px; display: inline-block; text-align: center; vertical-align: top; margin-top:-25px;} #home-footer-block .moduletable-boxborder.rmvbottomtborder .custom-boxborder .document-img-right a img { transform: rotate(-15deg); box-shadow: 4px 5px 8px rgba(0, 0, 0, 0.55); } /*----------------- HOME SGP VOICES DESIGN ----------------------*/ #home-footer-block .sgp-voice-container{background:#82bc41; width: 100%; height: 100%; padding:50px 0 40px;} #home-footer-block .sgp-voice-container .videotitlecontainer{width:40%; float:left;} #home-footer-block .sgp-voice-container .videotitlecontainer .videotitlecontainer-inner{max-width:225px;} #home-footer-block .sgp-voice-container .videotitlecontainer .videotitlecontainer-inner .featured-module-title{font-size: 28px; font-family: 'latobold'; font-weight: normal; color: #fff; text-transform: uppercase; margin-top:40px; margin-bottom:20px;} #home-footer-block .sgp-voice-container .videotitlecontainer .videotitlecontainer-inner .videotitlespan{font-size:16px; line-height:25px;} #home-footer-block .sgp-voice-container .videotitlecontainer .videotitlecontainer-inner .videotitlespan a{color:#fff;} #home-footer-block .sgp-voice-container .videothumbnail-featured{width:60%; float:left; position: relative;} #home-footer-block .sgp-voice-container .videothumbnail-featured img{width:100%;} #home-footer-block .sgp-voice-container .videothumbnail-featured .video_play_featured{background:rgba(0,0,0,0.2) url("../images/video_play_1.png") no-repeat center; background-size:50px auto; cursor: pointer; height:100%; right:0; position: absolute; bottom:0; width:100%;} .featured-video-slider .slick-dots{bottom:20px; left:0px; width:auto;} .featured-video-slider .slick-dots li button{background:#00b8e4; width:16px; height:16px; border-radius:50%;} .featured-video-slider .slick-dots li.slick-active button{background:#fff;} .featured-video-slider .slick-dots li button::before{display: none;} #featured-pub-block{margin-top:30px;} #home-footer-block{margin-top:42px;} .sgp-voice-container .slick-list {padding: 0 5px;} #home-footer-block .sgp-voice-container .featured-module-title { font-family: 'latobold'; font-size: 28px; font-weight: normal; line-height:25px; text-transform: uppercase; text-align: center; margin-bottom:50px; color:#fff;} #home-footer-block .sgp-voice-container .videotitlecontainer {width: 100%; float: left; padding: 0 10px;} /* #home-footer-block .sgp-voice-container .videothumbnail-featured{width: 100%; max-width:100%;} */ #home-footer-block .sgp-voice-container .videothumbnail-featured {width: 100%; max-width: 100%; min-height: 226px; background: #000; line-height: 226px;} #home-footer-block .sgp-voice-container .videothumbnail-featured a{display: inline-block; vertical-align: middle; width:100%; margin-top:-3px;} #home-footer-block .sgp-voice-container .videotitlecontainer .videotitlecontainer-inner {max-width:100%; clear: both; display: inline-block; width: 100%; margin-top:10px; min-height:50px;} #featured-pub-block .col-sm-12{padding:0px;} /*NEW CHANGES WORK START 29-5-2018 START*/ #home-footer-block .featured-img-voices .featured-module-title { font-size: 28px; font-family: 'latobold'; font-weight: normal; color: #fff; text-transform: uppercase; margin-bottom: 20px; } #home-footer-block .featured-img-voices .imgvoicescontainer .imgvoices-inner .imgvoices-title { font-size: 17px; line-height: 20px; min-height: 40px; } #home-footer-block .featured-img-voices .imgvoicescontainer .imgvoices-inner .imgvoices-title a { color: #fff; text-decoration: none; } #home-footer-block .featured-img-voices .imgvoicescontainer .imgvoices-inner .imgvoice-main { margin-bottom: 15px; } #home-footer-block .featured-img-voices .imgvoicescontainer .imgvoices-inner .imgvoices-image { position: relative; background-color: #000; text-align: center; padding: 10px; margin-bottom:5px; } #home-footer-block .featured-img-voices .imgvoicescontainer .imgvoices-inner .imgvoices-image a img { height: 170px; } #home-footer-block .featured-img-voices .imgvoicescontainer .imgvoices-inner .imgvoices-image .video_play_featured {background:url("../images/video_play_1.png") no-repeat; background-size:56px auto; cursor: pointer; height:56px; left: 50%; position: absolute; top: 50%; margin-top: -28px; margin-left: -28px; width:56px;} /*NEW CHANGES WORK START 29-5-2018 END*/ .featured-publication-wrapper {background: #005aac; display: inline-block; width: 100%; padding-bottom:40px;} .featured-publication-wrapper h3{ font-family: 'latobold'; font-size: 28px; font-weight: normal; line-height: 50px; text-transform: uppercase; text-align: center; margin-bottom:50px; color:#fff; margin-top:50px; line-height:25px;} .publication-wrapper{display: inline-block; width:100%;} /* .publication-wrapper .publication_bx{float:left; width:25%; text-align: center;} .publication-wrapper .publication_bx .pub-img-box{min-height:255px; text-align: center;} .publication-wrapper .publication_bx img{max-width: 200px; max-height: 255px; display: inline-block; min-height: 255px;} .publication-wrapper .publication_bx a{color:#fff; } .publication-wrapper .publication_bx .title-publication{margin-top:10px; padding:0 15px;} .publication-wrapper .publication_bx .title-publication ~ a{ padding:0 15px; display: inline-block} */ .publication-wrapper .publication_bx{float:left; width:25%; text-align:left;} .publication-wrapper .publication_bx .pub-img-box{max-height:380px; text-align:left; overflow:hidden; padding:0 15px;} .publication-wrapper .publication_bx img{display: inline-block; min-height: 380px; max-height: 380px; width:100%;} .publication-wrapper .publication_bx a{color:#fff; } .publication-wrapper .publication_bx .title-publication{margin-top:10px; padding:0 15px; margin-bottom:10px; min-height:45px; max-height:45px; overflow:hidden; } .publication-wrapper .publication_bx .title-publication ~ a{ padding:0 15px; display: inline-block; text-transform:uppercase; color:#f5a81c;} /*------------ Innerpage Banner ------------*/ #innerBanner{position: relative;} .sgp-banner-inner{clear: both;} .sgp-banner-image{background-size:cover; min-height: 300px; position: relative;} .where-we-work .sgp-banner-image{min-height:180px} .where-we-work .sgp-banner-image .sgp-banner-inner-second{margin-top:-28px;} .where-we-work .sgp-banner-image{background-size: 35% auto; position: relative; background-position: top center; background-repeat:no-repeat; background-color:#005aac;} .where-we-work .sgp-banner-image .sgp-banner-overlay{background:none;} .country-pages-banner .sgp-banner-image{min-height:180px; background:#005aac;} .country-pages-banner .sgp-banner-image .sgp-banner-inner-second{margin-top:-34px;} .country-pages-banner .sgp-banner-image .sgp-banner-overlay{background:rgba(0,0,0,0.3);} .sgp-banner-image .sgp-banner-overlay{background:rgba(0,0,0,0.5); position: absolute; left:0px; top: 0; width:100%; height:100%; z-index:1;} .sgp-banner-image .sgp-banner-inner-second{margin-top: -50px; position: absolute; text-align: center; top:50%; width: 100%; z-index: 2;} .sgp-banner-image .sgp-banner-inner-second .sgp-banner-icon, .sgp-banner-image .sgp-banner-inner-second .sgp-banner-title{display: inline-block; vertical-align:top;} .sgp-banner-image .sgp-banner-inner-second .sgp-banner-icon img{ margin-right:25px;} .sgp-banner-image .sgp-banner-inner-second .sgp-banner-title{font-size:48px; font-family: 'latobold'; color:#fff; text-transform:uppercase;} .sgp-banner-image .moduletable.breadcrumbs-design{/* position: absolute; z-index:2; width:100%; top: 40%; */ margin-bottom: 15px;} .sgp-banner-image .moduletable.breadcrumbs-design .breadcrumb{background:none; text-align: center; margin:0px; padding:0px; color:#fff; font-size:13px; font-family: 'latobold';} .sgp-banner-image .moduletable.breadcrumbs-design .breadcrumb .divider{display: none;} .sgp-banner-image .moduletable.breadcrumbs-design .breadcrumb li.active, .sgp-banner-image .moduletable.breadcrumbs-design .breadcrumb li a{color:#fff;} /* .story-detail-inner-banner .sgp-banner-image{background-attachment: fixed; background-position: center center; background-size: cover; min-height:300px;} */ .story-detail-inner-banner .sgp-banner-image{min-height:inherit; /* background:#005aac !important; */ background:none !important;} .story-detail-inner-banner .sgp-banner-image .sgp-banner-inner-second{margin-top:0; position: relative; text-align: left; max-width:940px; margin:0 auto; padding-bottom:30px; top:25px;} .story-detail-inner-banner .sgp-banner-image .sgp-banner-overlay{background:none;} .story-detail-inner-banner .sgp-banner-image .sgp-banner-date{font-size:14px; color:#fff; margin:0px; color:#666; position: absolute; bottom:0px; text-transform:capitalize;} .story-detail-inner-banner .sgp-banner-image .sgp-banner-article-title{font-size:23px; font-family: 'latobold'; color:#666; text-transform:uppercase; margin-left:0; max-width:940px; margin:0 auto;} .sgp-banner.projects-detail-banner .sgp-banner-image .sgp-banner-inner-second .sgp-banner-title{font-size:25px; font-family: 'latobold'; color:#fff; text-transform:uppercase; margin-left:0px; line-height:38px; max-width:1200px;} .sgp-banner-inner .extravote{float: none; font-family: latoregular; font-size: 21px; margin: 0; text-transform: none;} .story-detail-inner-banner .sgp-banner-image .sgp-banner-inner-second .breadcrumbs-design{display: none;} .course-banner .sgp-banner-image {background-size: 200px auto; min-height:200px; position: relative; background-repeat: no-repeat; background-position: center; background-color: #005aac;} .course-banner .sgp-banner-image .sgp-banner-overlay{background:none;} .course-banner .sgp-banner-image .sgp-banner-inner-second{margin-top:-35px;} .opacity-down .sgp-banner-image .sgp-banner-overlay{background:rgba(0,0,0,0.3);} main{padding-top:20px; } .view-featured main{padding-top:0; } .item-page{max-width:940px; margin:0 auto; padding:30px 0px 20px;} .item-page .extravote{margin:0px;} .item-page h3, div[itemprop="articleBody"] h3{font-size:30px; text-transform: uppercase; font-family: 'latobold'; color:#005aac; margin:0 0 30px;} .item-page h4, div[itemprop="articleBody"] h4{font-size:25px; font-family: 'latobold'; color:#30190e; margin:0 0 10px;} .item-page h4 strong, div[itemprop="articleBody"] h4 strong{font-family: 'latobold';} .item-page h5, div[itemprop="articleBody"] h5{font-size:19px; font-family: 'latobold'; font-weight:normal; margin:0 0 15px; line-height:28px;} .item-page p, div[itemprop="articleBody"] p { font-size: 16px; line-height: 23px; margin-bottom: 20px;} .list1{margin:0px 0px 35px; padding-left:15px;} .list1 li{margin-bottom:10px;} .listnone{margin:0px; padding:0px; list-style: none;} .listnone li{margin-bottom:10px;} .item-page h4.large-title, div[itemprop="articleBody"] h4.large-title{font-size:22px; margin-bottom:25px;} .listblock{list-style:none; display: inline-block; width:100%; margin-bottom:35px; padding:0px;} .listblock li{float: left; width:33.33%;} .listblock li a{background:#e5f4f5; display: inline-block; margin:3%; padding: 10px; width: 94%; text-align: center; border:2px solid #e5f4f5; color: #30190E;} .listblock li a:hover{background: #fff;} /* .content-images {left: -130px; position: relative; width: calc(100% + 260px); float: left; margin-bottom:50px;} */ .content-images {position: relative; width:100%; float: left; margin-bottom:50px;} .content-images img {float: left; margin-left:2%; width: 49%;} .content-images img:first-child{margin-left:0px;} .flot-img-left{float: left; margin-bottom: 25px; margin-right: 35px;} .flot-img-right{float:right; margin-bottom: 25px; margin-left: 35px;} .table1{} .table1 tr td{padding:10px; font-family: 'latobold'; color:#fff; font-size:18px;} .table1 tr td a{color:#30190e;} .partnerlist{text-align: center;} .partnerlist .col-sm-3 {margin-top: 15px; padding: 15px;} .main-content{overflow-x: hidden; margin:0 -15px;} .main-content > .container{position: relative;} .main-content .container .row > #aside.col-sm-3{position: inherit; padding:40px 45px;} .main-content .container .row > #aside.col-sm-3:before{background:#e5f4f5; position: absolute; width:100%; top:0; content:""; height:100%; z-index:0; left:75%;} .main-content .container .row > #aside.col-sm-3 *{position: relative;} .main-content .container .partnerlist .row > .col-sm-3::before{display: none;} .main-content .container .partnerlist .row > .col-sm-3{padding:10px;} #home-footer-block .moduletable-boxborder.rmvbottomtborder .custom-boxborder.partners .document-content-left .document-module-title{font-size:28px; line-height:28px; max-width:220px; margin-bottom:25px;} #home-footer-block .moduletable-boxborder.rmvbottomtborder .custom-boxborder.partners .document-content-left .document-content .document-title{font-size:20px; line-height:28px; max-width:320px;} #home-footer-block .moduletable-boxborder.rmvbottomtborder .custom-boxborder.partners .document-content-left .document-content {margin-bottom:15px; display: inline-block; width:100%;} #home-footer-block .moduletable-boxborder.rmvbottomtborder .custom-boxborder.partners .document-img-right a img{width:auto; height:auto;} #home-footer-block .moduletable-boxborder.rmvbottomtborder .custom-boxborder.partners .document-content-left .readon{padding:20px 30px; } #home-footer-block .moduletable-boxborder.rmvbottomtborder .custom-boxborder.partners .document-content-left .readon i{margin-left:15px;} .our-stories-main{margin:0 -15px;} /*------------- Biodiversity Page----------------*/ div#countrymenu-box, div#countrymenu-box2{position:relative;} div#countrymenu-box:before, div#countrymenu-box2:before{background: #e2e7e7; bottom: 0; content: ""; height: 2px; left: -90%; position: absolute; width: 200%; z-index: 0;} div#countrymenu-box ul#submenu li, div#countrymenu-box2 ul#submenu li, div#countrymenu-box2 ul#submenu li:last-child{background:none; border:0px; position: relative; line-height:50px; padding:0 15px;} div#countrymenu-box ul#submenu li.active, div#countrymenu-box2 ul#submenu li.active{border:0px;padding:0 15px;} div#countrymenu-box ul#submenu li.phototab{padding:0 15px;} div#countrymenu-box ul#submenu li.active:before, div#countrymenu-box2 ul#submenu li.active:before{background:#e29b19; height:3px; position: absolute; bottom:0px; left:0px; width:100%; content:"";} div#countrymenu-box ul#submenu li a, div#countrymenu-box2 ul#submenu li a{font-size:18px; color:#009bc0; font-family: 'latobold';} div#countrymenu-box ul#submenu li.active a, div#countrymenu-box2 ul#submenu li.active a{color:#30190e;} div#countrymenu-box2 ul#submenu li:last-child{float: right;} div#countrymenu-box2 ul#submenu li:last-child a{background: #005aac; color: #fff; padding: 6px 15px; border-radius: 5px; font-size: 15px; line-height:normal; margin-top:10px;} div#countrymenu-box ul#submenu li:last-child{float: right;} div#countrymenu-box ul#submenu li:last-child a{background: #005aac; color: #fff; padding: 6px 15px; border-radius: 5px; font-size: 15px; line-height:normal; margin-top:10px;} #print_button {margin-left: 10px;margin-bottom: 10px;} a#printLink{background: #005aac; color: #fff; padding: 6px 15px; border-radius: 5px; font-size: 15px; line-height:normal;} .featuredspace {margin-bottom: 35px;} .featuredspace-introtext, .featuredspace-fulltext{padding:50px 0px 0px; line-height:30px; font-size:16px;} .featuredspace-fulltext{padding:0px;} .featuredspace_more, .case_studies_more, .global_publications_more, .custom-show-more, .featured-story-more, .featured-story-less, .project_more, .read-more{text-align:left; color:#005aac; font-size:13px; font-family: 'latobold'; text-transform:uppercase; cursor:pointer;} .featured-story-more{margin-left:10px;} main .tabdiv{border:0px; margin:0px; padding:10px 30px 10px 10px;} .areaofwork_snapshot-parent{margin-top:50px; display: inline-block; width:100%;} .areaofwork_snapshot-parent .areaofwork_snapshot, .areaofwork_snapshot-parent .areaofworkportfolio_chart{float:left; width:48%; margin-left:4%;} .areaofwork_snapshot-parent .areaofwork_snapshot{margin-left:0px;} .areaofwork_snapshot-parent .areaofwork_snapshot .snaphsot-title{font-size:20px; color:#30190e; font-family: 'latobold'; text-transform: uppercase; margin:0 0 25px; line-height:18px;} .areaofwork_snapshot-parent .areaofwork_snapshot .snaphsot-title .snaphsot-title-inner{max-width:65%; line-height:22px;} .areaofwork_snapshot-parent .areaofwork_snapshot .snaphsot-title .sincelabel{font-family: 'latoregular'; font-weight: normal; font-size:15px; display: block; margin-top:8px;} .areaofwork_snapshot-parent .areaofwork_snapshot .snapshot-data{} .areaofwork_snapshot-parent .areaofwork_snapshot .snapshot-data h3{color:#005aac; font-size:20px; font-family: 'latoregular'; font-weight:normal; margin:0 0 15px;} .areaofwork_snapshot-parent .areaofwork_snapshot .snapshot-data h3 span{color:#30190e; font-size:13px; font-family: 'latoregular'; display: block; margin-top:3px;} /* .areaofwork_snapshot-parent .areaofworkportfolio_chart .chartarea_area, .areaofwork_snapshot-parent .areaofworkportfolio_chart .chartarea{display: inline-block; margin: 40px 0; width: 100%;} */ .areaofwork_snapshot-parent .areaofworkportfolio_chart h3{font-size:20px; color:#30190e; font-family: 'latobold'; text-transform: uppercase; margin:0 0 25px; line-height:18px;} .areaofwork_snapshot-parent .areaofworkportfolio_chart.potfolio-title h3{max-width:65%; line-height:22px;} .areaofwork_snapshot-parent .areaofworkportfolio_chart .chartarea_area, .areaofwork_snapshot-parent .areaofworkportfolio_chart #legendcontent, .areaofwork_snapshot-parent .areaofworkportfolio_chart .chartarea{/* float: left; */ width:60% !important; margin-top:0 !important; display: inline-block; vertical-align:middle; } .areaofwork_snapshot-parent .areaofworkportfolio_chart #legendcontent{width:40% !important; margin-top:0 !important;} .areaofwork_snapshot-parent .areaofworkportfolio_chart #legendcontent{font-size:15px; font-family:'latoregular'; margin-top:15px;} .areaofwork_snapshot-parent .areaofworkportfolio_chart #legendcontent .legendcontent-inner{margin-bottom:10px;} .areaofwork_snapshot-parent .areaofworkportfolio_chart #legendcontent .legendcontent-icon{border-radius:50%;} .global-publications{clear: both; display: inline-block; width:100%; padding:50px 0px;} .global-publications .global-publications-slider{margin:0 -12px;} .global-publications .title{font-size:20px; color:#30190e; font-family: 'latobold'; text-transform: uppercase; margin:0 0 25px; line-height:18px;} .global-publications .slick-track{margin-left:0px;} .global-publications .slick-slide{background:#f6f5ee; padding:35px; margin:0 12px; text-align: center; } .global-publications .slick-slide .slide-image-custom{margin-bottom:20px; max-height:225px; min-height:225px; overflow:hidden; } .global-publications .slick-slide .slide-image-custom img{display: inline-block; max-height:225px;} .global-publications .slick-slide .slide-title-custom{line-height:20px; min-height:40px; max-height:40px; overflow:hidden; margin-bottom:20px;} .global-publications .slick-slide .slide-download-custom{margin-bottom:20px;} .global-publications .slick-slide .slide-download-custom a.download-document{background:#fff; display: inline-block; padding:15px 25px; border:2px solid rgba(0, 0, 0, 0.2); border-radius:25px; font-size:13px; color:#005aac; line-height:13px; font-family: 'latobold'; text-transform:uppercase;} .global-publications .slick-slide .slide-download-custom a.download-document i{margin-right:10px; color:#777777;} .global-publications .slick-slide .slide-moreinfo-custom{font-size:12px; color:#005aac; text-transform: uppercase;} .global-publications .slick-slide .slide-moreinfo-custom a{color:#005aac;} .global-publications .slick-dots{bottom:-40px} .global-publications .slick-dots li button{width:15px; height:15px; border:3px solid #d2d2d2; background:#fff; border-radius:50%;} .global-publications .slick-dots li.slick-active button{background:#808080;} .global-publications .slick-dots li button::before{display: none;} .global-publications-slider .slick-prev::before, .global-publications-slider .slick-next::before{color:#000;} .global-publications-slider.slick-slider .slick-prev{left:-15px; top:50%;} .global-publications-slider.slick-slider .slick-next{right:-15px; top:50%;} /*edited by salim 26-09-2018 country puclications START*/ .country-publications{clear: both; display: inline-block; width:100%; padding:50px 0px;} .country-publications .country-publications-slider{margin:0 -12px;} .country-publications .title{font-size:20px; color:#30190e; font-family: 'latobold'; text-transform: uppercase; margin:0 0 25px; line-height:18px;} .country-publications .slick-track{margin-left:0px;} .country-publications .slick-slide{background:#f6f5ee; padding:35px; margin:0 12px; text-align: center; } .country-publications .slick-slide .slide-image-custom{margin-bottom:20px; max-height:225px; min-height:225px; overflow:hidden; } .country-publications .slick-slide .slide-image-custom img{display: inline-block; max-height:225px;} .country-publications .slick-slide .slide-title-custom{line-height:20px; min-height:40px; max-height:40px; overflow:hidden; margin-bottom:20px;} .country-publications .slick-slide .slide-download-custom{margin-bottom:20px;} .country-publications .slick-slide .slide-download-custom a.download-document{background:#fff; display: inline-block; padding:15px 25px; border:2px solid rgba(0, 0, 0, 0.2); border-radius:25px; font-size:13px; color:#005aac; line-height:13px; font-family: 'latobold'; text-transform:uppercase;} .country-publications .slick-slide .slide-download-custom a.download-document i{margin-right:10px; color:#777777;} .country-publications .slick-slide .slide-moreinfo-custom{font-size:12px; color:#005aac; text-transform: uppercase;} .country-publications .slick-slide .slide-moreinfo-custom a{color:#005aac;} .country-publications .slick-dots{bottom:-40px} .country-publications .slick-dots li button{width:15px; height:15px; border:3px solid #d2d2d2; background:#fff; border-radius:50%;} .country-publications .slick-dots li.slick-active button{background:#808080;} .country-publications .slick-dots li button::before{display: none;} .country-publications-slider .slick-prev::before, .country-publications-slider .slick-next::before{color:#000;} .country-publications-slider.slick-slider .slick-prev{left:-15px; top:50%;} .country-publications-slider.slick-slider .slick-next{right:-15px; top:50%;} /*edited by salim 26-09-2018 country puclications END*/ .main-content .container .row > .col-sm-3 .well{background:none; border:0px; } .country_contacts_inner h3, .koowa h3, .country_featured_video h3, .documents_ul_main h3, .mod_project_video h3, .our-stories-main h3, .grantee_contacts h3, .country_contacts h3, .project_contact_office h3{font-size:18px; color:#30190e; font-family: 'latobold'; text-transform: uppercase; margin:0 0 20px; line-height:18px;} .country_contacts, .country_featured_video, .grantee_contacts{margin-bottom:50px;} .adress-title{margin-top:50px;} .country_contacts_inner .contact_person_name, .country_contacts_inner .contact_address_label, .country_contacts_inner .contact_web_label{font-size:14px; color:#30190e; line-height:22px; font-family: 'latobold'; font-weight: normal;} .country_contacts_inner .contact_functional_title, .country_contacts_inner .contact_phone_number, .country_contacts_inner .contact_fax, .country_contacts_inner .contact_email, .country_contacts_inner .contact_address, .country_contacts_inner .contact_website, .koowa .koowa_header, .country_featured_video .video_title, .documents_ul_main .module_document{font-size:14px; color:#3c3633; line-height:22px;} .koowa, .mod_right_area{margin-bottom:50px;} .com_areaofwork #aside .documents_ul_main{display: none;} .country_featured_video .video_title{text-align: center; margin-top:15px;} .country_featured_video .video_title a{color:#30190e; text-align: center;} .main-content #photos .phototab_desc{font-size: 16px; line-height: 30px; margin-bottom: 30px; margin-top: 25px;} .main-content #photos .photoscontainer, .main-content #photos .photoscontainer1{float:left; width:33.33%; margin:0 0 30px !important; padding:0 15px;} .main-content #photos .photosthumbnail{text-align: center;} .main-content #photos .photosthumbnail img{width: auto; height:200px;} .main-content #photos .photoscontainer .photo_inner_container, .main-content #photos .photoscontainer1 .photo_inner_container{border:1px solid #ccc; float: left; width:100%;} .main-content #photos .projectstartdate, .main-content #photos .photostitlecontainer{padding:0 10px; font-size:15px; line-height:22px;} .main-content #photos .projectstartdate{font-size:13px;} .main-content #photos .projectstartdate .startdatetitle{ font-family: 'latobold'; font-weight: normal;} .main-content #photos .photostitlecontainer {text-transform: lowercase;} .main-content #photos .photostitlecontainer:first-letter {text-transform: uppercase;} .main-content #photos .photostitlecontainer{min-height:65px; max-height:65px; overflow: hidden; } .pagination{width:100%; text-align: center; margin:40px 0 30px;} .pagination ul.pagination-list{ display: inline-block; margin:0px; padding:0px; list-style: none; width:auto;} .pagination ul.pagination-list li{float: left; margin:0px 2px;} .pagination ul.pagination-list li a{width:32px; height:32px; border-radius:50%; display: inline-block; line-height:32px; text-align: center; color:#30190e; font-size:16px;} .pagination ul.pagination-list li.active a{background:#005aac; color:#fff;} .pagination ul.pagination-list li a.pagenav{position: relative;} .pagination ul.pagination-list li a.pagenav .icon-first, .pagination ul.pagination-list li a.pagenav .icon-last{display: none;} .pagination ul.pagination-list li a.pagenav .icon-previous:before{content:'\f100'; font-family:"FontAwesome" !important; } .pagination ul.pagination-list li a.pagenav .icon-next:before{content:'\f101'; font-family:"FontAwesome" !important; } .com_docman .pagination ul.pagination-list li{} .com_docman .pagination ul.pagination-list li:first-child span{text-indent:-8888px; font-size:0px;} .com_docman .pagination ul.pagination-list li:first-child span:before{content:'\f100'; font-family:"FontAwesome" !important; font-size:18px; line-height:32px; margin-right:10px;} .com_docman .pagination ul.pagination-list li:last-child span{text-indent:-8888px; font-size:0px;} .com_docman .pagination ul.pagination-list li:last-child span:before{content:'\f101'; font-family:"FontAwesome" !important; font-size:18px; line-height:32px; margin-left:10px;} #SGP_Voices{padding:40px 0px;} #SGP_Voices .videocontainer, #SGP_Voices .videocontainer1{float:left; width:33.33%; margin:0px 0px 40px; padding:0 15px; min-height:245px;} #SGP_Voices .videothumbnail{margin-bottom:10px; position: relative;} #SGP_Voices .videothumbnail img{width:100%;} #SGP_Voices .videotitlecontainer {min-height: 44px; max-height: 44px; overflow: hidden; margin-bottom:0px;} #SGP_Voices .videotitlespan a {font-size: 15px; line-height:22px; font-family: 'latobold'; font-weight: normal; color:#005aac;} #SGP_Voices .videothumbnail div.video_play_areaofwork, #SGP_Voices .videothumbnail div.video_play_countrypages {background:rgba(0, 0, 0, 0.3) url("../images/video_play_1.png") no-repeat center center; cursor: pointer; background-size:50px auto; height: 100%; left: 0; margin: 0; padding: 0; position: absolute; top: 0; width:100%;} #Stories{padding:40px 30px 40px 0;} #Stories .storyrow{display: inline-block; width:100%; margin-bottom:25px; padding-top:25px; border-top:1px solid #ccc;} #Stories .storyrow:first-child{padding-top:0px; border:none;} #Stories .storyrow .story-article-img{float:left; width:25%; padding-right:15px;} #Stories .storyrow .story-article-img img{width:auto; height:auto;} #Stories .storyrow .story-article-detail{float:left; width:75%;} #Stories .storyrow .story-article-detail .item_title{font-size:17px; line-height:22px; font-family: 'latobold'; font-weight: normal; margin-bottom:10px; display: inline-block; color:#30190e;} #Stories .storyrow .story-article-detail .item_title:hover{color:#005aac;} #Stories .storyrow .story-article-detail .readmore{font-family: 'latobold'; font-weight: normal; text-transform:uppercase; font-size:14px; display: block; margin-top:5px;} .partnership-section{padding:40px 0;} .partnership-section span[style*="color"] strong{font-family: 'latobold'; color:#30190e; font-size:18px;} /*--------- Country Page ---------*/ body .modal, .modal-block{position: relative; display: block; z-index: 0;} .countriesbasetabs{padding-top:50px; padding-right:25px;} #countrypages_main{padding:20px 0px;} #countrypages_main .description{font-size:18px; line-height:35px;} #countrypages_main .filter{margin:25px 0px;} #countrypages_main .filter .title{font-size:28px; font-family: 'latobold'; color:#30190e; margin:0 0 20px;} #countrypages_main .alphaindexes {background: #f5f5f5; margin-top: 0; padding: 15px 10px; width: 100%;} #countrypages_main div.alphaindex a, #countrypages_main div.firstalpha a{font-size:16px; padding:0 12px !important; color:#005aac;} #countrypages_main .alphaindexes .alphaindex, #countrypages_main div.firstalpha{width: auto !important;} #countrypages_main .alphaindexwise .alphaindex{font-family: 'latobold'; color:#30190e; font-weight: normal; font-size:20px;} #countrypages_main div.country_names div.country_names_column a{font-size:15px; line-height:28px; color:#005aac;} #countrypages_main .alphaindexwise .backtotop {border-bottom: 1px solid #ffe1a8; margin-top: 15px;} #countrypages_main div.backtotop div.arrow_brown{background:none;} #countrypages_main div.backtotop div.arrow_brown a{margin:8px 0;} #countrypages_main div.backtotop div.back_link a {font-size: 12px; font-weight:normal; text-transform: uppercase; font-family: 'latobold'; } #countrypages_main div.alphaindexwise .country_names .country_names_column{width:33.33%;} #shadowbox{font-family: 'latoregular';} #shadowbox_toolbar_inner div#shadowbox_nav_close {background: #eb0000; border-radius: 50%; bottom: -5px; font-size: 18px; height: 30px; line-height: 25px; padding: 0; position: relative; right: -15px; text-align: center; width: 30px; z-index: 1024;} #shadowbox_toolbar{margin:10px 0px;} .projectmap-section{} .projectmap-section h3, .testimonial-section h3, .project-section h3, .impact-section h3, .featured-story-section h3, .awards-section h3{font-size:20px; color:#30190e; font-family: 'latobold'; text-transform: uppercase; margin:0 0 25px; line-height:18px;} .projectmap-section #projectmap #projects_map{width:100%; height:385px;} .projectmap-section .project-list-links{display: inline-block; width:100%; background:#f5f5f5; text-align:right; padding:10px 15px; margin-bottom:30px;} .projectmap-section .project-list-links .allactiveprojects, .projectmap-section .project-list-links .allprojects{display: inline-block;} .projectmap-section #projectmap .allactiveprojects, .projectmap-section #projectmap .allprojects{font-size: 14px; margin:0px; padding: 0 15px 0 10px; text-transform: uppercase; font-family: 'latobold';} .projectmap-section #projectmap .allactiveprojects a, .projectmap-section #projectmap .allprojects a{color:#005aac;} .projectmap-section #projectmap .allactiveprojects a:hover, .projectmap-section #projectmap .allprojects a:hover{color:#333;} .projectmap-section #projectmap .allactiveprojects{border-right:2px solid #666;} .testimonial-section{} .testimonial-section .comment{background:#f5f5f5; padding:15px 20px; border-radius:5px; font-size:19px; font-style:italic; position: relative; margin-bottom:15px;} .testimonial-section .comment:before {bottom:-25px; color: #f5f5f5; font-style:normal; content: "\f0dd"; font-family: "FontAwesome"; font-size: 47px; position: absolute; right: 35px;} .testimonial-section .fname, .testimonial-section .organization, .testimonial-section .readmore{text-align: right; line-height:28px;} .project-section, .impact-section, .featured-story-section, .awards-section{padding-top:50px;} .successful-project-list{display: inline-block; margin-bottom: 20px; width: 100%;} .successful-project-list .project-thumb{float:left; width:20%;} .successful-project-list .project-content{float:left; width:80%;} .successful-project-list .project-content .project-title{font-family: 'latobold'; font-size:17px; margin-bottom:10px;} .impact-section{margin-bottom:50px;} .impact-section .impact-desc .row{display:flex;} .impact-section .impact-desc .col-sm-6{border:2px solid #fff;} .impact-section .impact-desc .col-sm-6:nth-of-type(odd) {background: #fff;} .impact-section .impact-desc .col-sm-6:nth-of-type(even) {background:#f6f6f6;} .impact-section .impact-desc .col-sm-6 .content-first, .impact-section .impact-desc .col-sm-6 .content-second{background:#f6f6f6; margin:0 -15px 0 0; padding:20px;} .impact-section .impact-desc .col-sm-6 .content-first{margin-bottom:4px;} .impact-section .impact-desc .col-sm-6 .content-third{padding:20px 5px;} .impact-section .impact-desc .col-sm-6 p{color:#30190e; font-size:16px; line-height:20px; margin-bottom:10px;} .impact-section .impact-desc .col-sm-6 ul{margin:0px; padding:0 0 0 15px; color:#463b36;} .featured-story-section .featured-story-img{width:30%; float: left; margin-right:20px; margin-bottom:20px;} .featured-story-section .featured-story-img img{width:100%; height:auto;} .featured-story-section .featured-story-title{font-family: 'latobold'; font-size:17px; margin-bottom:10px;} .featured-story-section .featured-story-title a{color:#30190e;} .featured-story-section .featured-story-title a:hover{color:#005aac;} .featured-story-section .readmore_link{border-top: 3px solid #f3f3f3; margin: 25px 0 0; padding-top: 15px; text-align: center;} .featured-story-section .readmore_link a{font-size: 13px; line-height: 30px; font-family: 'latobold'; color: #005aac; text-transform: uppercase;} .featured-story-section .readmore_link i{color: #fcb034; font-size: 18px; line-height: 10px; margin-left: 10px; margin-top: -3px; vertical-align: middle;} .featured-story-section .readmore_link a:hover{color:#fcb034;} .awards-section{} .awards-section .awards-tabs ul li, .awards-section .awards-tabs ul li:last-child{background:none; border:0px; position: relative; line-height:50px; padding:0 15px;} .awards-section .awards-tabs ul li.active{border:0px;padding:0 15px;} .awards-section .awards-tabs ul li.phototab{padding:0 15px;} .awards-section .awards-tabs ul li.active:before{background:#e29b19; height:3px; position: absolute; bottom:0px; left:0px; width:100%; content:"";} .awards-section .awards-tabs ul li a, .awards-section .awards-tabs ul li a:focus, .awards-section .awards-tabs ul li.active:hover a{font-size:14px; color:#009bc0; font-family: 'latobold'; border:0; background:none; padding:15px; line-height:12px;} .awards-section .awards-tabs ul li.active a, .awards-section .awards-tabs ul li.active:hover a{color:#30190e;} .awards-section .tab-content{padding:25px;} .awards-section .tab-content .col-sm-12{margin-bottom:30px;} .awards-section .awards-data-title{font-size:16px; color:#30190e; font-family: 'latobold'; line-height:18px; margin-bottom:5px;} .awards-section .awards-data-desc{font-size:14px; color:#463b36; line-height:22px;} .awards-section .awards-data-desc p{margin:10px 0 0;} .awards-section .awards-data-desc p:first-child{margin:0px;} .awards-section .awards-data-desc ul{margin:15px 0px 35px; padding-left:15px;} .awards-section .awards-data-desc ul li{margin-bottom:5px;} /*------------ OUR VOICES CSS ----------*/ #adminForm{padding-top:40px;} #adminForm .media-details-view{} #hwd-container .media-details-view h1.contentheading, #hwd-container .media-details-view h2.contentheading, #hwd-container .media-details-view h3.contentheading, #hwd-container .media-details-view h4.contentheading, #hwd-container .media-details-view h5.contentheading, #hwd-container .media-details-view h6.contentheading{font-family: 'latobold'; font-weight: normal;} #adminForm #hwd-container .media-details-view h2.contentheading{font-size:17px; margin-bottom:25px;} #adminForm #hwd-container .media-details-view h2.contentheading a{color:#5d2000;} #adminForm #hwd-container .media-details-view h2.contentheading a:hover{color:#005aac;} #adminForm #hwd-container .media-details-view .video_view{position:relative;} #adminForm #hwd-container .media-details-view .video_view .video_play_mod{background:rgba(0, 0, 0, 0.3) url("../images/video_play_1.png") no-repeat center center; cursor: pointer;background-size:50px auto; height: 100%; left: 0; margin: 0; padding: 0; position: absolute; top: 0; width:100%; z-index:1;} #adminForm #hwd-container .media-details-view .video_view .video_play_mod:hover{background-color:rgba(0, 0, 0, 0.7);} /*-------------- OUR STORY PAGE --------------*/ .our-story-wrap{max-width:1140px; margin:0 auto; padding-top:60px;} .our-story-wrap .col-sm-4{padding:0 20px; margin-bottom:40px;} .our-story-wrap .our-story-image {height: 400px; overflow: hidden; position: relative;} .our-story-wrap .our-story-image img{left:50%; margin:0 0 0 -75%; position: absolute; max-width:inherit;} .our-story-wrap .our-story-parent{position: relative;} .our-story-wrap .our-story-parent .our-story-overlay{position: absolute; top:0; left:0px; width:100%; height:100%; background:rgba(0,0,0,0.5); color:#fff; line-height:400px;} .our-story-wrap .our-story-parent .our-story-detail{line-height: normal; display: inline-block; vertical-align:middle; padding:0px 20px; text-align: center; font-family: 'latobold'; width:100%;} .our-story-wrap .our-story-parent .our-story-detail .our-story-date{text-transform:uppercase; font-size:13px; margin-bottom:15px; line-height:10px;} .our-story-wrap .our-story-parent .our-story-detail .our-story-title{font-family: 'latobold'; font-weight: normal; font-size:19px; line-height:26px;} .our-story-wrap .our-story-parent .our-story-detail .our-story-title a{color:#fff;} .our-story-wrap .our-story-parent .our-story-detail .our-story-desc{margin-top:25px; margin-bottom:20px; font-size:15px; line-height:23px;} .our-story-wrap .our-story-parent .our-story-detail .our-story-readmore{color:#fcb034; font-size:13px; line-height:23px;} .our-story-wrap .our-story-parent .our-story-detail .our-story-readmore a{color:#fcb034;} .our-story-wrap .our-story-parent .our-story-detail .our-story-readmore a i{margin-left:8px;} .our-story-wrap .our-story-parent .our-story-detail .our-story-desc, .our-story-wrap .our-story-parent .our-story-detail .our-story-readmore{display: none; opacity:0; transition:0.5s;} .our-story-wrap .our-story-parent:hover .our-story-overlay{background:rgba(0,0,0,0.85);} .our-story-wrap .our-story-parent:hover .our-story-detail .our-story-desc, .our-story-wrap .our-story-parent:hover .our-story-detail .our-story-readmore{display: block; opacity: 1; animation: fadein 2s; -moz-animation: fadein 2s; /* Firefox */ -webkit-animation: fadein 2s; /* Safari and Chrome*/ -o-animation: fadein 2s; /* Opera */} @keyframes fadein {from {opacity:0;} to {opacity:1;}} @-moz-keyframes fadein {from {opacity:0;} to {opacity:1;}}/* Firefox */ @-webkit-keyframes fadein {from {opacity:0;} to {opacity:1;}}/* Safari and Chrome */ @-o-keyframes fadein fadein {from {opacity:0;} to {opacity:1;}}/* Opera */ .projects_page{padding-top:30px; padding-right: 30px;} .projects_page .project-introtext{font-size:17px; line-height:30px;} .projects_page .project-searchbox{padding-top:25px;} .projects_page .project-form-data{background:#E5F4F5; padding:20px; display: inline-block; width:100%; margin-bottom:40px;} .projects_page .project-form-data .project-landing-div{margin-bottom:10px;} .projects_page .project-form-data .search-input-box{margin-bottom:20px;} .projects_page .project-form-data .inputbox_long{width:100%; padding:10px;} .projects_page .project-form-data .region-landing-div{width:100%; margin-bottom:15px;} .projects_page .project-form-data .region-landing-div .region-landing-title{display: inline-block; width:190px;} .projects_page .project-form-data .region-landing-div .project-landing-content{display: inline-block; width:77%;} .projects_page .project-form-data .area-of-work-data, .projects_page .project-form-data .specify-operational-data{width:50%; float:left; margin-bottom:20px;} .projects_page .project-form-data .area-of-work-data .region-title, .projects_page .project-form-data .specify-operational-data .region-title{width:190px; display: inline-block;} .projects_page .project-form-data .area-of-work-data .area-of-work-data-inner, .projects_page .project-form-data .specify-operational-data .specify-operational-data-inner{width:50%; display: inline-block;} .region-landing-title, .region-title{font-family: 'latobold'; font-weight: normal; font-size:15px;} .project-submit-button{display: inline-block; width:100%; margin-top:15px;} .project-landing-content a, .area-of-work-data-inner a, .specify-operational-data-inner a{font-family: 'latobold'; font-weight: normal; font-size:15px; min-width:185px; display: inline-block;} #region_data .region-landing-page, .area-of-work-data .area_of_work_checkboxes, .specify-operational-data .operational_checkboxes{background:#fff; margin-top:15px; min-height:320px;} #region_data .region-landing-page .region-title{padding:10px 15px; background:#b8e8eb;} #region_data .region-landing-page .region-landing-data{padding:10px 15px; font-size:15px;} #region_data .region-landing-page .region-landing-data .region-landing-data-inner{display: inline-block; margin-left:25px;} #region_data .region-landing-page .region-landing-data .region-landing-data-inner:first-child{margin-left:0px;} #region_data .region-landing-page .region-landing-data .region-landing-data-inner input{margin-right:5px;} #region_data .region-landing-page .region-landing-data.coutry-list .region-landing-data-inner{margin: 0 0 10px; width: 24%; width:100%;} .area-of-work-data .area_of_work_checkboxes, .specify-operational-data .operational_checkboxes{padding:10px 15px; width:94%;} .specify-operational-data .operational_checkboxes{width:100%;} .area-of-work-data .area_of_work_checkboxes label, .specify-operational-data .operational_checkboxes label{font-family: 'latoregular'; font-weight: normal; font-size:15px; margin:0px;} .area-of-work-data .area_of_work_checkboxes tr td, .specify-operational-data .operational_checkboxes tr td{padding-bottom:10px; } .project-submit-button {margin-top:25px;} .project-submit-button input.button_yellow{background:#005aac; padding:15px 35px 15px 35px; font-size:13px; font-family:'latobold'; color:#fff; display:inline-block; line-height:13px; border:0px; border-bottom:3px solid #005984; position: relative; text-transform: uppercase;} .project-submit-button input.button_yellow:hover{background:#005984; border-color:#000;} .years{margin:0px 0px 50px; padding:0 0 0 15px;} .years li{margin-bottom:10px;} .years li a{font-family: 'latobold'; text-transform: uppercase; color:#30190e;} .years li a:hover{color:#005aac;} .country_featured_video{} .country_featured_video .video_view{position:relative;} .country_featured_video .video_view a{display: inline-block;} .country_featured_video .video_view .video_play_mod{background:rgba(0, 0, 0, 0.3) url("../images/video_play_1.png") no-repeat center center; cursor: pointer;background-size:50px auto; height: 100%; left: 0; margin: 0; padding: 0; position: absolute !important; top: 0; width:100%; z-index:1;} .our-stories-main.proj-story{margin:0px 0px 50px;} .our-stories-main.proj-story .our-stories-image{width:100%; display:inline-block; margin-bottom:0;} .our-stories-main.proj-story .our-stories-image img{width:100%;} .our-stories-main.proj-story .our-stories-content{width:100%; display:inline-block; text-transform: capitalize} .our-stories-main.proj-story .our-stories-content .our-stories-title, .our-stories-main.proj-story .our-stories-content .read-more-link{font-family: 'latobold'; font-weight: normal; font-size:14px; margin-bottom:5px;} .our-stories-main.proj-story .our-stories-content .read-more-link{text-transform:uppercase;} .our-stories-main.proj-story hr{border-top:2px solid #ccc; margin:10px 0;} .our-stories-main.proj-story .our-story-readmore{color: #005aac; font-family: "latobold"; font-size: 13px; line-height: 30px; text-transform: uppercase; text-align: center;} .our-stories-main.proj-story .our-story-readmore i{margin-left:5px;} .mod_project_area{} .mod_project_area .project_docman_left{margin-bottom:20px;} .mod_project_area .project_docman_right .docleft{color: #005aac; font-family: "latobold"; font-size: 14px; line-height: 20px;} .mod_project_area .project_docman_right .document_date{color:#555; font-size: 14px; line-height: 20px; margin-bottom:5px;} .mod_project_area .docman_readmore{font-family: "latobold"; font-size: 14px; line-height: 20px; text-transform: uppercase; border-top:2px solid #ccc; padding-top:15px; margin-top:15px; text-align: center;} .mod_project_area .docman_readmore i{margin-left:5px;} .content-next-prev{border-top:1px solid #e2e7e7; padding:40px 0px; width:100%; max-width:940px; margin:0 auto; font-size:0px;} .content-next-prev .content-prev, .content-next-prev .content-next{width:50%; display: inline-block;} .content-next-prev .content-next{text-align:right;} .content-next-prev .content-prev .content-prev-arrow{float:left; width:35px; font-size:50px;} .content-next-prev .content-prev .content-prev-arrow a{color:#c2bebb;} .content-next-prev .content-prev .content-prev-inner{float:left; width:calc(100% - 35px);} .content-next-prev .content-next .content-next-arrow{float:right; width:35px; font-size:50px;} .content-next-prev .content-next .content-next-arrow a{color:#c2bebb;} .content-next-prev .content-next .content-next-inner{float:right; width:calc(100% - 35px);} .prev-stories, .next-stories{ font-size: 14px; font-family: "latobold"; color:#31190d; text-transform: uppercase; line-height:14px; margin-bottom:7px;} .content-prev-title a, .content-next-title a{font-size:18px; color:#463b35; line-height:25px;} .content-prev-title a:hover, .content-next-title a:hover{color:#005aac;} /*----------------- PROJECT RESULT ----------*/ .project_search_main{display: inline-block; width:100%;} .project-search-left-section{float:left; width:25%; padding-right:50px;} .project-search-right-section{float:left; width:75%; padding:0px 25px;} .project-search-left-section:before {background: #e5f4f5; content: ""; height: 100%; right: 75%; position: absolute; top: 0; width: 100%; z-index: 0;} .project_search_box_left, .refine_search_title, .refine_search_title, .clear-button, .region_area{position: relative;} .project_search_box_left{display: inline-block; width:100%; margin-bottom:10px;} .project_search_box_left input.input_search_l{width:80%; float:left; border:1px solid #AADDE0; height:40px;} .project_search_box_left .serch-submit-button{float:left; width:17%; margin-left:3%;} .project_search_box_left .serch-submit-button #submt_rename{width:100%; background:#005aac; color:#fff; height:40px;} div.refine_search_title{display: inline-block; width:100%; background:#fff; padding:10px; height:auto; font-family: 'latobold'; text-transform: uppercase; text-align: center;} div.clear-button{background:#fff; padding:0 15px 15px; text-align:center;} div.clear-button input.clear_selection{background: #76af3b; border: 0; color: #ffffff; font-size: 14px; padding: 7px 20px; text-transform: uppercase; width: 100%;} div.region_area{padding:15px 0px;} div.region_area .region_title{} div.region_area .region_title .tt_main_title{font-family: "latobold"; font-size: 18px; font-weight: normal; text-transform: uppercase;} div.region_area .region_title .tt_main_title img{display: inline-block; font-size: 18px; margin-left: 5px; margin-top: -2px; vertical-align: middle;} div.region_area div.imagetooltip{left:100%; border:2px solid #666; background:#fff; } div.region_area div.tooltip_arrow{background:none;} div.region_area div.tooltip_arrow::before{background: none; color: #666; content: "\f0d9"; font-family: FontAwesome; font-size: 39px; left:-7px; position: absolute; top: 0;} div.region_area .tp_head{background:#fff; width:100%; height:auto;} div.region_area .tp_content{background:#fff; width:100%; padding:15px;} div.region_area div.region_data_main_area{width:100%; margin:0px;} div.region_area .tp_head div.closebox{margin: 0; padding: 0; position: absolute; right:-10px; top:-10px; line-height:normal;} div.region_area .tp_head div.closebox img{margin:0px;} div.region_area div.region_data_main_area_inner{display:inline-block; width:100%;} div.region_area div.region_data_main_area_inner .region_title_h, div.region_area div.country_data_main_area_inner div.region_title_h{background: #009bc0; border-color: #009bc0; color: #ffffff; margin-bottom: 10px; width: 98%; font-family: 'latobold'; font-weight: normal; height:auto;} div.region_area div.region_data_main_area_inner .region_data_main_area_data{margin-bottom:10px;} div.region_area div.region_data_main_area_inner .region_data_main_area_data .region, div.region_area div.region_data_main_area_inner .region_data_main_area_data div.region_last{display: inline-block; float: none; margin: 0 0 0 25px; padding: 0; width: auto; font-size:15px;} div.region_area div.region_data_main_area_inner .region_data_main_area_data .region:first-child{margin-left:0px;} div.region_area div.region_data_main_area_inner .region_data_main_area_data .region input, div.region_area div.region_data_main_area_inner .region_data_main_area_data div.region_last input{margin-right: 5px;} div.region_area div.country_data_main_area_inner .region_data_main_area_data .search-input-area{display:inline-block; font-size:15px; margin-bottom:5px; width:33%;} div.region_area div.country_data_main_area_inner .region_data_main_area_data .search-input-area input{margin-right: 5px;} div.region_area .country_data_main_area_inner .closebox{margin-top:15px; margin-bottom:15px;} div.region_area .country_data_main_area_inner .closebox span{background:#005aac; padding:15px 35px 15px 35px; font-size:13px; font-family:'latobold'; color:#fff; display:inline-block; line-height:13px; border:0px; border-bottom:3px solid #005984; position: relative; text-transform: uppercase; max-width:150px; width:100%; text-align: center;} div.region_area .country_data_main_area_inner .closebox span:hover{background:#005984; border-color:#000;} .area-of-work-search-data .region_subtitle, .op-search-data .region_subtitle, .start-date-search-data .region_subtitle, .photo-search-data .region_subtitle{font-family: "latobold"; font-size: 16px; height: auto; margin-top: 25px; text-transform: uppercase; width: 100%;} .area-of-work-search-data .area-of-work-search-data-inner{} .area-of-work-search-data .area-of-work-search-data-inner label, .op-search-data .op-search-data-inner label, .start-date-search-data .start-date-inner label, .photo-search-data .photo-search-inner label{font-size: 15px; font-weight: normal; padding-left: 10px;} .search-submit{margin-top:25px;} .search-submit input{background:#005aac; padding:15px 35px 15px 35px; font-size:13px; font-family:'latobold'; color:#fff; display:inline-block; line-height:13px; border:0px; border-bottom:3px solid #005984; position: relative; text-transform: uppercase; width:100%; text-align: center;} .search-submit input:hover{background:#005984; border-color:#000;} .project-search-right-section{} .project-search-right-section .pagination{margin:0px;} div.nu_area_yellow{background:#E5F4F5; width:100%; position: relative; margin:0px; font-family:'latobold'; font-size:17px;} .project-list-table{margin-top:25px;} .project-list-table table.project_topsearch_t{line-height:normal; margin-bottom:10px; background:none; border-bottom:2px solid #005aac;} .project-list-table .pagination nav{text-align:right; line-height:normal; margin-top:10px;} .project-list-table .pagination nav ul li:last-child{display: none;} .project-list-table .pagination ul.pagination-list li{line-height:normal;} span.projects_limits a.active, td.table_title_p a, .nounderline{font-family:'latobold'; font-weight:normal;} .project-list-table td.table_title_p{background:none;border-bottom:2px solid #005aac; padding:6px 10px;} td.yellow_light_bg, td.yellow_light_bg_first{background:#E5F4F5; height:auto; padding:12px 10px; line-height:20px;} td.project_number_line{color:#30190e; font-family:'latobold'; font-weight: normal; font-size:15px;} .statement_into{font-size:15px;} .grey_bold_right{font-size:14px; line-height:22px;} .contact-title{color:#30190e; font-family:'latobold'; font-size:14px;} .contact-data{color:#30190e; font-size:14px;} .publish-view{display: inline-block; width:100%; margin-bottom:30px;} .publish-view .pub-image{float:left; width:12%;} .publish-view .pub-des{float:left; width:87%; margin-left:1%;} .publish-view .pub-des .title{color:#30190e; font-family:'latobold'; font-weight: normal; font-size:18px; margin-bottom:10px;} .publish-view .pub-des .title a{color:#30190e;} .publish-view .pub-des .download-link{font-size:15px;} .publish-view .pub-des .download-link a{display: inline-block; margin-bottom:5px;} .publicationlist .row {margin-bottom: 15px;} .pub-list-2{display: inline-block; width:100%; margin-bottom:20px;} .publicationlist .row .col-sm-2 img{width:100%;} .publicationlist .row .col-sm-10{font-family:'latobold'; font-weight: normal; font-size:17px;} html body div.moduletabledocs_ourapproach{position: relative; z-index:1; margin-top:35px;} html body div.moduletabledocs_ourapproach div.koowa h3, html body .mediacontentplg div.koowa h3{background:#005aac; color:#fff; font-weight: normal; font-family: 'latobold';} .docs_ourapproach ul{margin:0px; padding:0px; list-style:none;} html body div.moduletabledocs_ourapproach div.koowa li.module_document, html body div.moduletabledocs_ourapproach div.koowa li.module_document.first, html body div.moduletabledocs_ourapproach div.koowa li.module_document.second, html body div.moduletabledocs_ourapproach div.koowa li.module_document.third{width:32.66%; margin:1% 0 0 1%; background:#E5F4F5; height:auto;} html body div.moduletabledocs_ourapproach div.koowa li.module_document.first{margin-left:0px;} html body div.moduletabledocs_ourapproach div.koowa div.clrscr{display: block;} html body div.moduletabledocs_ourapproach div.koowa li.module_document a{font-weight: normal; font-family: 'latobold'; font-size:14px; line-height:20px;} html body .mediacontentplg{display: inline-block; margin:35px 0px;} html body .mediacontentplg div.koowa h3{} html body .mod_hwd_media_share_main .row-fluid{display: block} html body .mod_hwd_media_share_main .span4{width:25%; height:auto;} html body .mod_hwd_media_share_main .span4 .media_share_img{min-height:170px; height:auto; position: relative;} html body .mod_hwd_media_share_main .span4 .media_share_img img.featured_video_img{max-height:180px; height: auto;} html body .mod_hwd_media_share_main .span4 .media_share_img .video_play_button{background:rgba(0, 0, 0, 0.3) url("../images/video_play_1.png") no-repeat center center; background-size:50px auto; cursor: pointer; height: 100%; left: 0; margin: 0; padding: 0; position: absolute; top: 0; width:100%;} html body .mod_hwd_media_share_main .media_share_title a{font-weight:normal !important; font-family: 'latobold'; font-size:15px; color:#005aac;} html body .mod_hwd_media_share_main .media_share_title a:hover{color:#30190e;} html body .mod_hwd_media_share_main .media_share_title span{display: inline-block; line-height:20px;} .link {display: inline-block; margin-bottom:8px;} /*---------- PROJECT DETAILS ------*/ .projectstable{padding-right:30px; padding-bottom:50px;} .projectstable .projectheading{color: #30190e; font-family: "latobold"; font-size: 28px; margin: 0 0 20px;} .projectstable .porject_description{font-size: 16px; line-height: 30px; margin-bottom:30px;} .pr_snapshot {float: left; margin-bottom: 30px; width:60%;} .pr_snapshot h3, .pr_photogallery h3{background:#ddd; color: #30190e; margin:0px; width:100%; font-size:16px; font-weight: normal; font-family: 'latobold'; padding:15px 15px; text-transform:uppercase;} .pr_snapshot .snapshot-data-inner{background:#E5F4F5; color: #30190e; padding:10px 15px; display: inline-block; width:100%; font-size:15px;} .pr_snapshot .snapshot-data-inner:nth-of-type(odd) {background:#fff;} .pr_snapshot .snapshot-data-inner:nth-of-type(even) {background:#E5F4F5;} .pr_snapshot .snapshot-data-inner .pr-snapshot-title{float: left; font-family: "latobold"; font-weight: normal; width: 35%;} .pr_snapshot .snapshot-data-inner .pr-snapshot-data{float: left; font-weight: normal; width: 65%;} main.col-sm-9{position:inherit;} #backlink{bottom:15px; font-family:"latobold"; font-weight:normal; padding-right:40px; position:absolute; text-transform:uppercase; width:100%;} #backlink:hover{color:#30190e;} .projectstable .description-data{clear: both; margin-bottom: 50px;} .projectstable .description-data .pr_title, .project-indicator-section .pr_title{font-family: "latoregular"; font-weight: normal; font-size:20px; margin-bottom:10px;} .projectstable .description-data .pr_subtitle, .project-indicator-section .pr_subtitle{font-family: "latobold"; font-weight: normal; margin-bottom:10px; font-size:17px;} .projectstable .description-data .small_font, .project-indicator-section .pr_indicator_value{margin-bottom:20px;} .projectstable .description-data .Descriptions_more{text-align:left; color:#005aac; font-size:13px; font-family: 'latobold'; text-transform:uppercase; cursor:pointer; display: inline-block;} .project-indicator-section{margin:30px 0px;} .pr_photogallery {float: left; margin: 0 0 30px 4%; width:36%;} .pr_photogallery_box{background:#E5F4F5; padding:20px; text-align: center;} .pr_photogallery_box div{color:#30190e; font-size:15px; font-family: 'latobold'; text-transform: uppercase;} #googleMap{margin-bottom:30px !important;} .photolist{} .photolist .col-sm-4{margin-bottom:10px;} .photolist .col-sm-4 img{width:100%; margin-bottom:10px;} .photolist2{} .photolist2 [class*="col-sm"]{margin-bottom:20px;} /*-------------- Publications -------------*/ .koowa.com_docman {padding:30px 0px;} .docman_list_layout .docman_document{border-bottom: 1px solid #cccccc; display: inline-block; margin-bottom: 25px; padding-bottom: 25px; width: 100%; margin-top:0px;} /* .docman_list_layout .docman_document:first-child{border:0px; padding-top:0px;} */ .docman_list_layout .docman_document:first-child{padding-top:0px;} .docman_list_layout .docman_document .docman_image{float:left; width:220px; margin-right:15px;} .docman_list_layout .docman_document .koowa_header{float: left; width: calc(100% - 235px);} .koowa .docman_list_layout .docman_document .docman_thumbnail{margin:0px; max-width:100%; min-width:100%;} .docman_list_layout .docman_document .koowa_header .koowa_header__title_link {font-size:18px; font-family: 'latobold'; font-weight: normal; color:#333; text-transform:uppercase; margin-bottom:10px;} /* .docman_list_layout .docman_document .koowa_header .koowa_header__title_link:hover{color:#005aac;} */ .docman_list_layout .docman_document .docman_description{padding:8px 0px;} .docman_list_layout .docman_document .docman_description p{line-height:1.42857143 !important;} .docman_list_layout .docman_document .docman_description p span{color:#3c3633 !important; line-height:1.42857143 !important;} .docman_list_layout .docman_document .sgptags > br:first-child{display: none;} .country_contacts_inner .contact_functional_title, .country_contacts_inner .contact_phone_number, .country_contacts_inner .contact_fax, .country_contacts_inner .contact_email, .country_contacts_inner .contact_address, .country_contacts_inner .contact_website, .koowa .koowa_header, .country_featured_video .video_title, .documents_ul_main .module_document{font-size:16px; line-height:20px;} .docman_list_layout .docman_document .koowa_header .detailsbutton{margin-top:10px} .docman_list_layout .docman_document .koowa_header .detailsbutton a.button{background-color: #005aac; border-bottom: 0px solid #005984; color: #ffffff; display: inline-block; font-family: "latobold"; font-weight:normal; font-size: 13px; height:35px; line-height:35px; margin-bottom: 10px; padding:0px 25px; text-transform: uppercase; width: auto;} .docman_list_layout .docman_document .koowa_header .detailsbutton a.button:hover{background: #005aac;} .docman_description pre{width:auto !important; height:auto !important} pre{background:none; font-size: 16px; line-height: 23px;} .docman_list_layout h5{color: #30190e; font-family: "latobold"; font-size:25px; font-weight: normal; margin:0px 0px 20px;} .docman_list_layout .morelist{margin-bottom:40px;} .docman_list_layout .morelist{font-weight: normal; font-size:17px;} .docman_document_layout{} .docman_document_layout .docman-detail-title{font-size:20px; font-family: 'latobold'; font-weight: normal; margin-bottom:15px;} .docman_document_layout .docman-inner-detail{} .docman_document_layout .docman-inner-detail .docman-thumb-section{float:left; width:13%;} .docman_document_layout #dm_details{margin:0px; padding:40px 0;} .docman_document_layout #dm_details .docman-inner-detail .docman-thumb-section img{margin:0px;} .docman_document_layout .docman-inner-detail .docman-description-section{float: left; font-size: 17px; line-height: 27px; margin-left: 2%; width: 85%;} .docman_document_layout .docman-inner-detail .docman-description-section p{margin-bottom:15px;} .docman_document_layout .docman-inner-detail .docman-sgptags-section{clear: both;} .docman_document_layout .dm_taskbar li{margin-right:5px !important;} .docman_document_layout .dm_taskbar li a{background: #005aac; border:0px; border-bottom: 3px solid #005984; color: #ffffff; display: inline-block; font-family: "latobold"; font-size: 13px; height: 45px; line-height: 15px; margin-bottom: 10px; padding: 14px 25px; text-transform: uppercase; width: auto; border-radius:0px;} .docman_document_layout .dm_taskbar li a:hover{background: #005aac;} .document-list{display: inline-block; width:100%; padding-bottom:20px; border-bottom:1px solid #ddd; margin-bottom:20px;} .document-list .document-img{width:200px; float:left;} .document-list .document-img img{width:auto; height:auto;} .document-list .document-content{width:calc(100% - 200px); float:left; padding-left:25px;} .document-list .document-content .document-title{ font-family:"latobold"; font-size:17px; font-weight:normal; margin-bottom:10px;} /*---------------- NEWSLETTER -----------*/ .newsletter-head{display:inline-block; width:100%; margin-bottom:20px; padding:10px 15px; background:#E5F4F5;} .newsletter-head input.inputbox{height:40px; max-width:300px; width:100%; padding:0 15px; display:inline-block; vertical-align: middle;} .newsletter-head .btn {background:#005aac; color:#fff; display:inline-block; vertical-align: middle; height:40px; border-radius:0px; margin-left:10px;} .newsletter-head .btn.buttongo{margin-left:-3px;} .newsletter-head .btn.buttonreset{background:#665b55;} .newsletter-head #orderingoption{} .newsletter-head #orderingoption select{width:150px !important; height:40px; padding:0 10px;} #acyarchivelisting .archiveRow{border-bottom: 1px solid #cccccc; display: inline-block; margin-bottom: 15px; padding-bottom: 15px; width: 100%;} #acyarchivelisting .archiveRow .archiveItemPict{margin-right:10px;} #acyarchivelisting .archiveRow .acyarchivetitle{font-weight: normal; font-family: 'latobold'; font-size:20px; margin-bottom:10px;} #acyarchivelisting .archiveRow .sentondate{font-size:14px;} #acyarchivelisting {padding:40px 0px;} #acyarchivelisting h4{font-size:25px; font-family: 'latobold'; font-weight: normal; margin-bottom:15px;} #acyarchivelisting #adminForm{padding-top:20px;} /*-------------- CONTACT US ------------*/ .addressbox1 .col-sm-4 .innercontact, .addressbox2 .col-sm-4 .innercontact, .addressbox3 .col-sm-4 .innercontact, .addressbox4 .col-sm-4 .innercontact{background:#E5F4F5; padding:15px; margin-bottom: 20px;} .structure-div .col-sm-2{text-align: center;} .structure-div .col-sm-2 a{display: inline-block; margin:25px 0px;width: 100%;} .graphdesign{text-align: center; margin-bottom:30px;} .graphdesign .bluebox{background:#2f94b6; padding:18px 10px; color:#fff; font-family: 'latobold'; font-size:20px; margin:10px 0px;} .graphdesign .bluebox .inner-content{max-width:785px; margin:0 auto;} .jf_mm_wrapper li.active > a{background:#333;} #Testimonials{padding-top:40px;} #Testimonials table.testimonialtable .comment{font-family: 'latoregular'; font-size:20px;} #Testimonials table.testimonialtable .author, #Testimonials table.testimonialtable .organization{font-family: 'latobold'; font-weight:normal; padding-bottom:10px;} #Testimonials table.testimonialtable .description{padding-top:20px;} .article-info.muted{visibility: hidden; display: none;} .view-itemlist{} .view-itemlist .main-content {background:#e7e7e7;} .view-itemlist .main-content .container .row > #aside.col-sm-3{padding:0px;/* border-left:1px solid #dddddd */} .view-itemlist .main-content .container .row > #aside.col-sm-3::before{display: none;} .view-itemlist .main-content .container{background:#fff; border-radius:5px; margin-top:50px; margin-bottom:50px; overflow:hidden; } .view-itemlist .main-content #content .container{margin-top:0px;} .view-itemlist .main-content .container .row #content{/* border-right:1px solid #dddddd; */ position:relative;} .view-itemlist .main-content .container .row #content:before{content:''; background: #dddddd; position: absolute; top: 0; right:0px; height:100%; width:1px; min-height:870px;} .view-itemlist .main-content .container .row{position: relative} .view-itemlist .main-content .container .row:before{content:''; background: #dddddd; position: absolute; top: 0; right:25%; height:100%; width:1px;} .view-itemlist .main-content #content .container .row:before{display:none;} .view-itemlist.layout-tag .main-content .container .row:before{background:none;} #itemListLeading .catItemView, #itemListPrimary .catItemView, #itemListSecondary .catItemView, #itemListLinks .catItemView, .userItemList .userItemView{border-top:1px solid #e0e0e0; padding-top:20px; margin-bottom:20px; margin-right:0; padding-left:0px; padding-right:0px;} .catItemView div.catItemHeader h3.catItemTitle, .userItemList .userItemView h3.userItemTitle{font-size:18px; font-family: 'latobold'; padding:0px; text-transform:uppercase; margin-bottom:10px;} .catItemView div.catItemHeader h3.catItemTitle a, .userItemList .userItemView h3.userItemTitle a{color: #333;} .catItemView .catItemIntroText{padding:0px; margin-bottom:10px;} .catItemView .catItemIntroText h1{margin:0px; font-size:16px; color:#aaaaaa; line-height:20px;} .catItemView div.catItemAttachmentsBlock{padding:0px; border:0px;} .catItemView div.catItemAttachmentsBlock a{background:#f5a81c; display: inline-block; border-radius:3px; color:#fff; padding:3px 10px; font-size:13px; } .catItemView div.catItemImageBlock{padding:0px;} .view-itemlist ul.filter-options{padding:0 !important;} .view-itemlist .sj-k2-filter h3.block-subtitle{display: none;} .view-itemlist .sj-k2-filter .filter-field .filter-options-title{margin-bottom:0;} .view-itemlist .sj-k2-filter .filter-field .filter-options-title span { width: 100%; padding: 15px 35px 15px 52px; border-top: 1px solid #d0e6b8; border-bottom: 1px solid #d0e6b8; background: #005aac; color: #fff; font-family: latobold; font-size: 14px; letter-spacing: 0;} .view-itemlist .sj-k2-filter .filter-list .filter-options-title span:before{content:""; background:url('../images/icon-minus-white.png') no-repeat; width:26px; height:26px; border:1px solid #fff; top: 10px;} .view-itemlist .sj-k2-filter .filter-list .filter-options-title.collapsed span:before{content:""; background:url('../images/icon-plus-white.png') no-repeat;} .view-itemlist .filter-options .filter-options-content {padding:15px 15px 0;} .view-itemlist #aside .sj-k2-filter select {border: 1px solid #ddd; margin-top: 15px; width: calc(100% - 20px); min-width: inherit; margin: 20px 10px 0; padding:10px; appearance:none; -moz-appearance:none; -webkit-appearance:none;} .view-itemlist #aside .sj-k2-filter select.multiple{ border-radius:0px; border:0px; padding:0px; margin:0px; width:100%; min-width:100%; text-transform: capitalize; font-size:12px;} .view-itemlist #aside .sj-k2-filter select.multiple option{padding:10px 15px; border-bottom:1px solid #dddddd;} .view-itemlist #aside .sj-k2-filter select.multiple option:checked{background-color:#000 !important;} .view-itemlist .sj-k2-filter .last-item{padding:0 15px;} .view-itemlist .sj-k2-filter .last-item .btn { width: 100%; background: #006ab5; color: #fff; padding: 10px 0; font-size: 15px; text-shadow: none; text-transform: uppercase; border: 0;} .view-itemlist #itemListPrimary{} .view-itemlist #itemListPrimary .itemContainer{width:100% !important;} .itemList div#itemListLinks{display: none;} .itemListView div.k2Pagination ul li a .icon-first{background:url('../images/icon-first-list.png') no-repeat center; width:8px; height:20px; display: inline-block; background-size:100% auto;} .itemListView div.k2Pagination ul li a .icon-last{background:url('../images/icon-last-list.png') no-repeat center; width:8px; height:20px; display: inline-block; background-size:100% auto;} .itemListView div.k2Pagination ul li a .icon-previous{background:url('../images/icon-prev-list.png') no-repeat center; width:8px; height:20px; display: inline-block; background-size:100% auto;} .itemListView div.k2Pagination ul li a .icon-next{background:url('../images/icon-next-list.png') no-repeat center; width:8px; height:20px; display: inline-block; background-size:100% auto;} .itemListView div.k2Pagination ul li a{margin:0px;border-radius:0px; font-size:14px;} .view-itemlist #content .sj-k2-filter{padding:20px 15px 0;} .view-itemlist #content .filter-options .filter-options-content{padding:0px; position: relative;} .view-itemlist #content .sj-k2-filter input[type="text"] { height: 50px; border-color: #d7d7d7; box-shadow: none; min-width: 100%; border-radius: 5px; padding:0 65px 0 15px; position: relative; /* background:url('../images/icon-search.png') no-repeat 98% center; */ } .view-itemlist #content .filter-options .filter-options-content button{color:#d1d1d1; background:none; border:0px; padding:0px; position:absolute; margin:0px !important; top:10px; right:15px;} .view-itemlist #content .filter-options .filter-options-content button i{font-size:25px;} .view-itemlist #content .order-by-sec{text-align:right;} .view-itemlist #content .order-by-sec label{display: inline-block; vertical-align:middle; margin-right:5px;} .view-itemlist #content .order-by-sec .filter-options-content {display: inline-block; vertical-align:middle; } .view-itemlist #content .order-by-sec .filter-options-content select{padding:8px; width:165px;} .view-itemlist #content .search-title{font-size:28px; font-family: 'latobold'; color:#333; line-height:22px; margin-top:-55px; margin-bottom:15px; } .view-itemlist .tag-list{} .view-itemlist .tag-list label{margin-right:10px; font-family: 'latoregular'; font-weight:normal} .view-itemlist .tag-list .tab-list-item{background:#e29b19; color:#fff; border-radius:20px; padding:3px 15px; display: inline-block; margin-right:10px; margin-top:10px;} .view-itemlist .tag-list .tab-list-item a i{margin-left:15px; display: inline-block;} .view-itemlist .tag-list a{color:#fff;} .tag-list { clear: both; } .userItemList .userItemView{display: inline-block; width:100%;} .userItemList .userItemView div.userItemTagsBlock span{font-family: 'latobold'; font-weight:normal;} .itemRatingBlock{display: none;} .view-itemlist div.itemContainer{width:100%; margin-top:15px;} #k2Container{padding:0 25px;} #k2Container .itemView{} #k2Container div.itemHeader span.itemDateCreated{font-size: 13px;} #k2Container div.itemHeader h2.itemTitle{font-size:25px; margin-bottom:10px;} #k2Container div.itemHeader span.itemAuthor{display: none;} #k2Container div.itemToolbar{background:#fff; margin-top:10px; padding:0px; margin-bottom:35px;} .taglist{background:#f5f5f5; padding:10px;} .taglist ul{list-style:none; margin:0px; padding:0;} .taglist ul li {display:inline-block; margin-right:15px; font-size:15px;} .taglist ul li a{background:#f6f6f6; border:1px solid #dddddd; border-radius:20px; padding:5px 15px; display: inline-block; color:#111111;} #k2Container div.itemImageBlock{padding:0px;} #k2Container div.itemExtraFields{margin:0px; padding:0px; border-top:0px; font-size:15px;} #k2Container div.itemExtraFields h3{font-size:22px; font-family: 'latobold'; } #k2Container div.itemExtraFields ul{margin-bottom:25px;} #k2Container div.itemExtraFields ul li{line-height:25px} #k2Container div.itemExtraFields ul li span.itemExtraFieldsLabel{font-family: 'latobold'; font-weight:normal; width:20%} #k2Container div.itemExtraFields ul li span.itemExtraFieldsValue{width:78%; float:left;} #k2Container div.itemAttachmentsBlock{border:0px; padding:0px; font-size:15px;} #k2Container div.itemAttachmentsBlock span{font-family: 'latobold'; font-weight:normal; display: inline-block; margin-bottom:5px;} #k2Container div.itemAttachmentsBlock ul.itemAttachments li{text-align:left; margin-bottom:5px; display: inline-block;} #k2Container div.itemAttachmentsBlock ul.itemAttachments li a{background: #f5a81c; display: inline-block; border-radius: 3px; color: #fff; padding: 10px 10px; font-size: 13px;} #k2Container div.itemFacebookButton{width: auto;} #k2Container div.itemContentFooter{border-top:1px solid #e2e2e2; padding-top:15px; margin-top:25px;} #k2Container div.itemComments{margin-top:25px; background:none; border:0px; padding:15px 0px;} #k2Container div.itemCommentsForm p.itemCommentsFormNotes{padding: 15px 0;} #k2Container #comment-form{} #k2Container #comment-form label{font-family: 'latobold'; font-weight:normal; font-weight:normal;} .view-item #content.col-sm-9{width:100%; padding-top:35px} .itemImageBlock span.itemImage{text-align:left;} .itemImageBlock span.itemImage img{width:100%;} .slick-slider .slick-prev, .slick-slider .slick-next{top:40%;} .featured-video-slider.slick-slider .slick-prev, .featured-video-slider.slick-slider .slick-next{top:40%;} /* .slick-slider .slick-prev::before, */ .slick-slider .slick-next:before {content: ""; background: url('../images/arrow-right-slide.png') no-repeat; width: 20px; height: 57px; position: absolute; top: 50%; margin-top: -28px; left: 50%; margin-left: -10px;} .slick-slider .slick-prev:before {content: ""; background: url('../images/arrow-left-slide.png') no-repeat; width: 20px; height: 57px; position: absolute; top: 50%; margin-top: -28px; left: 50%; margin-left: -10px;} /*-------- SEARCH PAGE DESIGN ----------*/ .search-result-page {margin-top: 25px;} .search-result-page .searchintro{font-size: 25px; margin-top:20px;} .search-result-page .searchintro p{margin-bottom:0px;} .search-result-page .searchintro .badge{background:#82bc41; font-family: 'latobold'; font-weight:normal; font-size:16px; line-height:22px; padding:3px 10px;} .search-result-page .btn-toolbar{margin-bottom:10px; background: #f5f5f5; padding: 10px;} .search-result-page .phrases-box{} .search-result-page .radio{ padding: 0px 0 0px 20px; margin-top:0px; display: inline-block; margin-right: 30px;} .search-result-page .checkbox {padding: 0px 0 0px 20px; margin-top:0px; display: inline-block; margin-right:30px;} .search-result-page .checkbox input[type=checkbox], .search-result-page .radio input[type=radio]{margin-left:0px; margin-top:0px; left:0px; top:5px;} .search .search-result-page button{display: block; background:#005aac; color:#fff; width:100px; height:40px;} .search .search-result-page button .fa{margin-right:5px;} .search-result-page .btn-toolbar input{height: 40px; width: 100%; padding: 0 10px; border: 0;} .search-result-page .btn-toolbar .btn-group:first-child{width:calc(100% - 110px);} .search .search-result-page h3{margin-top:15px; font-size:20px; margin-top:10px; font-family: 'latobold';} .odering_row{background:#f5f5f5; padding:10px 0; margin-top:15px; margin-bottom:35px; display: inline-block; width:calc(100% - 30px); margin-left:15px;} .search-result-page .form-limit, .search-result-page .counter{display: inline-block; margin-left:15px;} .search-result-page .form-limit .chzn-container{min-width:60px;} .search-result-page .phrases, .search-result-page .only{padding-bottom: 5px; border-bottom: 1px dashed #ccc; margin-bottom: 10px;} .searchblock{border-top:1px solid #ddd; padding-top:15px; margin-bottom:15px;} .selectBox-dropdown-menu.selectBox-options{z-index: 10;} .button-back{} .button-back a{background:#ddd; color: #000; text-transform:uppercase;} .button-back a i{margin-right:5px;} .button-back a:hover{background:#f5f5f5;} .search .search-results .searchblock .result-title { font-size: 16px; line-height: 20px; } .search .search-results .searchblock .result-category { margin-bottom: 5px; } .search .search-results .searchblock .result-text { font-size: 16px; line-height: 20px; color: #333; } .search .search-results .searchblock .result-created { font-size: 14px; display: inline-block; background-color: rgba(0, 90, 172, 0.5); color: #fff; padding: 2px 5px; border-radius: 25px; margin: 10px 0; } /*----------- Where We Work Menu ------------*/ .wherewework_menu_drop{display:none; position:fixed; left:0px; width:100%; padding-top:40px; z-index:1024; top:65px;} .wherewework_menu_drop .col-md-4{padding:0px 3px;} .wherewework_menu_drop .country-box{padding: 30px 30px 50px; background: #e5e5e5; text-align: left; position: relative;} .wherewework_menu_drop .country-box .inputbox-text{position:relative; margin-top:10px; z-index:1024;} .wherewework_menu_drop .country-box input{width:100%; padding:10px; border:1px solid #ccc;} .wherewework_menu_drop .country-box .search-button{position:absolute; z-index:2; right:10px; top:50%; margin-top:-8px; background:none; border:0; color:#005aac} .wherewework_menu_drop .innerbox{background-color:#fff; border-bottom:2px solid #82bc41; border-top:5px solid #82bc41; } .wherewework_menu_drop .country-box h3, .wherewework_menu_drop .region-box h3 { font-size:22px; margin: 0 0 5px;} .wherewework_menu_drop .region-box{padding:30px; text-align:left;} .wherewework_menu_drop .region-box .regions-list .regions-item { display: inline-block; width: 33%; vertical-align: top;} header .navbar.menubar .ux-menu-container .ux-menu li .wherewework_menu_drop .region-box .regions-list .regions-item a {padding: 5px 0px !important; text-transform: none !important; font-size: 15px !important; font-family: 'latobold'; color:#005aac} .autocomplete-suggestions {background: #fff; padding: 0; overflow: auto; position: relative !important; display: block !important;} .autocomplete-suggestion {padding: 8px 10px;} .autocomplete-suggestion.autocomplete-selected{background:#005aac; color:#fff; cursor:pointer;} html body div.moduletabledocs_ourapproach div.koowa li.module_document span.docleft{max-height:44px; overflow:hidden; } .view-login main#content, .view-remind main#content, .view-reset main#content, .view-registration main#content{min-height:600px;} .login, .registration{max-width:500px; margin:50px auto;} .login .header-sec, .registration .header-sec{text-align: center; margin-bottom:25px;} .login .header-sec h1, .registration .header-sec h1{font-family:'latobold'; font-weight:normal; font-size:35px;} .login form .control-group, .registration form .control-group{display: inline-block; width:100%; margin-bottom:10px;} .login form .control-label, .registration form .control-label{width:32%; float: left;} .login form .controls, .registration form .controls{width:68%; float: left;} .login form .controls input, .registration form .controls input{width:100%;} .login form .controls input[type=checkbox], .registration form .controls input[type=checkbox]{width:auto; margin-right:5px;} .login form .controls .btn.btn-primary, .registration form .controls .btn.btn-primary{min-width:120px; font-size:16px} .login .footer-login-links{text-align: center; margin-bottom:25px;} .login .footer-login-links ul{list-style:none; margin:0px; padding:0px;} .login .footer-login-links ul li{display: inline-block; padding:0 10px; margin-bottom:5px;} #form-addpublication{padding:0; transition:none;} #form-addpublication .form-group{margin:0px 0px 15px;} #form-addpublication .form-inline .radio{margin-right:10px;} #form-addpublication.form-horizontal .control-label{margin-bottom:5px;} #form-addpublication .chzn-container-single .chzn-single{height:34px; line-height:34px;} #form-addpublication textarea{width:100%;} .tags-button{} .tags-button .form-control{width:90%; float: left; border-radius:4px 0px 0px 4px !important;} .tags-button .btn.btn-primary{width:10%; border-radius:0px 4px 4px 0px; } .tags-button .btn.btn-primary i{font-size:16px;} .tags-button.publication-tags span.mandatory{display: inline-block; margin-right:35px;} .tags-button.publication-tags.has-feedback .form-control-feedback, .tags-button.publication-tags .bv-no-label{display: none !important;} .tags-button.publication-tags .btn.btn-primary{float:left;} .tags-button.publication-tags #priority-info, .tags-button.publication-tags #tag-info{clear: both} /* #form-addpublication .form-group input[type="checkbox"]:not(old), #form-addpublication .form-group input[type="radio"]:not(old) {width: 28px; height: 22px; margin: 0; padding: 0; opacity: 0;position: absolute;} */ #form-addpublication input[type=checkbox]:not(old), .form-inline .radio input[type="radio"]:not(old), #priorityModal .modal-dialog input[type=checkbox]:not(old), #priorityModal .modal-dialog input[type="radio"]:not(old), #pubTagsModal .modal-dialog input[type=checkbox]:not(old), #pubTagsModal .modal-dialog input[type="radio"]:not(old){width:28px; height:22px; margin:0;padding:0;opacity:0; position: absolute;} #form-addpublication input[type=checkbox]:not(old) + label, .form-inline .radio input[type="radio"]:not(old) + label, #priorityModal .modal-dialog input[type=checkbox]:not(old) + label, #pubTagsModal .modal-dialog input[type=checkbox]:not(old) + label, #priorityModal .modal-dialog input[type="radio"]:not(old) + label, #pubTagsModal .modal-dialog input[type="radio"]:not(old) + label{display:inline-block;padding-left:28px;background:url('../images/blue-checks.png') no-repeat 0 0;line-height:24px;height:25px;/*word-break:break-all;*/ font-family: 'latoregular'; font-size:15px;} #form-addpublication .form-inline .radio, #priorityModal .modal-dialog .form-inline .radio, #pubTagsModal .modal-dialog .form-inline .radio{margin-right:20px;} #form-addpublication .form-inline .radio label, #priorityModal .modal-dialog .form-inline .radio label, #pubTagsModal .modal-dialog .form-inline .radio label{padding-left:30px;} #form-addpublication input[type=checkbox]:not(old):checked + label, #priorityModal .modal-dialog input[type=checkbox]:not(old):checked + label, #pubTagsModal .modal-dialog input[type=checkbox]:not(old):checked + label{background-position:0 -24px;} #form-addpublication input[type=radio]:not(old):checked + label, #priorityModal .modal-dialog input[type=radio]:not(old):checked + label, #pubTagsModal .modal-dialog input[type=radio]:not(old):checked + label{background-position:0 -48px;} #priorityModal, #pubTagsModal{display:none; z-index:1050; position:fixed;} #priorityModal .modal-dialog, #pubTagsModal .modal-dialog{top:20%; width:800px;} #priorityModal .modal-dialog .modal-body, #pubTagsModal .modal-dialog .modal-body {display: inline-block; width: 100%;} #priorityModal .modal-dialog .modal-footer .btn, #pubTagsModal .modal-dialog .modal-footer .btn{background:#005aac; color:#fff;} #priorityModal .modal-dialog .modal-header h4, #pubTagsModal .modal-dialog .modal-header h4{font-family: 'latobold';} .view-itemlist #content .cc .search-title{margin-top:20px;float: left;clear: both;} .buttons_submitions{float: right; padding-right: 25px;} .buttons_submitions .btn-submit-submition{background:#82bc41; color:#fff;} .buttons_submitions .btn-submit-submition i{margin-right:5px;} .buttons_submitions .btn-my-submition{background:#005aac; color:#fff;} .button_bar{text-align: center; margin:15px 0px 40px; } .button_bar button[type=submit]{background:#005aac; color:#fff;} .button_bar a.btn{background:#666; color:#fff;} .item-page h3.title2 {font-size: 20px; margin-top: 35px; color: #ee9600; margin-bottom: 20px;} .item-page .icons{} .item-page .icons .btn-group{} .item-page .icons .btn-group .btn{display: none;} .item-page .icons .btn-group .dropdown-menu{display:block; position: relative; min-width:inherit;} .item-page .icons .btn-group .dropdown-menu > li{padding:0 5px 0 0px;} .item-page .icons .btn-group .dropdown-menu > li > a{padding:3px 25px 3px 10px; background:url(../images/icon-print.png) no-repeat right center; } .itemid-591 .navigation-menu .ux-menu-container, .itemid-591 .header .header-search{display: none;} .cc-logo, .itemid-591 .brand img{display: none;} .itemid-591 .brand img.cc-logo{display: block;} .itemid-591 .header{background:#ffb300; border:0px;} .view-itemlist.itemid-591 .sj-k2-filter .filter-field .filter-options-title span{background:#82bc41;} .itemid-591 .footer-social-icons {display: inline-block; vertical-align: middle;} .itemid-591 .moduletable.bottom-logo {margin-bottom: 25px; padding-bottom: 15px; border-bottom: 1px solid #ddd;} .itemid-591 .header-inner .col-sm-8.col-xs-3{width:83%;} .itemid-591 .header-inner .col-sm-2.col-xs-3{display: none;} .itemid-591 .header .topsectionbar{text-align: right; margin-top:1%;} .itemid-591 .responsive-toggle-parent{display: none;} .view-itemlist.itemid-591 .sj-k2-filter .last-item .btn{background:#82bc41;} .itemid-600 .navigation-menu .ux-menu-container, .itemid-600 .header .header-search{display: none;} .cc-logo, .itemid-600 .brand img{display: none;} .itemid-600 .brand img.cc-logo{display: block;} .itemid-600 .header{background:#FFFFFF; border:0px;} /*.itemid-600 .header{background:#ffb300; border:0px;}*/ .view-itemlist.itemid-600 .sj-k2-filter .filter-field .filter-options-title span{background:#FFCB08;} .view-itemlist.itemid-600 .sj-k2-filter .last-item .btn{background:#FFCB08;} .itemid-600 .footer-social-icons {display: inline-block; vertical-align: middle;} .itemid-600 .moduletable.bottom-logo {margin-bottom: 25px; padding-bottom: 15px; border-bottom: 1px solid #ddd;} .itemid-600 .header-inner .col-sm-8.col-xs-3{width:83%;} .itemid-600 .header-inner .col-sm-2.col-xs-3{display: none;} .itemid-600 .header .topsectionbar{text-align: right; margin-top:1%;} .itemid-600 .responsive-toggle-parent{display: none;} .itemid-600 .footer{padding:20px 0px;} /* .itemid-600 header .header-inner{max-width:1325px; margin:0 auto; } */ .itemid-600 header .header-inner{max-width:100%; margin:0 auto; } .itemid-600 .header{padding:0px 0px; background:#fff; border-bottom:5px solid #82bc41;} .back-link {} .back-link a.back-btn{background:#808080; color:#fff; padding:8px 20px; display: inline-block; border-radius:25px; font-size:15px; transition:0.3s; margin-top:10px;} .back-link a.back-btn:hover{background:#1d170b;} .back-link a img {background: #fff; padding: 10px; box-sizing: border-box; width: 180px; border-radius: 5px;} .itemid-591 .footer{padding:20px 0px;} .itemid-591 header .header-inner{max-width:1325px; margin:0 auto; } .community-banner{background:#808080; color:#fff;} .community-banner .module-content{max-width: 520px; padding:20px 0 20px; font-size: 18px; line-height: 26px; display: inline-block;} .community-banner .module-content h1{font-family: 'latobold';} .community-banner .module-content .sgp-logo img{background: #fff; padding: 6px; width: 190px; border-radius: 5px;} /*----------- Key Resource ----------*/ .tagItemList{} .tagItemList .tagItemHeader .tagItemTitle{font-size: 18px; font-family: 'latobold'; padding: 0px; text-transform: uppercase; margin:0px; margin-bottom: 10px; } .tagItemList .tagItemHeader .tagItemTitle a{color:#333;} .tagItemList .tagItemHeader .tagItemTitle a:hover{color:#005aac;} .tagItemList .tagItemView{border-top: 1px solid #e0e0e0; padding-top: 20px; margin-bottom: 20px; margin-right: 0; padding-left: 0px; padding-right: 0px;} .tagItemList .tagItemView:first-child{border-top:0px;} .tagItemImageBlock img{border:1px solid #f5f5f5; } .tagItemList .tagItemView .attachment{} .tagItemList .tagItemView .attachment a{background: #f5a81c; display: inline-block; border-radius: 3px; color: #fff; padding: 3px 10px; font-size: 13px;} /*----------- Footer ----------*/ .footer{width: 100%; background-color: #fff; display: inline-block; border-top: 10px solid #e29b19; padding:40px 0px; font-size:11px; font-family: 'latobold'; text-transform: uppercase; line-height:48px; color:#665b55; } .footer a{color:#005aac;} .footermenu{text-align: center; margin-bottom:30px; padding-bottom:30px; border-bottom: 2px solid #eeeeee; line-height:normal;} .footermenu ul{display:inline-block; line-height:normal;} .footermenu ul li {display: inline-block; font-size: 16px; margin: 0 15px;} .footermenu ul.nav > li > a{padding:0px; line-height:25px;} .footermenu ul.nav > li > a:focus, .footermenu ul.nav > li > a:hover{background:none; color:#1b1b1b;} .footer-social-icons{text-align: center; line-height:normal;} .footer-social-icons ul{list-style:none; padding:0px; margin:0px; display: inline-block;} .footer-social-icons ul li{float: left; font-size:20px; margin:0 5px;} .footer-social-icons ul li a{border-radius:50%; width:48px; height:48px; display: inline-block; line-height:48px; text-align: center; border:3px solid #5087be;} .footer-social-icons ul li a i {left: 3px; position: relative; top: -2px;} .footer-social-icons ul li.icon-fb a{border-color:#5087be; color:#5087be;} .footer-social-icons ul li.icon-fb a:hover{background:#5087be; color:#fff;} .footer-social-icons ul li.icon-tw a{border-color:#2fc6dd; color:#2fc6dd;} .footer-social-icons ul li.icon-tw a:hover{background:#2fc6dd; color:#fff;} .footer-social-icons ul li.icon-pn a{border-color:#dd4e2f; color:#dd4e2f;} .footer-social-icons ul li.icon-pn a:hover{background:#dd4e2f; color:#fff;} /*27-8-2018 css start*/ .itemid-600 .header { padding: 0; } .itemid-600 .community-banner .module-content { padding: 0px; text-align: left; } .itemid-600 .community-banner .col-md-4 { padding-left: 0; } .itemid-600 .community-banner .module-content { max-width: 100%; } /*.itemid-600 .community-banner .col-md-8 .module-content { padding-top: 40px; }*/ .itemid-600 .community-banner .module-content h1 { margin-top: 60px; } .itemid-600 .community-banner .module-content .hero-text-description .buttons_submitions a { margin-right: 15px; } .itemid-600 .sj-k2-filter.horizontal-layout ul li { width: 70% !important; display: inline-block; } .itemid-600 .sj-k2-filter.horizontal-layout ul li.order-by-sec { width: 30% !important; display: inline-block; } .itemid-600 .sj-k2-filter.horizontal-layout ul li.order-by-sec .filter-input .order-by-sec-block label { display: none !important; } .itemid-600 .sj-k2-filter.horizontal-layout ul li.order-by-sec .filter-input .order-by-sec-block .filter-options-content select { width: 100% !important; height: 50px; } .itemid-600 .header .header-inner .col-sm-2.col-xs-6 { display: inline-block; width: 33%; } .itemid-600 .header .cc-logo img { padding: 5px 0 0 10px; max-width: 100%; } .itemid-600 .header-inner .col-sm-8.col-xs-3 { padding: 0; text-align: right; float: right; width: 50%; } .itemid-600 .header .topsectionbar { display: inline-block; margin-top: 0; } .itemid-600 .back-link a img { background: transparent; padding: 0; width: auto; border-radius: 0px; } .itemid-600 .catItemView div.catItemHeader h3.catItemTitle a { line-height: 1.3; } .itemid-600 .catItemView div.catItemHeader h3.catItemTitle a:hover, .itemid-600 .userItemList .userItemView h3.userItemTitle a:hover { text-decoration: underline; color: #C46718; } .itemid-600 .catItemView div.catItemImageBlock .catItemImage a img { width: auto !important; max-height: 150px; } .itemid-600 #itemListLeading .catItemView, .itemid-600 #itemListPrimary .catItemView, .itemid-600 #itemListSecondary .catItemView, .itemid-600 #itemListLinks .catItemView, .itemid-600 .userItemList .userItemView { margin-bottom: 0; } .itemid-600 .catItemView div.catItemAttachmentsBlock a { font-weight: 700; } .itemid-600 .catItemView div.catItemAttachmentsBlock a.PDF { background: #B30E1A; } .itemid-600 .catItemView div.catItemAttachmentsBlock a.DOC { background: #9a9a9a; } .itemid-600 .catItemView div.catItemAttachmentsBlock a.PPT { background: #256e94; } .itemid-600 .catItemView div.catItemAttachmentsBlock a.XLS { background: #385603; } .itemid-600 .catItemView div.catItemAttachmentsBlock a.Image { background: #690020; } .itemid-600 #k2Container .buttons_submitions .btn-submit-submition { display: none; } .itemid-600.view-itemlist #content .search-title { line-height: 28px; } .itemid-600 #k2Container div.itemExtraFields ul li { line-height: 30px; } .itemid-600 #k2Container div.itemAttachmentsBlock span { margin-bottom: 10px; } .itemid-600 #k2Container div.itemAttachmentsBlock ul.itemAttachments li { padding: 0; } .itemid-600 #k2Container div.itemAttachmentsBlock ul.itemAttachments li a.PDF { background: #B30E1A; } .itemid-600 #k2Container div.itemAttachmentsBlock ul.itemAttachments li a.DOC { background: #9a9a9a; } .itemid-600 #k2Container div.itemAttachmentsBlock ul.itemAttachments li a.PPT { background: #256e94; } .itemid-600 #k2Container div.itemAttachmentsBlock ul.itemAttachments li a.XLS { background: #385603; } .itemid-600 #k2Container div.itemAttachmentsBlock ul.itemAttachments li a.Image { background: #690020; } /*27-8-2018 css end*/ #sbox-window { padding: 0 10px; } /*-------------- RESPONSIVE MEDIA CSS --------------*/ @media(max-width:1325px){ .homeblocks .ice-caption-horizontal .ice-caption { width: 15.70% !important;} } @media(max-width:1024px){ .homeblocks .ice-caption-horizontal .ice-caption { width: 15% !important;} } @media(max-width:768px){ .homeblocks .ice-caption-horizontal .ice-caption { width: 32% !important; margin-left: 0.5%; margin-right: 0.5%; } .header .topsectionbar {display:inline-block;} .header .col-sm-8.col-xs-3{padding:5px 0px 8px} } @media(max-width:767px){ .homeblocks .ice-caption-horizontal .ice-caption { width: 207px; text-align: center; margin-left: 0.5%; margin-right: 0.5%;} .ourstory .our-stories-inner {width: 100%;} #priorityModal .modal-dialog, #pubTagsModal .modal-dialog{width:100%;} } @media(max-width:1440px){ .header .header-right img{max-height:55px;} .slide-desc .slide-desc-text-default .slide-title{font-size:36px; line-height:40px;} .slide-desc .slide-desc-text-default .slide-text{font-size:15px; line-height:25px;} .wherewework_menu_drop{padding-top:15px;} } @media(min-width:1300px) and (max-width:1440px){ .brand {max-width: 90%;} .slide-desc .slide-desc-text-default .slide-title a{font-size:30px; line-height:35px;} .slide-desc .slide-desc-text-default .slide-text {max-height: 75px; overflow: hidden;} .navbar.menubar .ux-menu-container .ux-menu li {margin:0 6px;} #home-footer-block .moduletable-boxborder.rmvbottomtborder .custom-boxborder .document-img-right{display: inline-block; margin-left: 4%; margin-top: 0; padding: 0 5px; text-align: center; vertical-align: top; width: 47%;} .sgp-banner-image .sgp-banner-inner-second .sgp-banner-icon img{max-width:45px;} .sgp-banner-image .sgp-banner-inner-second .sgp-banner-title{font-size:35px;} .header .header-inner .col-sm-2.col-xs-6{padding-right:0px; width:12%;} .header .header-inner .col-sm-2{width: 10%;} .header .header-inner .col-sm-8{width:78%;} .header .topsectionbar{margin-top:1%;} .itemid-591 .header .header-inner .col-sm-2.col-xs-6{width:18%;} .itemid-591 .header .header-inner .col-sm-8{width:82%;} } @media(min-width:1400px) and (max-width:1750px){ .header .header-inner .col-sm-2.col-xs-6{padding-right:0px; width:15%;} .header .header-inner .col-sm-2{width: 10%;} .header .header-inner .col-sm-8{width:75%;} .header .topsectionbar{margin-top:1.5%;} .itemid-591 .header .header-inner .col-sm-2.col-xs-6{width:18%;} .itemid-591 .header .header-inner .col-sm-8{width:82%;} } @media(min-width:1290px) and (max-width:1330px){ .homeblocks .ice-caption-horizontal .ice-caption { width:16.5% !important;} .featured-publication-wrapper .container{padding:0 30px;} .sgp-voice-container .container{padding:0 30px;} .wherewework_menu_drop{padding-top:15px;} } @media(min-width:1000px) and (max-width:1240px){ .brand{margin-top:0px;} .header-inner .col-sm-8.col-xs-3{width:73%} .header-inner .col-sm-2.col-xs-3{width:10%;} .navbar.menubar .ux-menu-container .ux-menu li{margin:0 9px;} .navbar.menubar .ux-menu-container .ux-menu li a{font-size:12px !important;} .areaofwork_snapshot-parent .areaofwork_snapshot .snaphsot-title .snaphsot-title-inner{max-width:100%;} .areaofwork_snapshot-parent .areaofwork_snapshot{width:35%;} .areaofwork_snapshot-parent .areaofworkportfolio_chart{width:60%;} .publication-wrapper{padding:0 15px;} .publication-wrapper .publication_bx img{min-height:290px; max-height:290px;} #home-footer-block .sgp-voice-container{padding-left:15px; padding-right:15px;} .wherewework_menu_drop{padding-top:15px;} .wherewework_menu_drop .region-box{padding: 30px 10px 0px;} header .navbar.menubar .ux-menu-container .ux-menu li .wherewework_menu_drop .region-box .regions-list .regions-item a{font-size:14px !important;} .wherewework_menu_drop .region-box .regions-list .regions-item {width: 32%; vertical-align: top;} .home-image-block .block-inner .content-block .item-intro{font-size:15px;} .global-publications .slick-slide .slide-download-custom a.download-document{padding:10px 15px;} .itemid-591 .header .header-inner .col-sm-2.col-xs-6{width:18%;} .itemid-591 .header .header-inner .col-sm-8{width:82%;} .itemid-591 .header .header-inner .col-sm-2{width:12%} .itemid-591 .header .header-right img{max-height:inherit;} .itemid-591 .brand img.cc-logo{max-width:200px;} } @media(min-width:1020px) and (max-width:1090px){ .home-image-block .block-inner .content-block{padding:15px} .homeblocks .ice-caption-horizontal .ice-caption{width:16.5% !important;} } @media(min-width:1200px) and (max-width:1300px){ .navbar.menubar .ux-menu-container .ux-menu li{margin:0 9px;} .navbar.menubar .ux-menu-container .ux-menu li a{font-size:13px !important;} .homeblocks .ice-caption-horizontal .ice-caption{width:16.6% !important} .publication-wrapper{padding:0 15px;} #home-footer-block .sgp-voice-container .container{padding:0 30px;} #legendcontent .legendcontent-name{max-width:145px !important;} .header .header-inner .col-sm-2.col-xs-6{padding-right:0px; width:12%;} .header .header-inner .col-sm-2{width: 8%;} .header .header-inner .col-sm-8{width:80%;} .header .topsectionbar{margin-top:1%;} .itemid-591 .header .header-inner .col-sm-2.col-xs-6{width:18%;} .itemid-591 .header .header-inner .col-sm-8{width:82%;} .itemid-591 .header .header-inner .col-sm-2{width:10%;} .itemid-591 .header .header-right img{max-height:inherit;} } @media(max-width:999px){ .navigation .ux-menu-container{display: none;} .topsectionbar .jf_mm_trigger{position: relative; top:0px; left:0px;} /* .header-right.pull-right{display: none;} */ .brand.pull-left {max-width: 160px;} .header .col-sm-8.col-xs-3{text-align: right; padding-right:15px;} .item-page p img, div[itemprop="articleBody"] p img{height:auto;} body .accordeonck.responsive_canvas #accordeonck227 li.level1:first-child{display:block;} } @media(max-width:479px){ .content-images{left:0px;width:100%;} .content-images img{width:100%; margin:0 0 15px;} } @media(max-width:599px){ #slider .djslider-default .slide-desc{position:relative;} .slide-desc .slide-desc-bg-default{left:0px; top:0; height:100%; transform:rotate(0deg);} .slide-desc{width:100% !important; top:0; height:100%;} .slide-desc .slide-desc-text-default{width:100%; height:auto; left:0px; top:0px;} .slide-desc .slide-desc-text-default .slide-title{line-height:18px;} .slide-desc .slide-desc-text-default .slide-title a{font-size:17px; line-height:18px;} .slide-desc .slide-desc-text-default .slide-text {font-size: 14px; line-height: 22px; max-height:90px; overflow:hidden;} #wherewework .select-box{max-width:300px;} #wherewework .homeblocks .ice-caption-horizontal .ice-caption {float: left; margin: 0 1% 20px; text-align: center; width: 48% !important; height: auto !important;} #ourstory .ourstory .our-stories-inner .our-stories-image{width:100%; text-align: center;} #ourstory .ourstory .our-stories-inner .our-stories-content {padding: 10px 0; text-align: center; width: 100%;} #home-footer-block.white-bg .moduletable-boxborder.rmvbottomtborder{padding:40px 20px} #home-footer-block.white-bg .moduletable-boxborder.rmvbottomtborder .custom-boxborder .document-content-left{width:100%;} #home-footer-block.white-bg .moduletable-boxborder.rmvbottomtborder .custom-boxborder .document-img-right{width: 100%; margin:65px 0px 20px;} #home-footer-block .moduletable-boxborder.rmvbottomtborder .custom-boxborder.partners .document-img-right a img {height: 300px; width: 200px;} #home-footer-block .sgp-voice-container{padding:50px 20px;} #home-footer-block .sgp-voice-container .videotitlecontainer, #home-footer-block .sgp-voice-container .videothumbnail-featured{width:100%; margin-bottom:25px;} .featured-video-slider .slick-dots{bottom:-20px;} #home-footer-block .col-sm-6{height: auto !important;} .sgp-banner-image .sgp-banner-inner-second .sgp-banner-title{font-size:24px; line-height:30px; margin-top:10px; margin-left:0px;} footer{text-align: center;} footer .text-right{text-align: center;} .brand {margin-top: 5px;} .header .header-search {margin-left: 8px;} .header .jf_mm_trigger .fa{position: relative; top:-2px;} #searchbox {left: 2%; margin: 0; position: fixed; top: 70px; width: 96%;} /* .upcreen-div{top:-73px;} */ #searchbox .icon-search-inner{width:10%; font-size:20px;} #searchbox input.inputbox{font-size:20px; width:80%; height:30px;} #searchbox .searchbox-close{width:10%; font-size:20px;} .sgp-banner-image .sgp-banner-inner-second .sgp-banner-icon, .sgp-banner-image .sgp-banner-inner-second .sgp-banner-title{width:100%;} .flot-img-right, .flot-img-left{width:100%; margin-left:0px; margin-right:0px; height:100%;} .flot-img-right img, .flot-img-left img{width:100%; height: auto;} .sgp-banner-image .sgp-banner-inner-second{margin-top:-65px;} .listblock li{width:100%;} .publicationlist .row {border-bottom: 1px solid #cccccc; margin-bottom: 25px; padding-bottom: 15px;} html body div.moduletabledocs_ourapproach div.koowa li.module_document, html body div.moduletabledocs_ourapproach div.koowa li.module_document.first, html body div.moduletabledocs_ourapproach div.koowa li.module_document.second, html body div.moduletabledocs_ourapproach div.koowa li.module_document.third{margin-left:0px; width:100%;} .publish-view .pub-image {width:28%;} .publish-view .pub-des {margin-left: 3%; width: 69%;} .publish-view .pub-des .title {font-size: 15px;line-height: 20px;} .publish-view .pub-des .download-link {font-size: 14px;line-height: 18px;} .document-list .document-img{width:100%; text-align: center; margin-bottom:25px;} .document-list .document-content{width:100%; padding:0px;} .docman_document_layout .docman-inner-detail .docman-thumb-section{width:100%; text-align: center; margin-bottom:25px;} .docman_document_layout .docman-inner-detail .docman-description-section{width:100%; margin-left:0px;} .addressbox1 .col-sm-4 .innercontact, .addressbox2 .col-sm-4 .innercontact, .addressbox3 .col-sm-4 .innercontact, .addressbox4 .col-sm-4 .innercontact{height:auto !important;} .main-content .container .row > #aside.col-sm-3{position:relative; padding:40px 20px;} .main-content .container .row > #aside.col-sm-3::before{left:0;} main .tabdiv {padding:0;} .areaofwork_snapshot-parent .areaofwork_snapshot, .areaofwork_snapshot-parent .areaofworkportfolio_chart{width:100%; margin:0px 0px 20px;} .areaofwork_snapshot-parent .areaofwork_snapshot .snaphsot-title{line-height:30px;} .areaofwork_snapshot-parent .areaofworkportfolio_chart .chartarea_area, .areaofwork_snapshot-parent .areaofworkportfolio_chart #legendcontent, .areaofwork_snapshot-parent .areaofworkportfolio_chart .chartarea{width:100% !important;} .areaofwork_snapshot-parent .areaofworkportfolio_chart .chartarea_area #chartdiv{margin:0 auto; } .areaofwork_snapshot-parent .areaofworkportfolio_chart #legendcontent{margin-top:0px; text-align: center;} .areaofwork_snapshot-parent .areaofworkportfolio_chart #legendcontent .legendcontent-inner {display: inline-block; min-height: 25px; vertical-align: top; margin: 0 5px;} .global-publications .slick-dots {height: 30px; overflow: hidden;} #Stories{padding-right:0px;} #Stories .storyrow .story-article-img {text-align: center;width: 100%; margin-bottom:20px;} #Stories .storyrow .story-article-detail {width: 100%;} #Stories .pagination ul.pagination-list li {display: inline-block; float: none;} #Stories .pagination ul.pagination-list li:first-child{display: none;} .country_featured_video .video_view{text-align: center;} .story-detail-inner-banner .sgp-banner-image .sgp-banner-article-title{font-size:34px;} .view-article .upcreen-div{top:-35px;} .story-detail-inner-banner .story-detail-inner-banner .sgp-banner-image .sgp-banner-article-title{font-size:25px;} .story-detail-inner-banner .sgp-banner-image .sgp-banner-date{margin-bottom: 10px; margin-top: 80px; font-size:18px;} #SGP_Voices .videocontainer, #SGP_Voices .videocontainer1 { margin: 0; width: 100%; min-height:inherit; height:auto;} #SGP_Voices .videothumbnail img{height:auto;} .main-content #photos .photoscontainer, .main-content #photos .photoscontainer1{width:100%;} .main-content #photos .photosthumbnail{border-bottom:1px solid #ccc;} .item-page p img{height: auto;} #countrypages_main .alphaindexes .alphaindex, #countrypages_main div.firstalpha{margin-bottom:15px;} .countriesbasetabs{padding-right:0px;} .projectmap-section #projectmap #projects_map{height:320px;} .projectmap-section .project-list-links{text-align: center;} .areaofwork_snapshot-parent .areaofwork_snapshot .snaphsot-title .snaphsot-title-inner, .areaofwork_snapshot-parent .areaofworkportfolio_chart.potfolio-title h3{width:100%; max-width:100%;} .areaofwork_snapshot-parent .areaofworkportfolio_chart .chartarea #chartdiv{margin:0 auto; } .impact-section .impact-desc .row{display: block;} .impact-section .impact-desc .col-sm-6{padding:0px;} .impact-section .impact-desc .col-sm-6 .content-first, .impact-section .impact-desc .col-sm-6 .content-second{margin:0 0 4px;} .impact-section .impact-desc .col-sm-6 .content-third{padding:20px;} .projectmap-section h3, .testimonial-section h3, .project-section h3, .impact-section h3, .featured-story-section h3, .awards-section h3{line-height:25px;} .successful-project-list .project-thumb{width:100%; text-align: center; margin-bottom:20px;} .successful-project-list .project-content{width:100%;} .itemid-250 .sgp-banner-image .sgp-banner-inner-second{margin-top:-100px;} html body .mod_hwd_media_share_main .span4 {width: 100%; margin-left:0px; padding:0px;} html body .mod_hwd_media_share_main .span4.first{padding:10px 0;} .mod_hwd_media_share_main .span4.second, .mod_hwd_media_share_main .span4.third{padding:10px 0;} .projects_page{padding-right:0px;} .projects_page .project-searchbox{margin-bottom: 50px;} .projects_page .project-form-data .area-of-work-data, .projects_page .project-form-data .specify-operational-data{width:100%; margin-bottom:20px;} #region_data .region-landing-page .region-landing-data .region-landing-data-inner{width:100%; margin:0 0 10px;} .area_of_work_checkboxes input, .operational_checkboxes input{margin-right:10px;} #region_data .region-landing-page .region-landing-data.coutry-list .region-landing-data-inner{width:100%;} .mod_project_area .project_docman_left{text-align: center;} .project-search-left-section {margin: 0 -15px 30px; padding: 20px; position: relative; width: calc(100% + 30px);} .project-search-left-section::before{right:0px;} div.region_area div.imagetooltip {left: 0; top: 50px; width: 100%;} div.region_area div.tooltip_arrow {left: 25px; top: -9px; transform: rotate(90deg); margin:0px;} .project-search-right-section {overflow: auto; padding: 0; width: 100%; margin-bottom:35px;} .pr_photogallery{width:100%; margin-left:0px;} .projectstable{padding-right:0px; padding-bottom: 50px;} .pr_snapshot {width: 100%; margin-bottom:50px;} .sgp-banner.projects-detail-banner .sgp-banner-image .sgp-banner-inner-second .sgp-banner-title{margin-left:0px; max-height:115px; overflow: hidden;;} .docman_list_layout .docman_document .docman_image{width:100%; text-align: center; margin-bottom:20px;} .docman_list_layout .docman_document .koowa_header{width:100%;} #acyarchivelisting h4{line-height:35px;} .newsletter-head input.inputbox{max-width:180px;} .newsletter-head #orderingoption{width:100%; margin:10px 0 0 0px;} .newsletter-head #orderingoption select{width:100% !important; margin-bottom:10px;} #wherewework .countrylist select{border:0px; background:none;} .featured-publication-wrapper{padding:0 15px;} /* .home-image-block .block-inner{min-height: inherit;} */ .home-image-block .block-inner.first-block .content-block .item-title{margin-top:50px} .home-image-block .block-inner:hover .content-block{bottom:0px;} #countrypages_main div.alphaindexwise .country_names .country_names_column{width:100%;} .view-itemlist .main-content .container{width:auto; margin:35px 15px;} .view-itemlist .main-content .container .row #content{padding:0px;} .view-itemlist .main-content #content .container{padding:15px; margin:0px;} .view-itemlist #content .order-by-sec{text-align:left} .view-itemlist #content .search-title{margin-top:0px;} .view-itemlist #content .order-by-sec label{width:20%;} .view-itemlist #content .order-by-sec .filter-options-content{width:77%;} .global-publications-slider.slick-slider .slick-next {right: 20px; z-index: 1;} .global-publications-slider.slick-slider .slick-prev {left: 20px; z-index: 1;} /*27-8-2018*/ .itemid-600 .community-banner .col-md-4 { padding: 0; } .itemid-600 .community-banner .module-content h1 { margin-top: 0; } .itemid-600 .community-banner .module-content { padding-bottom: 25px; } .itemid-600 .sj-k2-filter.horizontal-layout ul li { width: 100% !important; } .itemid-600 .sj-k2-filter.horizontal-layout ul li.order-by-sec { width: 100% !important; } .itemid-600.view-itemlist #content .order-by-sec .filter-options-content { width: 100% !important; } } @media(min-width:600px) and (max-width:767px){ .header-inner .col-sm-8.col-xs-4, .header-inner .col-sm-2.col-xs-12{width:16%;} #home-footer-block .sgp-voice-container .videotitlecontainer, #home-footer-block .sgp-voice-container .videothumbnail-featured, #home-footer-block .moduletable-boxborder.rmvbottomtborder .custom-boxborder .document-content-left, #home-footer-block .moduletable-boxborder.rmvbottomtborder .custom-boxborder .document-img-right{width:100%; margin-bottom:25px;} .featured-video-slider .slick-dots{bottom:-20px;} #home-footer-block .col-sm-6{height: auto !important;} #home-footer-block .moduletable-boxborder.rmvbottomtborder, #home-footer-block .sgp-voice-container{padding:50px 80px;} #home-footer-block .moduletable-boxborder.rmvbottomtborder .custom-boxborder.partners .document-img-right a img{max-width:300px;} #home-footer-block .moduletable-boxborder.rmvbottomtborder .custom-boxborder .document-img-right{margin-top:65px;} footer{text-align: center;} footer .text-right{text-align: center;} .navigation-menu{margin-right:10px;} .header .topsectionbar{margin-top:10%;} #searchbox {left: 2%; margin: 0; position: fixed; top: 70px; width: 96%;} #searchbox .icon-search-inner{width:8%; font-size:20px; text-align: center;} #searchbox input.inputbox{font-size:20px; width:84%; height:30px;} #searchbox .searchbox-close{width:8%; font-size:20px; text-align: center;} .sgp-banner-image .sgp-banner-inner-second .sgp-banner-icon, .sgp-banner-image .sgp-banner-inner-second .sgp-banner-title{width:100%; margin-bottom:5px;} .sgp-banner-image .sgp-banner-inner-second .sgp-banner-icon{max-width:45px;} .sgp-banner-image .sgp-banner-inner-second .sgp-banner-title{font-size:32px; margin-left:0px;} main .tabdiv{padding-right:10px;} .main-content .container .row > #aside.col-sm-3 {position: relative; padding: 40px 20px; } .main-content .container .row > #aside.col-sm-3:before{left:0px;} .country_featured_video .video_title{text-align: left;} .awards-section .awards-tabs ul li a, .awards-section .awards-tabs ul li a:focus, .awards-section .awards-tabs ul li.active:hover a{padding:15px 10px;} div#countrymenu-box ul#submenu li, div#countrymenu-box2 ul#submenu li, div#countrymenu-box2 ul#submenu li:last-child, div#countrymenu-box ul#submenu li.active, div#countrymenu-box2 ul#submenu li.active{padding:0 10px;} .areaofwork_snapshot-parent .areaofwork_snapshot, .areaofwork_snapshot-parent .areaofworkportfolio_chart{width:100%; margin:0px 0px 20px; } .global-publications .slick-slide .slide-image-custom img{height:auto;} .global-publications .slick-slide{padding:20px;} .global-publications .slick-slide .slide-download-custom a.download-document{padding:10px;} #Stories{padding-right:0px;} #Stories .storyrow .story-article-img{width:35%;} #Stories .storyrow .story-article-detail {width:60%; margin-left:5%;} #SGP_Voices .videocontainer, #SGP_Voices .videocontainer1{width:50%; margin-bottom:15px;} .main-content #photos .photoscontainer, .main-content #photos .photoscontainer1{width:50%;} .main-content #photos div[style*="clear:both"]{clear: none !important;} #SGP_Voices .videotitlecontainer{max-height:44px; overflow: hidden;} .areaofwork_snapshot-parent .areaofwork_snapshot .snaphsot-title .snaphsot-title-inner, .areaofwork_snapshot-parent .areaofworkportfolio_chart.potfolio-title h3{max-width:100%;} .countriesbasetabs{padding-right:0px;} .projects_page{padding-right:0px;} .projects_page .project-searchbox{margin-bottom: 50px;} .projects_page .project-form-data .area-of-work-data, .projects_page .project-form-data .specify-operational-data{width:100%; margin-bottom:20px;} #region_data .region-landing-page .region-landing-data .region-landing-data-inner{width:100%; margin:0 0 10px;} .area_of_work_checkboxes input, .operational_checkboxes input{margin-right:10px;} .projects_page .project-form-data .region-landing-div .project-landing-content{width:60%;} .project-search-left-section {margin: 0 -15px 30px; padding: 20px; position: relative; width: calc(100% + 30px);} .project-search-left-section::before{right:0px;} div.region_area div.imagetooltip {left: 0; top: 50px; width: 100%;} div.region_area div.tooltip_arrow {left: 25px; top: -9px; transform: rotate(90deg); margin:0px;} .project-search-right-section {overflow: auto; padding: 0; width: 100%; margin-bottom:35px;} .pr_photogallery{width:100%; margin-left:0px;} .pr_snapshot {width:100%;} .pr_photogallery {margin:0; width:100%;} .successful-project-list .project-thumb {width: 35%;} .successful-project-list .project-thumb img{width:100%;} .successful-project-list .project-content {width: 65%; padding-left: 20px;} .projectstable{padding-right:0px;} #wherewework .countrylist select{border:0px; background:none;} /* .home-image-block .block-inner{min-height:inherit;} */ .featured-publication-wrapper{padding:0 15px;} #home-footer-block .sgp-voice-container{padding:50px 15px;} #countrypages_main div.alphaindexwise .country_names .country_names_column{width:50%;} } @media(min-width:768px) and (max-width:999px){ .navigation-menu{margin-right:10px;} #searchbox {left: 2%; margin: 0; position: fixed; top: 70px; width: 96%;} #searchbox .icon-search-inner{width:8%; font-size:20px; text-align: center;} #searchbox input.inputbox{font-size:20px; width:84%; height:30px;} #searchbox .searchbox-close{width:8%; font-size:20px; text-align: center;} .sgp-banner-image .sgp-banner-inner-second .sgp-banner-icon, .sgp-banner-image .sgp-banner-inner-second .sgp-banner-title{width:100%; margin-bottom:5px;} .sgp-banner-image .sgp-banner-inner-second .sgp-banner-icon{max-width:45px;} .sgp-banner-image .sgp-banner-inner-second .sgp-banner-title{font-size:32px; margin-left:0px;} main .tabdiv{padding-right:10px;} .main-content .container .row > #aside.col-sm-3 {padding: 40px 20px; } .country_featured_video .video_title{text-align: left;} .awards-section .awards-tabs ul li a, .awards-section .awards-tabs ul li a:focus, .awards-section .awards-tabs ul li.active:hover a{padding:15px 10px;} div#countrymenu-box ul#submenu li, div#countrymenu-box2 ul#submenu li, div#countrymenu-box2 ul#submenu li:last-child, div#countrymenu-box ul#submenu li.active, div#countrymenu-box2 ul#submenu li.active{padding:0 10px;} .areaofwork_snapshot-parent .areaofwork_snapshot, .areaofwork_snapshot-parent .areaofworkportfolio_chart{width:100%; margin:0px 0px 20px; } .global-publications .slick-slide .slide-image-custom img{height:auto;} .global-publications .slick-slide{padding:20px;} .global-publications .slick-slide .slide-download-custom a.download-document{padding:10px;} #Stories{padding-right:0px;} #Stories .storyrow .story-article-img{width:35%;} #Stories .storyrow .story-article-detail {width:60%; margin-left:5%;} #SGP_Voices .videocontainer, #SGP_Voices .videocontainer1{width:50%; margin-bottom:15px;} .main-content #photos .photoscontainer, .main-content #photos .photoscontainer1{width:50%;} .main-content #photos div[style*="clear:both"]{clear: none !important;} #SGP_Voices .videotitlecontainer{max-height:44px; overflow: hidden;} .areaofwork_snapshot-parent .areaofwork_snapshot .snaphsot-title .snaphsot-title-inner, .areaofwork_snapshot-parent .areaofworkportfolio_chart.potfolio-title h3{max-width:100%;} .countriesbasetabs{padding-right:0px;} .projects_page{padding-right:0px;} .projects_page .project-searchbox{margin-bottom: 50px;} .projects_page .project-form-data .area-of-work-data, .projects_page .project-form-data .specify-operational-data{width:100%; margin-bottom:20px;} #region_data .region-landing-page .region-landing-data .region-landing-data-inner{width:100%; margin:0 0 10px;} .area_of_work_checkboxes input, .operational_checkboxes input{margin-right:10px;} .projects_page .project-form-data .region-landing-div .project-landing-content{width:60%;} .project-search-left-section {margin: 0 -15px 30px; padding: 20px; position: relative; width: calc(100% + 30px);} .project-search-left-section::before{right:0px;} div.region_area div.imagetooltip {left: 0; top: 50px; width: 100%;} div.region_area div.tooltip_arrow {left: 25px; top: -9px; transform: rotate(90deg); margin:0px;} .project-search-right-section {overflow: auto; padding: 0; width: 100%; margin-bottom:35px;} .pr_photogallery{width:100%; margin-left:0px;} .pr_snapshot {width:100%;} .pr_photogallery {margin:0; width:100%;} .successful-project-list .project-thumb {width: 35%;} .successful-project-list .project-thumb img{width:100%;} .successful-project-list .project-content {width: 65%; padding-left: 20px;} .projectstable{padding-right:0px;} .country_featured_video .video_view .featured_video_img{height:auto;} #wherewework .countrylist select{border:0px; background:none; width:100%; padding:0 10px;} } @media(min-width:599px) and (max-width:999px){ .brand.pull-left {width: 180px; margin-top: 10px;} .header-right.pull-right{display: block;} .header .topsectionbar{text-align:right} #slider .djslider-default .slide-desc{position:relative;} .slide-desc .slide-desc-bg-default{left:0px; top:0; height:100%; transform:rotate(0deg);} .slide-desc{width:100% !important; top:0;} .slide-desc .slide-desc-text-default{width:100%; height:auto; left:0px; top:0px; text-align: center; padding:50px;} .slide-desc .slide-desc-text-default a.readmore{float:none;} .ourstory .our-stories-inner {width: 100%;margin-bottom: 35px;} #home-footer-block .sgp-voice-container .videotitlecontainer, #home-footer-block .sgp-voice-container .videothumbnail-featured, #home-footer-block .moduletable-boxborder.rmvbottomtborder .custom-boxborder .document-content-left, #home-footer-block .moduletable-boxborder.rmvbottomtborder .custom-boxborder .document-img-right{width:100%; margin-bottom:25px;} .featured-video-slider .slick-dots{bottom:-20px;} #home-footer-block .moduletable-boxborder.rmvbottomtborder .custom-boxborder .document-img-right{margin-top:65px;} #home-footer-block .moduletable-boxborder.rmvbottomtborder/* , #home-footer-block .sgp-voice-container */{padding:50px 60px;} .footer .custom {display: inline-block; line-height: normal; vertical-align: middle;} } @media(min-width:1000px) and (max-width:1198px){ .header-inner .brand img{max-width:152px; margin-top:15px;} .navbar.menubar .ux-menu-container .ux-menu li{margin:0 5px} .slide-desc .slide-desc-text-default{bottom:5%;} .slide-desc .slide-desc-text-default .slide-title{line-height:30px;} .slide-desc .slide-desc-text-default .slide-title a{font-size:22px; line-height:20px;} .slide-desc-in .slide-desc-text a.readmore{padding:15px 50px 15px 30px;} .slide-desc .slide-desc-text-default .slide-text{line-height:22px;} #home-footer-block .sgp-voice-container .videotitlecontainer, #home-footer-block .sgp-voice-container .videothumbnail-featured, #home-footer-block .moduletable-boxborder.rmvbottomtborder .custom-boxborder .document-content-left, #home-footer-block .moduletable-boxborder.rmvbottomtborder .custom-boxborder .document-img-right{width:100%; margin-bottom:25px;} .featured-video-slider .slick-dots{bottom:-20px;} #home-footer-block .moduletable-boxborder.rmvbottomtborder .custom-boxborder .document-img-right{margin-top:65px;} #home-footer-block .moduletable-boxborder.rmvbottomtborder .custom-boxborder.partners .document-img-right a img{max-width:300px;} } @media(min-width:1000px){ .mobile-menu{display: none;} } /*27-8-2018*/ @media(max-width:360px){ .itemid-600 .header .cc-logo img { padding: 0; } } @media(min-width:768px) and (max-width:1024px){ .itemid-600 .community-banner .module-content h1 { margin-top: 0; } } /*27-8-2018 /*12-06-2020*/ li#ext-gen18 ul { left: -250px !important; } li#ext-gen18 span.ux-menu-arrow { background : url(../../../modules/mod_ariextmenu/mod_ariextmenu/js/css/images/menu-arrow-left.png) !important; } /*12-06-2020*/ .featured-video-slider .slick-list { height: 350px !important; }