[class^="icon-"], [class*=" icon-"] { /* use !important to prevent issues with browser extensions that change fonts */ font-family: 'icomoon' !important; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; /* Better Font Rendering =========== */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; display:inline-block; vertical-align:middle; } .icon-icon_1:before { content: "\e900"; color: #e3eed1;} .icon-icon_2:before { content: "\e901"; color: #e3eed1;} .icon-icon_3:before { content: "\e902"; color: #e3eed1;} .icon-icon_4:before { content: "\e903"; color: #e3eed1;} .icon-icon_5:before { content: "\e904"; color: #e3eed1;} .icon-icon_6:before { content: "\e905"; color: #ec6730;} .icon-icon_7:before { content: "\e906"; color: #fff;} .icon-icon_8:before { content: "\e907"; color: #fff;} .icon-icon_9:before { content: "\e908";} .icon-icon_10:before { content: "\e909";} .icon-icon_11:before { content: "\e90a";} /* Default -------------------------------------------------- */ *{ margin:0; padding:0;} html, body{ height:100%;} html { font-size:100%; } body{color:#202020; background-color: #ffffff; margin:0; padding:0; font-family: 'DIN Condensed'; font-size:1em; font-weight: 400;} ul{ margin:0} li{ list-style:none} p{ line-height:1.2em; font-size: 1.2em; margin:0;} img{ max-width:100%;} figure{ margin:0; padding:0;} h1{ font-size:2em;} h2{ font-size:1.8em;} h3{ font-size:1.5em;} h4{ font-size:1em;} h5{ font-size:0.85em;} h6{ font-size:0.85em;} h1, h2, h3, h4, h5, h6{ font-weight:normal; color:#202020; line-height:normal; margin-top:0; margin-bottom:0; line-height:1;} a, .btn, button, i, img{ color:#e09f1d; -webkit-transition: all .4s ease; -moz-transition: all .4s ease; -ms-transition: all .4s ease; -o-transition: all .4s ease; transition: all .4s ease;} a:hover, a:focus { color: #e09f1d; text-decoration:none; outline:none !important; } ::-moz-selection {color: #fff; background: #e09f1d;} ::selection {color: #fff; background: #e09f1d;} hr { border-top: 1px solid #e09f1d; border-bottom: 1px solid #fff; } .btn{font-size: 0.85em;} .trs {-webkit-transition: all .4s ease; -moz-transition: all .4s ease; -ms-transition: all .4s ease; -o-transition: all .4s ease; transition: all .4s ease;} .minHeight{ min-height:26.8em;} .minHeightNew{ min-height:24.8em;} .minheight_skill{min-height: 28.9em;} .padd-l-r-none{ padding-left:0; padding-right:0;} .padd-l-r{padding-left: 15px; padding-right: 15px;} .padd-l{padding-right:5px;} .padd-r{padding-left:5px;} .padd-t{padding-top:10px;} .padd-b{padding-bottom:5px;} .marg-r{margin-right:5px;} .first-bg-color{ background:#e09f1d; z-index: 99;} .second-bg-color{ background:#ecbf68;} .third-bg-color{ background:#efefef;} .fourth-bg-color{ background:#202020;} .fifth-bg-color{ background:#000000;} .sixth-bg-color{ background:#ffffff;} .contact_us{ position:fixed; top:12%; right:0; z-index:9991;} .contact_us .vertical_btns{vertical-align:middle; text-align:right; background-color:rgba(224,159,29,0.4); /*background-color:rgba(217,217,217,0.8);*/ border-radius:0; width:2.2em; overflow:hidden; position:relative; margin-bottom:10px;} .contact_us .vertical_btns:nth-child(2){ background-color:rgba(224,159,29,0.7);} .contact_us .vertical_btns:nth-child(3){ background-color:rgba(224,159,29,0.9);} .contact_us .vertical_btns.solid-color{ background-color:rgba(224,159,29,0.8);} .contact_us .vertical_btns.solid-color .contact_text a{color:#202020;} .contact_us .contact_text{ position:relative; height:8em; display:block;} .contact_us .contact_text a{ transform:rotate(-90deg); color:#202020; /*color:#e09f1d;*/ display: block; height:100%; width:5.1em; position:absolute; bottom:0; top:0; text-align: center; /*margin-top:100%;*/ text-transform:uppercase; font-size:1.55em; /*border: #e09f1d solid 1px; margin-right: -1px;*/} /*.contact_us .vertical_btns:nth-child(3) .contact_text a, .contact_us .vertical_btns:nth-child(2) .contact_text a{color:#202020;} .contact_us .vertical_btns:nth-child(3) .contact_text a:hover, .contact_us .vertical_btns:nth-child(2) .contact_text a:hover{color:#FFFFFF;}*/ .contact_us .contact_text a:hover{color:#FFFFFF; background-color:rgba(224,159,29,0.8);} .default-heading{ padding:0.55em 0 0.5em 0; font-size:2em; line-height:1; color:#ffffff; text-transform:uppercase; position:relative; z-index:999;} .radio{} .radio label { display: inline-block; position: relative; padding-left: 5px; } .radio label::before { content: ""; display: inline-block; position: absolute; width: 17px; height: 17px; left: 0; margin-left: -20px; border: 1px solid #cccccc; border-radius: 50%; background-color: #fff; -webkit-transition: border 0.15s ease-in-out; -o-transition: border 0.15s ease-in-out; transition: border 0.15s ease-in-out; } .radio label::after {display: inline-block; position:absolute; content:" "; width: 11px; height: 11px; left: 3px; top: 3px; margin-left: -20px; border-radius: 50%; background-color: #555555; -webkit-transform: scale(0, 0); -ms-transform: scale(0, 0); -o-transform: scale(0, 0); transform: scale(0, 0); -webkit-transition: -webkit-transform 0.1s cubic-bezier(0.8, -0.33, 0.2, 1.33); -moz-transition: -moz-transform 0.1s cubic-bezier(0.8, -0.33, 0.2, 1.33); -o-transition: -o-transform 0.1s cubic-bezier(0.8, -0.33, 0.2, 1.33); transition: transform 0.1s cubic-bezier(0.8, -0.33, 0.2, 1.33); } .radio input[type="radio"] {opacity: 0;} .radio input[type="radio"]:focus + label::before { outline: thin dotted; outline: 5px auto -webkit-focus-ring-color; outline-offset: -2px; } .radio input[type="radio"]:checked + label::after { -webkit-transform: scale(1, 1); -ms-transform: scale(1, 1); -o-transform: scale(1, 1); transform: scale(1, 1); } .radio input[type="radio"]:disabled + label {opacity: 0.65; } .radio input[type="radio"]:disabled + label::before { cursor: not-allowed; } .form-control{border-color:#ccc; box-shadow: none; resize:vertical; font-size:#555555; width: 100%; font-size: inherit; height: auto;} .form-control:focus{/**border-color: #ff4b00;**/border-color: #fff;box-shadow:none; } input[type="checkbox"], input[type="radio"]{ margin:0 0.3em 0 0;} .form-control::-webkit-input-placeholder {color:#c0c0c0;} .form-control::-moz-placeholder {color:#c0c0c0;} .form-control:-ms-input-placeholder {color:#c0c0c0;} .form-control:-moz-placeholder {color:#c0c0c0;} .form-group{ position:relative;} .form-control.bootstrap-select{ margin-bottom:5px;} .form-control.bootstrap-select .btn{padding:4px 12px;} .form-control.bootstrap-select .dropdown-menu.open{ font-size:13px; padding:0;} .form-control.bootstrap-select .dropdown-menu > li > a:focus, .form-control.bootstrap-select .dropdown-menu > li > a:hover{ background:#e09f1d; color:#FFFFFF;} .form-control.bootstrap-select .dropdown-toggle{ background:none; border-color:#e7e7e7; color:#c0c0c0;} .form-control.bootstrap-select .dropdown-toggle:focus, .form-control.bootstrap-select .dropdown-toggle:hover{background:#e09f1d; border-color:#e09f1d; color:#FFFFFF; box-shadow:none; outline:inherit !important; outline-offset:inherit !important; } .form-control.bootstrap-select.btn-group .dropdown-toggle:active, .form-control.bootstrap-select.btn-group.open .dropdown-toggle{box-shadow:none;} .bootstrap-select:not([class*="col-"]):not([class*="form-control"]):not(.input-group-btn){ width:100%;} .bootstrap-select > .dropdown-toggle{font-size: inherit; padding:0.38em 1.1em; color:#e09f1d;} .dropdown-menu > .active > a, .dropdown-menu > .active > a:focus, .dropdown-menu > .active > a:hover{background: #e09f1d;} .border-r{ border-right:#FFFFFF solid 5px;} .border-l{ border-right:#FFFFFF solid 5px;} .border-b{ border-bottom:#FFFFFF solid 5px;} .border-t{ border-top:#FFFFFF solid 5px;} .verticle_align_middle{position:absolute; top:50%; width:100%; left:0; right:0; -webkit-transform: translate(0%, -50%); -moz-transform: translate(0%, -50%); -ms-transform: translate(0%, -50%); -o-transform: translate(0%, -50%); transform: translate(0%, -50%);} .btn.default-btn{ background:#6e6a6a; color:#FFFFFF; font-size:1.2em; border-radius: 5px; padding:0.3em 0.6em 0.3em 0.6em; line-height: 1;} .btn.default-btn:hover{background:#da8d01;} .btn.default-btn.marR .fa{margin-right: 0.3em;} .btn.default-btn.marR:hover .fa{color:#FFFFFF;} .btn.default-btn.yellow-btn{background:#ffc000; display:block; max-width:80%; width:100%; margin:10px auto; text-transform:uppercase; border:none; color:#202020;font-size:1.2em; } .btn.default-btn.yellow-btn.marNone{margin-bottom:0;} .marginTop{ margin-top:0.6em;} .minheight{ min-height:6.8em;} .inner-banner{width:100%;height:100%; height:15em; background-position:100% center; background-size:cover; position: relative; background-image:url('/images/inner-banner.png'); background-repeat:no-repeat;} .inner-banner.largeheight{height:25em;} .inner-banner:before{ position: absolute; left: 0; right: 0; top: 0; bottom: 0; content:""; background-color: rgba(0,0,0,0.1);} /* Header Content -------------------------------------------------- */ .header_sec{ position:relative; /*z-index:99;*/} .navbar-collapse.collapse{ position:relative; float: right; max-height:inherit !important;} .navbar-collapse .navbar-nav{ display:inline-block; vertical-align:middle; float:none;} .header_sec .navbar{background: rgba(0, 0, 0, 0.6); padding:0.65em 0;} .header_sec .navbar .navbar-header{ position:relative; float:left; margin-left:0; margin-right:0;} .header_sec .navbar .navbar-header .navbar-brand{ height:auto; padding:0; line-height:0; margin:0px; font-size: inherit;} .header_sec .navbar .navbar-header .navbar-brand img{ display:inline; width:7.5em;} .header_sec .navbar.navbar-solid-color .navbar-header .navbar-brand img{ width:5.5em; margin: 0.5em 0;} .header_sec .navbar .navbar-toggle{ margin:1em 0em; padding:0.5em; background:#FFFFFF; border-radius: 8px;} .header_sec .navbar .navbar-toggle .icon-bar{ background:#202020; width:2.222em; height:0.322em;} .header_sec .navbar .navbar-toggle .icon-bar + .icon-bar{margin-top: 0.3em;} .header_sec .navbar.navbar-solid-color .navbar-toggle{padding: 0.6em; margin:1.5em 0em;} .header_sec .navbar.navbar-solid-color .icon-bar{width: 2.355em; height: 0.355em;} /*.header_sec .navbar .navbar-header .navbar-brand .logoOnScroll{ display:none;} .header_sec .navbar.navbar-solid-color .navbar-header .navbar-brand .logoOnScroll{ display:block;} .header_sec .navbar.navbar-solid-color .navbar-header .navbar-brand .withOutScroll{ display:none;}*/ .header_sec .navbar .navbar-nav li a{color:#FFF; text-transform:uppercase; padding:0.3em 0.8em; font-size:1.2em; line-height: 1.2em;} .header_sec .navbar .navbar-nav li.active a{ color:#e09f1d;} .header_sec .navbar .navbar-nav > li > a:focus, .header_sec .navbar .navbar-nav > li > a:hover {background-color: inherit; text-decoration: none; color:#e09f1d;} .header_sec .navbar.navbar-solid-color .navbar-nav li a{padding:0.5em 0.6em;} .header_sec .navbar.navbar-solid-color{background-color:rgba(32,32,32,1);} .header_sec .search_bar{ position:relative; display:inline-block; vertical-align:middle;} .header_sec .search_bar .search_btn{ background:none; border:none; cursor:pointer; font-size: inherit;} .header_sec .search_bar .search_btn i{ color:#FFF; font-weight:200; font-size:1.55em;} /* Slider Content -------------------------------------------------- */ .carousel-caption {z-index: 10; top: 50%; left:2.855em; bottom:auto; padding:0em 0em; max-width:50.875em; text-align: left; text-shadow:none; -webkit-transform: translate(0%, -50%); -moz-transform: translate(0%, -50%); -ms-transform: translate(0%, -50%); -o-transform: translate(0%, -50%); transform: translate(0%, -50%); } .carousel-caption h2{ padding-left:0px; color:#e09f1d; font-size:3.3em; line-height:1.288em; text-transform: uppercase; text-shadow: 0px 0.05em 0.05em #202020; font-family:'DIN Pro Bold';} .carousel-item > img {position: absolute;top: 0;left: 0; min-width: 100%; height: 40em; height: 100vh;} .carousel-indicators { bottom: 50px;} .carousel-indicators li{ height:1.4em; max-width:1.4em; margin: 0px; width:100%; border-radius:100%; background:rgba(224,159,29,0.5); /*border: 0.15em solid #fff;*/ border:none;} .carousel-indicators .active {height:1.4em; width:100%; max-width:1.4em; background-color:#e09f1d; border:none; /*border:#FFFFFF solid 0.15em;*/} .carousel-item { height: 100vh; min-height: 300px; background: no-repeat center center scroll; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;} .carousel, .item, .item.active{ /*height: 100%;*/ height: 38em;} .carousel-inner { /*height: 100%;*/ height: 38em;} .fill {width: 100%; /*height: 100%;*/ height: 38em; background-position: center; -webkit-background-size: cover; -moz-background-size: cover; background-size: cover; -o-background-size: cover;} .slider_sec #myCarousel .item .carousel-caption{left:15px; right:15px; top:99%; text-align:center; max-width:100%; -webkit-transform: translate(0%, -100%); -moz-transform: translate(0%, -100%); -ms-transform: translate(0%, -100%); -o-transform: translate(0%, -100%); transform: translate(0%, -100%);} .slider_sec #myCarousel .item .carousel-caption h2{color:#e09f1d; font-size:2em; font-family: 'DIN Condensed';} /* Body Content -------------------------------------------------- */ .middle-section{ position:relative; z-index:auto;} #how-we-are{ position:relative; margin-top:0.4em;} #how-we-are .minHeight{ min-height:22.8em;} #how-we-are .india-map{ position:relative;} #how-we-are .india-map img{ height:14em;} .content_sec{ padding:0.85em 0em 0.85em 0em;} .blackbg-full{ min-height:18.5em; background:#202020; width:100%;} .map-sec{ position:relative;} .map-sec img{ height:16em} .paragraph{ position:relative;} .paragraph p{ margin-bottom:1em;} .paragraph p:last-child{ margin-bottom:0;} .paragraph p span{ color:#600;} .ten-years{ position:relative; min-height:17em; max-width:22em; margin: 0 auto;} .ten-years img{ position:absolute; width:100%;} .ten-years .experience-info{ text-transform:uppercase; text-align: center; position: relative; height: 16em;} .ten-years .experience-info .verticle_align_middle{/*left:2.8em;*/padding-left: 5.5em;} .ten-years .experience-info bdo{ font-size:1.8em; display:block; color:#202020;line-height: 1em;} .ten-years .experience-info strong{ font-size:1.8em; display:block; color:#202020;line-height: 1em;} .ten-years .experience-info p{ font-size:1.8em; display:block;color:#202020;} /*.ten-years .experience-info .verticle_align_10{margin: 0 auto;position: absolute;right: 0;left:58px;top: -44px;} .ten-years .experience-info .verticle_align_10 strong{font-size:1.8em;color:#202020;line-height: 1em;} .ten-years .experience-info .verticle_align_10 bdo{font-size:1.8em;color:#202020;line-height: 1em;} .ten-years .experience-info .verticle_align_10 p{font-size:1.8em;color:#202020;}*/ .states-name{ position:absolute; bottom:1em; right:1em; width:75%; text-align:right;} .states-name .names{ list-style:none; margin-bottom:0.2em;} .states-name .names li{ display:inline-block; vertical-align:middle; height:3.2em; width:3.2em; background:#cccccc; position:relative; text-align:center; text-transform:uppercase;} .states-name .names li span{ font-size:0.7em; line-height:1em;} .states-name .pop-list{ list-style:none; margin-bottom:0.2em;} .states-name .pop-list li{ display:inline-block; vertical-align:middle; height:3.2em; width:3.2em; background:#202020; position:relative; text-align:center; text-transform:uppercase; color:#FFFFFF;} .states-name .pop-list li.gray-color{ background:#cccccc; color:#202020;} .states-name .pop-list li span{ font-size:1.2em; line-height:1.1em;} .states-name .pop-list li.gray-color span{ font-size:0.7em; line-height:1em;} .census{ position:absolute; bottom:1em; left:1em; width:30%; text-align:right;} .census p{font-size:0.8em; line-height: 1em;} /*.content_sec figure img{height: 100%;} */ .thumnail_box{padding:15px 0px 0px 0px;} .content_sec.paddNone{ padding:0;} .content_sec.paddTop{ padding-top:0;} .small-heading-head{ display:block; position:relative; /*padding-top: 0.85em;*/ padding-bottom: 0.85em;} .small-heading-head h2{ color:#202020; text-transform:uppercase; font-size:1.8em;} .small-heading-head .fcra_heading{font-size:1.3em;} .small-heading-head h2.paddbottom{ margin-bottom:0;} .videos .excellence{padding-bottom: 10px;} .education_area{margin:4em 0 0 0;} .education_area.mar-None{ margin:0;} .education_area h2{margin-top:2em} .education_area.mar-None h2{ margin-top:0;} .education_area.mar-None .paragraph p{ margin-bottom:0.3em;} /*.health_area{margin:4em 0 0 0;} .health_area h2{margin-top:2em}*/ /*.skill_area{margin:4em 0 0 0;} .skill_area h2{margin-top:2em}*/ .skill_area .paragraph, .health_area .paragraph{ margin-bottom:0.5em;} .skill_area .paragraph p, .health_area .paragraph p{ margin-bottom:0.2em;} .council-poeples{ padding:0; margin:0 0 -0.4em 0; max-width:26em;} .council-poeples li{ /*display:inline-block; vertical-align:middle;*/ float: left; width:4.1em; height:4.1em; background: #515151; /*margin-bottom:0.2em; margin-right:-0.3em;*//*border:#202020 solid 1px; overflow: hidden;*/ position:relative;} .council-poeples li:nth-child(odd)::after { left: 100%; top: 50%; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; border-color: rgba(81, 81, 81, 0); border-left-color: #515151; border-width: 5px; margin-top: -5px; z-index: 1; } .council-poeples li:nth-child(even)::after { right: 100%; top: 50%; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; border-color: rgba(81, 81, 81, 0); border-right-color: #515151; border-width: 5px; margin-top: -5px; } .council-poeples li a{ display:block;text-align: center; color:#fff; line-height: 1em;} .council-poeples li a span{color:#a2a2a2;} .council-poeples li a img{ height:4.1em; width:4.1em;} .thumnail_box .council-poeples li:nth:child(5){margin-right: 0;} /*.council-poeples li a img{height: 90px;width:100px;}*/ .council-poeples li:nth-child(5){margin-right:0px;} .council-poeples li:nth-child(10){margin-right:0px;} .council-poeples li:nth-child(15){margin-right:0px;} #what-we-do{ position:relative; margin-top:0.4em;} /*#what-we-do .minHeight { min-height: 25em;}*/ #what-we-do .heading-head .story-head{position:relative; display: inline-block; width: 8em; height:6em; vertical-align: middle; background:#202020; text-align:center; padding:10px 10px; margin-right: 20px;} #what-we-do .heading-head .story-head span{font-size: 1.8em; color:#FFFFFF;} #what-we-do .heading-head .small-heading-head{display: inline-block; width: calc(100% - 6.5em); vertical-align: top; padding: 0.5em 0 0.5em 0; line-height: 1em; color: #202020; font-size: 1.8em;} #what-we-do .heading-head .icons-items{display: inline-block; width: calc(100% - 10em); vertical-align: middle; text-align:right;} #what-we-do .heading-head .icons-items img{ width:4.5em;} #what-we-do figure{ padding-left:10px; padding-right:10px; min-height: 16em;} #what-we-do .paragraph{ padding-left:1em; padding-right:1em; padding-top:1em;} .knowmore{position: absolute; bottom: 10px; right: 15px;} /*.knowmore .btn.default-btn{ margin-right:0.8em;}*/ /*.knowmore .btn.default-btn.mar-right-none{ margin-right:0;}*/ #the-alig-impact{ position:relative; margin-top:0.4em;} #the-alig-impact .minHeight { min-height:22em;} #the-alig-impact .heading-head .icons{height:3.6em; width:3.6em;} .heading-head{ display:block; position:relative; /*margin-bottom: 1.32px;*/} .heading-head .default-heading-small{display:inline-block; width: calc(100% - 2.5em); vertical-align:middle; text-transform:lowercase; padding:0.5em 0 0.5em 0; line-height:1em; color:#202020; } .heading-head .icons{ display:inline-block; width:4em; vertical-align:middle;} .heading-head .default-heading-small span{ text-transform:uppercase; font-size:1em; line-height:0.6em; display:inline-block; width: calc(100% - 5.7em); vertical-align: bottom; line-height:0;} .numbers{ display:inline-block; width:auto; vertical-align:middle; font-size:2.5em;} .heading-head .default-heading-small .yellow-color{ color:#d17d00; text-transform: capitalize; display: block;} .heading-head .default-heading-small small{color:#202020; text-transform: capitalize; font-size:1.1em; line-height:0;} .listing-points{ position:relative; list-style:none; padding-top:1em; min-height:15em;} .listing-points.paddNone{ padding-top:0;} .listing-points li{ display:block; vertical-align:middle; margin-bottom:0.2em; padding-left:1.2em; position:relative;} .listing-points li:before{height:0.5em; width:0.5em; border-radius:100%; position:absolute; top:40%; left:0; background:#e09f1d; content:'';} .listing-points li a{ display:block; color:#202020; font-size:1.2em; line-height: 1.5em;} .listing-points li a:hover{color:#e09f1d;} #where-we-work{ position:relative; margin-top:0.4em;} /*#where-we-work .minHeight { min-height:20.3em;}*/ .details{ position:absolute; top:3em; right:0em; width:40%;} .details span{ display:inline-block; width:1.15em; vertical-align:middle; padding:0; font-size:4rem;} .details .pop-info{display:inline-block; width: calc(100% - 5em); vertical-align:middle; color:#FFF; font-size:1.1em; line-height:1.1em;} .listing-population{ position:relative; list-style:none; display:inline-block; width: calc(100% - 13em); margin-right: 1em; vertical-align:middle;} .photo-img{display:inline-block; width:10em; vertical-align:middle;} .listing-population.marbotm-none li{ padding-left:15px; padding-right:15px;} .listing-population li{ display:inline-block; /*margin-bottom: -5px;*/ margin-right:-0.4em; background:#202020; width:6.8em; height:8em; position: relative; vertical-align:top;} .listing-population li:nth-child(2), .listing-population li:nth-child(3){ background:#e8e8e8; } .listing-population li:nth-child(2) acronym, .listing-population li:nth-child(2) strong{color:#202020;} .listing-population li:nth-child(3) acronym, .listing-population li:nth-child(3) strong{color:#202020;} /*.listing-population li:nth-child(2n+2){ background:#202020;}*/ .listing-population li:last-child{ margin-bottom:0;} .listing-population li acronym{display:block; color:#FFFFFF; text-transform:uppercase; font-size:1.1rem; text-align:center;} .listing-population li strong{display:block; color:#FFFFFF; font-size:1.8rem; text-align:center;} .per-toi{position: relative; display: inline-block;vertical-align: bottom;} .per-toi p{font-size:1em;/*top:-1em;right:6.9em;position:absolute;*/} #get-involved{ position:relative; margin-top:0.3em;} .get_margtop{ margin-top:4.1em!important;} /*#get-involved .minHeight { min-height:23em;}*/ .get-involve-img img{ width:100%;} #get-involved .carousel, #what-people-say .carousel-inner, #get-involved .item, #get-involved .item.active{height: 100%;} #get-involved .gallery_padd_bottom{padding-bottom: 5px;} /* carousel */ .owl-carousel{ /*padding: 0 40px 30px 40px;*/ padding-top: 2em; padding-bottom:2em; z-index: 0;} .owl-carousel .owl-stage-outer{ margin-right:-5px;} .owl-theme .owl-dots, .owl-theme .owl-nav {text-align: center; -webkit-tap-highlight-color: transparent} .owl-theme .owl-nav {/* position:relative;*/ height:100%;} .owl-theme .owl-nav [class*=owl-]{background:#202020; color:#e09f1d; border-radius:100%; height: 1.5em; width: 1.5em; cursor: pointer; font-size: 1.8em; line-height: 1.5em; text-align: center;} .owl-theme .owl-nav [class*=owl-]:hover {background: #e09f1d; color: #FFF; text-decoration: none} .owl-theme .owl-nav .owl-prev{ left:-8%; bottom: 45%; position:absolute;} .owl-theme .owl-nav .owl-next{ right:-8%; bottom: 45%; position:absolute;} .owl-theme .owl-nav .disabled {opacity: .5; cursor: default} .owl-theme .owl-nav.disabled+.owl-dots { margin-top: 10px } .owl-theme .owl-dots .owl-dot { display: inline-block; zoom: 1;} .owl-theme .owl-dots .owl-dot span {width: 10px; height: 10px; margin: 5px 7px; background: #D6D6D6; display: block; -webkit-backface-visibility: visible; transition: opacity .2s ease; border-radius: 30px;} .owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span {background: #869791;} .owl-theme.owl-carousel .owl-item img {display: inline; width: auto;} .owl-carousel .owl-dots.disabled, .owl-carousel .owl-nav.disabled{ display:block;} /* End carousel */ .partner-details{ position:relative; display:block; text-align:center;} .partner-details .default-heading{ padding:1.33em 0 0em 0; font-size:1.8em; color:#202020;} .partner-details .owl-theme.owl-carousel .owl-item img {width: 6em;} a.thumbnail{ border-radius:100%; background:#fff; padding:2em; display:block; width:10em; height:10em; margin-bottom:0; margin:0 auto; position:relative; overflow: hidden; border: 1px solid #b8b8b8;} a.thumbnail.active, a.thumbnail:focus, a.thumbnail:hover { border-color: #e8b24e;} a.thumbnail .verticle_align_middle{padding: 1em;} #connect-with-alig{ position:relative; margin-top:0.4em;} #connect-with-alig .content_sec.paddNone{ padding-top:0;} #connect-with-alig .minHeight{ min-height:23em;} #connect-with-alig .content_sec .small-heading-head h2{margin-bottom: 0;} #connect-with-alig .content_sec .small-heading-head h2 span{font-size:0.8em; text-transform: capitalize; } /*#connect-with-alig .content_sec .small-heading-head h2 i{margin-left:0.4em;}*/ #connect-with-alig .content_sec figure{ text-align:center;} #what-people-say{ position:relative; margin-top:0.4em;} /*#what-people-say .minHeight{ min-height:21em;}*/ #what-people-say .team-photo img{ width:100%;} #what-people-say .carousel, #what-people-say .carousel-inner, #what-people-say .item, #what-people-say .item.active{height: 100%;} #quote-carousel { padding:0px; /*margin-top: 3.1em;*/ margin-bottom:0em;} #quote-carousel .carousel-control { background: none; text-shadow: none; /*line-height: 2.6em;*/ opacity:1;} #quote-carousel .carousel-control.left{left:2%; width:auto; bottom:58%; top:auto; background:#202020; width:1.6em; height:1.6em; border-radius: 100%;} #quote-carousel .carousel-control.right{right:2.4%; width:auto; bottom:58%; top:auto; background:#202020; width:1.6em; height:1.6em; border-radius: 100%;} #quote-carousel .carousel-control.left i, #quote-carousel .carousel-control.right i{color:#e09f1d; font-size:0.6em;} #quote-carousel .carousel-indicators {right: 50%; top: auto; bottom: 0px; margin-right: -19px;} #quote-carousel .carousel-indicators li {width: 50px; height: 50px; margin: 5px; cursor: pointer; border: 4px solid #CCC; border-radius: 50px; opacity: 0.4; overflow: hidden; transition: all 0.4s;} #quote-carousel .carousel-indicators .active { background: #333333; width: 128px; height: 128px; border-radius: 100px; border-color: #f33; opacity: 1; overflow: hidden;} /*.carousel-inner { min-height: 300px;}*/ .item blockquote { border-left: none; margin:0 auto; max-width:97.5%; font-size:inherit; padding:0px 20px 10px 20px;} .item blockquote .border-frame{border:#202020 solid 0.25em; display:block; padding:0.5em 1em 3.8em 1em;} .item blockquote .border-frame p{display:block; font-size:1.2em; line-height:1.2em; color:#FFFFFF; /*border-top: #e09f1d solid 1px;border-bottom: #e09f1d solid 1px;*/padding:0.8em 0 0.8em 0;} .item blockquote .border-frame p:before{content: "\f10d"; font-family: 'Fontawesome'; float: left; margin-right: 10px;} .user-photo{ display:block; position:relative; margin-top:-6em;} .user-photo .img-pic{ display:inline-block; vertical-align:middle; height:6em; width:6em; border-radius: 100%; background:#FFFFFF; overflow: hidden;} .user-photo .user-name{ display:inline-block; vertical-align:middle; color:#FFFFFF; font-size:1.1em; margin-top:6.1em; text-transform:uppercase; text-align: left; padding-left:0.6em;} .user-photo .user-name:before{ display:none;} .user-photo .user-name .professional, .user-photo .user-name .location, .user-photo .user-name .company{ display:block; font-size:0.9em; line-height:1em; color:#202020;text-transform: none;} /* FAQ Content -------------------------------------------------- */ .panel-group{ position:relative; margin-bottom:0;} .panel-group .panel{border-radius: 0;} .panel-group .panel + .panel{ margin-top: 10px;} .panel-group .panel-default > .panel-heading{ padding:0;} .panel-group .panel-default > .panel-heading .panel-title{ margin:0;} .panel-group .panel-default > .panel-heading .panel-title a{ padding:12px 15px; display: block; font-size:1.2em; position:relative; } .panel-group .panel-default > .panel-heading .panel-title a:after{content:"\f063"; font-family: 'Fontawesome'; position: absolute; right: 15px;} .panel-group .panel-default > .panel-heading .panel-title a.collapsed:after{content:"\f061"; font-family: 'Fontawesome';} .panel-heading .panel-title a.active{ /*color:#202020;*/ color: #e09f1d; } #covid-19{ /*margin-top: 62px;*/ background-size: cover; background-position: center; padding: 100px 0 30px 0;} #covid-19 .minHeight{ min-height: 40.8em; } .support-programe{ position:relative; list-style:none; display:block; width:100%; max-width: 532px; vertical-align:middle;} .support-programe li{ display:block; } .support-programe li span{ display:inline-block; text-transform: uppercase; margin-right:-0.4em; width:11.2em; min-height: 8.1em; position: relative; vertical-align:top; text-align: center;} .support-programe li:last-child span{min-height: 5em;} .support-programe li span .verticle_align_middle{color: #FFFFFF; font-family: 'DIN Condensed'; font-size:2.3em; text-transform: uppercase;} .support-programe li acronym{display:block; color:#FFFFFF; text-transform:uppercase; font-size:1.1rem; text-align:center;} .support-programe li strong{display:block; color:#FFFFFF; font-size:1.8rem; text-align:center;} .support-programe li:first-child span:nth-child(1) .verticle_align_middle, .support-programe li:first-child span:nth-child(3) .verticle_align_middle{ background-color: #ffbf00; color: #000000; position:absolute; top:100%; width:100%; left:0; right:0; -webkit-transform: translate(0%, -100%); -moz-transform: translate(0%, -100%); -ms-transform: translate(0%, -100%); -o-transform: translate(0%, -100%); transform: translate(0%, -100%); } .boxes-covid{ position:relative; list-style:none; display:block; width:100%; max-width: 532px; vertical-align:middle;} .boxes-covid li{ display:inline-block; background:#fce8b2; width:16em; min-height:16em; margin-bottom:1em; position: relative; vertical-align:top; text-align: center; font-family: 'DIN Condensed'; } .boxes-covid li:nth-child(1){margin-right:1em; } .boxes-covid li:nth-child(2){background:#fad976; } .boxes-covid li:nth-child(3){ margin-right:1em; background:#facd52; } .boxes-covid li:nth-child(4){ background:#ffbf00; } .boxes-covid li h2{ color: #f00000; font-size: 1.8em; padding:0.6em 0 0.6em 0; display: block;} .boxes-covid li p{ color: #000000; font-size: 1.8em; line-height: 1em; } .boxes-covid li .verticle_align_middle{position:absolute; top:95%; width:100%; left:0; right:0; -webkit-transform: translate(0%, -100%); -moz-transform: translate(0%, -100%); -ms-transform: translate(0%, -100%); -o-transform: translate(0%, -100%); transform: translate(0%, -100%);} .boxes-covid li .icon{ max-width: 8rem; display: block; margin: 0 auto } .boxes-covid li .icon img{ height: 7rem; } #donate-form .container-fluid{ padding:50px 150px 100px 150px; } .headings-area{ position: relative; text-align: center; padding-bottom:40px; } .headings-area p{ font-size: 1.5em; line-height: 1.1em; margin-bottom: 20px; } .covid-donate-form{ position: relative; } .covid-donate-form .row-section-area.paddmar-area{ padding: 50px 0 0px 0; } .covid-donate-form .form-group h3{ display: block; text-align: center; font-size: 1.8em; } /*.covid-donate-form .form-group label{font-size: 1.5rem;}*/ .covid-donate-form .form-group { margin-bottom: 20px;} .covid-donate-form .form-group input{ padding:1rem 1.1rem; font-size: 1.5rem; line-height: 1.5rem; min-height:4rem; border: none; background-color:#d9d9d9; color: #000000; border-radius: 0;} .covid-donate-form .form-group input::-webkit-input-placeholder {color:#747474;} .covid-donate-form .form-group input::-moz-placeholder {color:#747474;} .covid-donate-form .form-group input:-ms-input-placeholder {color:#747474;} .covid-donate-form .form-group input:-moz-placeholder {color:#747474;} .custom-control { position: relative; display: block; padding:0.5rem 2rem 0.1rem 1.5rem; background-color:#d9d9d9; min-height: 4rem; } .custom-control input[type=checkbox], .custom-control input[type=radio] { box-sizing: border-box; padding: 0; min-height:inherit;} .custom-control-input { position: absolute; z-index: -1; opacity: 0; overflow: visible; width: 30px; height:30px; left: 1rem; top: 1rem;} .custom-control-label { margin-bottom: 0; display: inline-block; font-size: 1.3rem; line-height: 1.8rem; padding-left:2.5rem; cursor: pointer;} .custom-control-label span{font-size: 1.5rem; display: block;} .custom-control-label span.other{ padding-top: 12px;} .custom-control-label::before {position: absolute; top: 1.1rem; left: 1rem; display: block; width: 30px; height: 30px; pointer-events: none; content: ""; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; background-color: #FFFFFF; border: #000000 solid 2px; border-radius: 50%;} .custom-control-input:checked~.custom-control-label::before { color: #fff; background-color: #ffc000;} .custom-control-label::after { position: absolute; left: 0; display: none; width: 30px; height: 30px; content: ""; } .custom-radio .custom-control-input:checked~.custom-control-label::after {background-color: #ffc000;} .donate-btn{ padding:0.3rem 2.5rem 0.3rem 2.5rem; font-size: 1.8em; margin-top: 20px; outline: none; text-transform: uppercase; background-color: #ffbf00; color: #000000; border: none; border-radius: 8px; line-height: 1;} .donate-btn.btn-primary:hover, .donate-btn.btn-primary:focus{background-color: #ffbf00; color: #FFFFFF; border-color: #ffbf00; outline: none; box-shadow:none;} .message-area{ text-align: center; display: block; position: absolute; left: 0; right: 0; margin-top: -10px; } .message-area span{ color: #ff0000; font-size: 1rem; } /* Footer Content -------------------------------------------------- */ #footer{position:relative; padding-top:1em; padding-bottom:1.5em; background:#202020; /*border-top:#ecbf68 solid 2px;*/} #footer .minHeight{ min-height:26.6em;} #footer .content_sec{ padding-top:0;} #footer .content_sec.martop{ margin-top: 1em; max-width:17em;} #footer .footer-logo{ display:inline-block; width:2em;} #footer .small-heading-head{padding-bottom:0;} #footer .small-heading-head .default-heading{ color:#FFFFFF;} #footer .small-heading-head .alig-logo{font-size:1.5em; font-family: 'DIN Pro Bold'; color: #fff; /*margin-left: 0.4em; */display: inline-block; vertical-align: middle; letter-spacing:-0.08em;} #footer .yellow-color{ color: #e09f1d;} #footer .keep-intouch{ position:relative; list-style:none; max-width: 480px;overflow: hidden; margin-top: 1em;} #footer .keep-intouch li{ display:block; vertical-align:middle; margin-right:-3.3px; margin-bottom:0.6em; position:relative; float:left; clear: both;} #footer .keep-intouch li a{ display:block; color:#FFFFFF; font-size:1.2em; font-weight:400; position:relative;} #footer .keep-intouch li a i{ color:#e09f1d; font-size:2em; vertical-align:middle;float: left;display:inline-block; /*width:1.2em;*/ width:70px; text-align:center;} #footer .keep-intouch li a i.fa-phone{font-size:1.6em;} #footer .keep-intouch li a i.fa-envelope{font-size:1.38em;} #footer .keep-intouch li a p{ display:inline-block; width: calc(100% - 40px); vertical-align:top; line-height:1;} #footer .keep-intouch li.social-icons{float:left; width:100%; clear:both; margin-top:1.6em; margin-left: 1.1em;} #footer .keep-intouch li.social-icons a{ display:inline-block; border-radius: 100%; background:#fff; padding:0.4em; width:1.55em; height:1.55em; vertical-align:middle; text-align:center; margin-left: 0.2em; font-size: 1.55em;} #footer .keep-intouch li.social-icons a i{font-size:0.8em; color:#202020; position:relative; width:1em;} #footer .tags{ position:relative; list-style:none; margin-bottom:1em;} #footer .tags li{ display:inline-block; vertical-align:middle; text-align:center; margin-right: 0.5em; margin-top: 0.6em; padding: 0.5em; border: #FFFFFF solid 0.2em; position: relative; border-radius: 1em;} #footer .tags li:hover{ border:#e09f1d solid 0.2em;} #footer .tags li:hover a{color:#e09f1d;} #footer .tags li a{display:block; color:#FFFFFF; font-weight:400; position:relative; width:5.4em; height:1.2em; line-height:1.2em; font-size:1.2em; text-transform:uppercase;} #footer .copyrite{color:#FFFFFF; font-size:1.2em; padding:0 0 0 0.3em; margin-top: 0.5em; } #footer .terms-policy{ position:relative; /*margin-left:-4.5em;*/ max-width:17em; margin-top: 0.5em;} #footer .terms-policy a{color:#FFFFFF; font-size:1.2em; padding-right:2em;} #footer .footer_aha{margin:0px; } #footer .footer_aha li{color: #fff;text-transform: uppercase;font-size: 1em;} #footer .footer_aha li a{color: #fff; padding-left: 5px;} #footer .aha-tech{ position:relative; margin-top: 0.5em; color: #ffffff; text-align: center; font-size:1.2em; text-transform:uppercase;} #footer .aha-tech a{color: #ffffff;} /**MK**START**CSS***/ /* Login Content -------------------------------------------------- */ #ground-reality{position:relative; margin-top:0.4em;} #ground-reality .minHeight {min-height: 22.2em;} .populatiom-counting-list{ list-style:none; margin-left: 0.5em;} .populatiom-counting-list.martop{ margin-top:1.1em;} .populatiom-counting-list li{ display:block; line-height: 1;} .populatiom-counting-list li.line-height-li{min-height:10.5em;} .populatiom-counting-list li h3{ font-size:1.8em; color:#202020;} .populatiom-counting-list li .numbering{display:inline-block; vertical-align:middle; width:100%; max-width:47%; margin-right:-0.4em;} .populatiom-counting-list li:first-child .numbering{ /*vertical-align:bottom;*/} .populatiom-counting-list li .numbering acronym{ font-size:6rem; position:relative; color:#202020; width: 100%; display: block; line-height: 1;} .populatiom-counting-list li .numbering span{transform: rotate(-90deg); font-size: 0.3em; position: absolute; bottom:1.2em; right:1.1em; color:#e09f1d;} .populatiom-counting-list li .numbering.billion span{right: 0.8em;} .populatiom-counting-list li .percentage{display:inline-block; vertical-align:middle; width:100%; max-width:54%; margin-right:-0.4em;} .populatiom-counting-list li:last-child .percentage{ /*vertical-align:top;*/ /*margin-top: -2.1em;*/} .populatiom-counting-list li .percentage .percentage-sec-row{display:inline-block; vertical-align:middle; width:100%; max-width:49%; margin-right:-0.4em; text-align: center;} .populatiom-counting-list li .percentage .percentage-sec-row bdo{ font-size:2.8em; color:#202020; display:block;} .populatiom-counting-list li .percentage .percentage-sec-row span{ font-size:1.5em; color:#202020; display:block;} .per-yearly{ display:block; font-size: 1.2em; line-height: 1.2em; text-align:right; padding-top: 0.7em; position:absolute; bottom:0.3em; width:94%;} .populatiom-counting-list.percantage-all{ position:relative; margin-left: 0;} .populatiom-counting-list.percantage-all li{ margin-bottom:0.7em; position:relative; z-index: 1; padding-left:15px; padding-right:15px;padding-top: 0.2em;padding-bottom: 0.2em;} .populatiom-counting-list.percantage-all li:last-child{ margin-bottom:0;} .populatiom-counting-list.percantage-all li:last-child .percentage-number, .populatiom-counting-list.percantage-all li:last-child .textinfo{ color:#e09f1d;} .populatiom-counting-list.percantage-all.texteffet li:last-child{ padding-left: 0;} .populatiom-counting-list.percantage-all.texteffet li:last-child .percentage-number, .populatiom-counting-list.percantage-all.texteffet li:last-child .textinfo{font-size: 1.2em !important; color:#FFFFFF;} /*.populatiom-counting-list.percantage-all li:last-child::before{background:#e09f1d; position:absolute; top:0; bottom:0; left:0; right:0; width:100%; height:100%; content:''; z-index: -1;}*/ .populatiom-counting-list.percantage-all li .percentage-number{width:1.3em; font-size:6rem; display:inline-block; color:#202020; vertical-align:middle; } .populatiom-counting-list.percantage-all li .percentage-number.largefont{ font-size:inherit; width: 6.4em; position: relative;} .populatiom-counting-list.percantage-all li .percentage-number.largefont > .time{font-size:3em;} .populatiom-counting-list.percantage-all li .percentage-number.largefont > .plus{font-size: 2.5em; position:absolute; right:0.25em;top: 0em;} .populatiom-counting-list li .textinfo{ width: calc(100% - 7.6em); font-size:1.6em; color:#202020; display:inline-block; margin-right:-0.4em; vertical-align:middle;} #root-problem{position:relative; margin-top:0.4em;} #root-problem .minHeight{min-height:23.6em;} #root-problem .populatiom-counting-list.percantage-all li:last-child::before{background:#E09F1D;} #root-problem .listing-population li{height:7em;} #root-problem .content_sec figure{ position:relative; width:100%; min-height:16em; margin-top:1em;} /*#root-problem .content_sec figure img{ position:absolute; margin:0 auto; text-align:center; bottom:0;}*/ .source-yearly{ position:absolute; margin:0 auto; text-align:center; bottom:0.4em; width:94%; font-size: 1.2em; line-height: 1.2em; text-align:right; } .content_sec .small-heading-head.smallest h2{min-height: 1.4em;} #adopt-goverment{position:relative; margin-top:0.4em} #adopt-goverment .minHeight{ min-height:16.5em;} .education-idea{ list-style:none; /*padding-top: 1em;*/} .education-idea li{ display:block; margin-bottom:2em;} .education-idea li:last-child{ margin-bottom:0;} .education-idea li .edu-name{color:#202020; text-transform:uppercase; font-size:1.8em; margin-bottom:0.5em; padding: 0em 0.4em;} .education-idea li .course{font-size:1.8em; background: #e3e3e3; color:#202020; margin:0; padding:0em 0.4em;line-height: 1.8em; display: block;margin-top: 0.5em;} .education-idea li .margtop{margin-top: 0.8em;} .approch{ list-style:none;/* margin-top:1em;*/} .approch li{ display:block; margin-bottom:1.1em; background:#fff2cc; position:relative; width:100%; max-width:80%; margin-left: auto;} .approch li:last-child{ margin-bottom:0;} .approch li:nth-child(2){width:100%; max-width:90%; background:#ffe699;} .approch li:nth-child(3){width:100%; max-width:100%; background:#ffd966;} .approch li:nth-child(3) .icon-img{-webkit-transform: scaleX(-1);transform: scaleX(-1);} .approch li:nth-child(1) .icon-img{ width:2.2em; } /*.approch li:before{position: absolute; height: 0.2em; top:-0.21em; left: 0px; content: ""; width:100%; background: #a6a6a6} .approch li:after{position: absolute; height: 150%; top:-0.21em; left:-0.21em; content: ""; width: 0.2em; background: #a6a6a6;}*/ .approch li:nth-child(2):before{width: 11%;} .approch li:nth-child(3):before{width: 10%;} .approch li:nth-child(3):after{height: 105%;} .approch li .icon-img{color:#fff; width:3em; display:inline-block; padding:0; margin:0.5em 0.8em 0.5em 0.8em; vertical-align: middle;} .approch li .icon-img .svg{ width:100%; height:100%;} .approch li .text-info-details{color:#202020; width:calc(100% - 6em); display:inline-block; min-height:3em; position:relative; vertical-align: middle;} .approch li .text-info-details p{font-size: 1.3em; line-height:1em;} .support{list-style:none;/* margin-top:1em;*/} .support li{ color:#202020; background:#FFFFFF;display:block; margin-bottom:1.1em; min-height:3.2em; position:relative;} .support li h2{color: #202020; text-transform: uppercase; font-size: 1.8em; padding-left: 0.5em;} .support li a{position:absolute; top:0.2em; right:0.2em; background:#ffc000; width:2.78em; height:2.78em;line-height: 1.3em; text-align:center;} .support li a i{color:#bc4f05; font-size:1.8em; line-height: 1.6em;} /*.support li a{padding:0.7em 0; font-size:1.2em; line-height: 1; text-decoration:none; color:#202020; text-align:center; background:#FFFFFF;display:block;}*/ .support li:last-child{ margin-bottom:0; background:#ffd966;} .support li:nth-child(2){ background:none;} .support li .action{/*background:#9ec2e6;*/ background:#ca0000; width:10em; display:inline-block; vertical-align:middle; margin-right:-0.4em; padding:0.5em 1em;/*min-height:6.68em;*/ text-align:right;} .support li .action p{margin:0;display:inline-block; vertical-align:middle; font-size:1.2em; /*color:#202020;*/ color:#FFFFFF; width:calc(100% - 2.6em); text-align: left;} .support li .action .action-icon{width:2em; display:inline-block; vertical-align:middle;} .support li .action .action-icon img{ width:85%;} .support li .heart_text{ background:#115da8; width:calc(100% - 9.8em); display:inline-block; vertical-align:middle; margin-right:-0.4em; padding:0.5em 1em; /*min-height:6.68em;*/ color:#FFFFFF;} .support li .heart_text .action-icon{width:2em; display:inline-block; vertical-align:middle;} .support li .heart_text .action-icon img{ width:90%;} .support li .heart_text p{margin:0; display:inline-block; vertical-align:middle; font-size:1.2em; /*color:#202020;*/ width:calc(100% - 2em);} .support-school{ padding:0; /*margin:1.4em 0 1.4em 0; overflow-y: auto; max-height: 20em;*/} .support-school li{ display:inline-block; vertical-align:middle; width:13em; height: 10em; margin-bottom:0.2em; /*margin-right: 0.5em;*/ background:#e09f1d; border:#FFF solid 5px; overflow: hidden; position:relative;} .support-school li:hover{background:#515151;} .support-school li a{ display:block;text-align: center; color:#FFFFFF; font-size: 1.2em; text-transform:uppercase;} .support-school li a span{color:#a2a2a2;} #state, #school-city, #school-supported{ padding:0; margin:1.4em 0 1.4em 0; overflow-y: auto; max-height: 20em;} .form-group.searchbar {margin:1.4em 0 -0.8em 0;} .form-group.searchbar .form-control::-moz-placeholder{color:#202020;} .form-group.searchbar .form-control{box-shadow:none; color:#202020; font-size:1.2em;border-radius:0.530em;border:#ebebeb solid 1px; min-height:2.5em; background:#e1e1e1;} .form-group.searchbar .btn-default{box-shadow:none; color:#202020; font-size:1.2em;border-radius:0.530em;border:#ebebeb solid 1px; min-height:2.5em; background:#e1e1e1;} .form-group.searchbar .search-btn-state{ border:none; background:none; font-size: 2.2em; text-transform:uppercase; color:#202020;} .resetbutn{padding:0.6em 0.6em;background: #e1e1e1;color: #000;font-size: 1.2em; border-radius: 5px;line-height: 1;} .resetbutn:hover{color: #999;} .support-for-school{ list-style:none; position:relative; display:block; } .support-for-school li{ display:inline-block; vertical-align:middle; position:relative; width: 100%; max-width:23.8%; margin-left: -0.4em; background:#efefef; margin:0.3em; padding:0.8em;} .support-for-school li strong{ display:inline-block; width:48%; vertical-align:middle; text-align: right; padding-right: 2em;} .support-for-school li .small-heading-head h2{ color:#e09f1d; display:block; text-transform:capitalize; min-height: 2em;} .support-for-school li .state-name-info{ display:inline-block; vertical-align:middle; width:calc(100% - 6.3em);} .support-for-school li .knowmore{ display:inline-block; vertical-align:bottom; width:6.1em;} .support-for-school.fcra-update{ position:relative;} .support-for-school.fcra-update li{max-width: 23.95%;} .advisory-board{ list-style:none; position:relative; display:block; } .advisory-board li{ display:inline-block; vertical-align:middle; position:relative; width: 100%; max-width:24.35%; margin-left: -0.4em; background:#FFFFFF; margin:0.2em 0.2em 0.3em 0.2em; padding:0.8em; border:#CCC solid 0.1em; height: 100%;} .advisory-board li strong{ display:inline-block; width:48%; vertical-align:middle; text-align: right; padding-right: 2em;} .advisory-board li .small-heading-head h2{ color:#e09f1d; display:block; text-transform:capitalize; font-size:1.5em;} .advisory-board li .board-member-info{ display:inline-block; vertical-align:middle; width:calc(100% - 7em);} .advisory-board li .board-member-pic{ display:inline-block; vertical-align:middle; width:6.1em; margin-right: 0.5em; overflow: hidden; height: 7.7em;} .advisory-board li .board-member-pic img{height: 7.7em;} #learning-enhancement{position:relative; margin-top:0.4em;} #learning-enhancement .minHeight { min-height: 22em;} /*.login-form{ background:#e09f1d; padding: 2em 2em;} .login-form .form-control::-moz-placeholder{color:#202020;} .login-form .form-group {margin-bottom: 1.2em;} .login-form .form-group:last-child{ margin-bottom:0;} .login-form .form-group label{color:#ffffff; font-size: 1.5em; line-height: 1.1em; margin-bottom:0; padding-top:0;} .login-form .form-group .form-control{box-shadow:none; color:#202020; font-size:1.2em;border-radius:0.530em;border:#ebebeb solid 1px; min-height:2.5em; background:#e1e1e1;} .login-form .form-group .submit-btn{color:#202020; padding:0.1875em 0.80em; border-radius:0.530em; font-size:1.4em; border:#FFFFFF solid 0.15em;margin-left: 6em; } .login-form .form-group .submit-btn:hover{color:#e09f1d; border:#dc7a26 solid 0.15em;}*/ #login-form-area{/*padding:5em 0;*/} #login-form-area .minHeight{ min-height:18.8em;} .login-form{ /*background:#efca7f;*/ padding:1.8em 1.8em 3.15em 1.8em;} .login-form .form-control::-moz-placeholder{color:#cfcfcf;} .login-form .form-group {margin-bottom: 1.2em;} .login-form .form-group:last-child{ margin-bottom:0;} .login-form .form-group label{color:#ffffff; font-size: 1.5em;/** line-height: 1.1em;**/ margin-bottom:0; padding-top:0;} .login-form .form-group .form-control{box-shadow:none; color:#202020; font-size:1.2em; border-radius:0.35em; border:0; min-height:2.0em; background:#f0f0f0;} .login-form .form-group .form-control:focus{background:#fff;color:#000;border:none;box-shadow: 0 0 5px rgba(255, 255, 255, 1);} .login-form .form-group .btn.default-btn{margin-right: 5.5em;} .login-area-top{ position:absolute; left:0; right:0; top:0; bottom:0; height:100%; width:100%; padding:6.3% 0% 1.1% 0%; z-index: 1;} .login-area{/*position:absolute;left:0;right:0; top:58%; max-width:33.33333333%; width:100%; margin:0 auto 0 auto;*/background:rgba(222, 222, 222, 0.2); border: rgba(222, 222, 222, 0.5) solid 1px;} .login-area .small-heading-head{ padding-bottom:0;} .login-area .login-heading{background:#e09f1d; border-bottom: rgba(222, 222, 222, 0.5) solid 1px; font-size: 1.8em; color:#FFFFFF; padding:0.35em 1em 0.3em 1em;} .login-area .form-group label{color:#202020;} .adotp-logo{max-width:70%; width:100%; display:block; margin:0 auto; background:#FFFFFF;} .adotp-logo img{width:92%;} .schools-info{ position:relative;} .schools-info .school-list-items{max-width:70%; width:100%; display:block; margin:0 auto;} .schools-info .school-list-items li{ display:block; font-size:1.8em; background:#d9d9d9; padding:0.6em; border-bottom:#FFFFFF solid 4px; text-transform:uppercase; min-height:3.25em; position:relative;} .schools-info .school-list-items li:last-child{ border-bottom:none;} .schools-info .school-list-items li:nth-child(2){ background:#bfbfbf;} .schools-info .school-list-items li:nth-child(2){ background:#a6a6a6;} /* Profile Content -------------------------------------------------- */ #my-profile{ position:relative; /*min-height:650px; margin-bottom:0.4em;*/ margin-top:0.4em;} #my-profile .fourth-bg-color.minHeight{ /*min-height:40em;*/ padding-bottom:2em;} .profile-listing{ position:relative; list-style:none; margin-top: 2em;} .profile-listing.nav-pills li{ display:block; vertical-align:middle; position:relative; float:none;} .profile-listing.nav-pills > li + li{ margin-left:0;} .profile-listing li a{display:block; color:#FFFFFF;text-transform:uppercase; border-bottom:#7f7f7f solid 1px; border-radius:0; padding:0.5em 0; font-size:1.2em; text-decoration:none;} .profile-listing li a i{font-size:1.2em; margin-right:0.5em; /*width:1.5em; */color:#FFFFFF; text-decoration:none; vertical-align:middle; border-bottom:transparent solid 1px;} .profile-listing.nav-pills > li:hover > a i, .profile-listing.nav-pills > li:focus > a, .profile-listing.nav-pills > li:hover > a{border-bottom:#e09f1d solid 1px; color:#e09f1d; background-color:inherit; text-decoration:none;} .profile-listing.nav-pills > li > a:focus, .profile-listing.nav-pills > li > a:hover{border-bottom:#e09f1d solid 1px; color:#e09f1d; background-color:inherit; text-decoration:none;} .profile-listing.nav-pills > li.active > a i, .profile-listing.nav-pills > li.active > a, .profile-listing.nav-pills > li.active > a:focus, .profile-listing.nav-pills > li.active > a:hover{border-bottom:#e09f1d solid 1px; color:#e09f1d; background-color:inherit; text-decoration:none;} .all_profile_deatils{ position:relative; margin: 1em 0em 0.85em 0em; padding: 0.85em; box-shadow: 0em 0.2em 0.5em #bbb; background:#FFFFFF;} .all_profile_deatils.marbotm{ margin-bottom:2em;} /** .all_profile_deatils:before{position:absolute; background:#202020; height:100%; width: 20.6%; left:-22.2%; content:""; z-index:-1;}**/ .all_profile_deatils.dark-gray-bg-none:before{ display:none;} .all_profile_deatils .listing{background-color: #e09f1d; padding:1em 0.11em 0.08em 0.11em; margin-bottom:0.8em;} .all_profile_deatils .listing h2{ margin-bottom: 0.5em; font-size: 1.2em; color: #FFFFFF; padding-left:1em;} .all_profile_deatils .listing .table{ margin-bottom:0; padding-bottom:20px; background:#f7f7f7;} .all_profile_deatils .listing .table tr td, .all_profile_deatils .listing .table tr th{ text-align:center;} .all_profile_deatils .listing .table .table-head{ color:#FFFFFF;} .all_profile_deatils .listing .table.students-no tr td:first-child, .all_profile_deatils .listing .table.students-no tr th:first-child{ width:30%; text-align:right;} .all_profile_deatils .listing .table.students-no tr td .form-control{max-width:50px; text-align:center; vertical-align:middle;} .table > thead > tr > th{ border-bottom:none;} .table > tbody > tr > td, .table > tbody > tr > th, .table > tfoot > tr > td, .table > tfoot > tr > th, .table > thead > tr > td, .table > thead > tr > th{ padding:0.4em 0.5em; font-size:1.2em; } .donor-pro-info{ position:relative; display:block;} .profile-details{ list-style:none; position:relative; display:block; border-bottom: #fff solid 0.1em; background:#efefef; padding:0.8em;} .profile-details li{ display:block; vertical-align:middle; position:relative; padding:0.3em 0px; /*font-size:1.2em;*/} .profile-details li strong{ display:inline-block; width:48%; vertical-align:middle; text-align: right; padding-right: 2em; font-size: 1.2em;} .profile-details li .field-name{ display:inline-block; width:50%; vertical-align:middle; color:#e09f1d;} .profile-details li .field-name p{ margin-bottom:0;} .profile-details li .field-name p.blackcolor{ color:#202020;} .profile-details li .field-name .btn-group .dropdown-menu.inner li{ padding:0.1em 0px;} .small-width-left .profile-details li strong{width:30%;} .small-width-left .profile-details .submit-btn{margin-left: 0.8em;} .user-profile-photo{ position:relative; display:block;} .user-profile-photo .school-img { position:relative; border: 0.3em solid #ffffff; background:#fff; overflow: hidden; max-height:10em; margin:1em auto 0px auto;} /*.user-profile-photo .school-img img { width:100%; height:100%;}*/ .user-profile-photo .school-details { width:100%; display:block; text-align:center; background:#e09f1d; padding:0.5em 0.5em;} .user-profile-photo .school-details .user-name, .user-profile-photo .school-details .user-mail{ display:block; line-height: 1;} .user-profile-photo .school-details .user-name a{ color: #FFF; font-size:1.2em; text-decoration: none; text-transform: capitalize; line-height:inherit;} .user-profile-photo .school-details .user-mail a{color: #202020 ;} .btn-bs-file.browse input[type="file"]{position:absolute; top:-9999999; filter:alpha(opacity=0); opacity:0; width:0; height:0; outline: none; cursor: inherit;} .school-img-upload-btn .btn-bs-file.browse{ position:absolute; z-index:1; top:0%; right:0%; padding:3px 3px;} .school-img-upload-btn .btn-bs-file.browse i{font-size:24px; color:#e09f1d;} .activity.profile-details{ background:none; margin-bottom:0; padding:0em 0.8em;} .activity.profile-details li{ border-bottom:#CCCCCC solid 1px; background:#f7f7f7; padding:1em 1em;} .activity.profile-details li .minheight{ min-height:4.5em;} .activity.profile-details li .discription .verticle_align_middle{position: relative; top: 0; width: 100%; left: auto; right: auto; -webkit-transform: none; -moz-transform: none; -ms-transform: none; -o-transform: none; transform: none; } .activity.profile-details li:nth-child(even){ background:#FFFFFF;} .activity.profile-details li:nth-child(even) .user-img img{background:#e09f1d;} .activity.profile-details li:last-child{ margin-bottom:0; border-bottom:0;} .activity.profile-details li acronym{ color:#8b8b8b; font-size:0.85em;} .activity.profile-details li acronym a{color:#8b8b8b;} .activity.profile-details li h2{ position:relative; display:block; width:100%; font-size: 1.2em; text-transform: uppercase;} .activity.profile-details li p{ color:#202020; padding: 0.2em 0;} .activity.profile-details li p a{color:#202020;} .activity.profile-details .pdf{ background:#e09f1d; color:#FFFFFF; border:none; padding:0.35em 1.88em;} .activity.profile-details .yearmnth{padding:0px;line-height: 70px;} .delte_report{margin-top: 22px;} .user-img { position:relative; /*text-align:right;*/} .user-img img{ width:4em; height:4em; border-radius:100%; background:#dddddd; padding:0.3em; display:inline-block; vertical-align:middle;} .user-img a{font-size: 1.2em;} .edit-btn{ background:none; border:none; display: inline-block; font-size:1.2em;} .edit-btn.martop{margin-top:0.8em; /*margin-bottom:0.8em;*/} .edit-btn.marleft{ margin-left:1em;} .edit-btn i{ font-size:0.9em;} .edit-btn:hover .fa, .edit-btn:hover .fa{ color:#FFFFFF;} .btn.addbutton{color:#ecbf68; border-color: #ecbf68; margin-top:0.8em; /*margin-bottom:0.8em;*/} /*.addbutton:hover{color:#fff; background-color:#ccc; border-color: #ccc;}*/ .excel2{background:#e09f1d; color:#FFF;} .excel2:hover { background:#e09f1d; color:#FFF;} .form-horizontal.form-validate-jquery{ padding-left:15px; padding-right:15px; background: #efefef;} .form-horizontal.form-validate-jquery .botmbrdr{border-bottom: #fff solid 0.1em; position:relative; background:none;} .form-horizontal.form-validate-jquery .botmbrdr:before{ position:absolute; left: 52%; z-index: 1; top:0; bottom:0; height:100%; content:""; border-right: #fff solid 0.1em; } .form-horizontal.form-validate-jquery .profile-details{ border-bottom:none;} .form-horizontal.form-validate-jquery .profile-details .mrg{ margin-left:0.5em;} .updateDetails{max-width: 600px; margin: 0 auto;} .panel-title{ font-size: inherit; margin-top: 1em; margin-bottom: 1em;} .form-horizontal.form-validate-jquery .updateDetails .form-group{margin-bottom:0.3em;} /*.form-horizontal.form-validate-jquery .btn.default-btn{border: #202020 solid 0.2em; color: #202020;} .form-horizontal.form-validate-jquery .btn.default-btn:hover{border: #e09f1d solid 0.2em; color: #e09f1d;}*/ .removeList{ margin-top:0.5em; display: block;} .uploaded-img{ padding:0.5em 0;} .upload-images.profile-details li{ padding:0.5em 0;} .submit-btn{ background:#e09f1d; color:#FFF; } #coun{margin: 0px; padding: 0px; text-align: center;} #coun img{margin: 0px; padding: 0px; text-align: center; width: 250px;} .photo {position: relative;} .photos {margin:auto;font-size:0px;} .content_sec .alig_team_img{margin:0px;padding:0px;} .content_sec .alig_team_img img{margin:0px;padding:0px;min-height: 317px;} .report-icon-area { position:relative; /*text-align:right;*/ text-transform:capitalize;} .report-icon-area .fa{ width:2.8em; height:2.8em; line-height:2.2em; border-radius:100%; background:#FFFFFF; padding:0.3em; display:inline-block; vertical-align:middle; text-align:center; font-size:1.5em; margin-right:0.5em; border:#e09f1d solid 1px;} .search-report{ position:relative;} .search-report .form-group{margin:1em 0 0em 0;} .search-report .form-group.margNone{ margin:0;} /*.search-report .form-group.margNone .form-control{padding: 4px 12px;}*/ .search-report .form-group .form-control::-moz-placeholder{color:#202020;} .search-report .form-group .form-control{box-shadow:none; color:#202020; font-size:1.2em; border-radius:0.530em;border:#ebebeb solid 1px; background:#e1e1e1; padding:4px 12px} .newsSearch-header.max-width-middle{ max-width:600px; width:100%; margin:1em auto 0 auto;} .newsSearch-header .form-group{ margin-bottom:0;} .newsSearch-header.martop{ margin-top:1em;} .newsSearch-header .btn.default-btn{ padding:0.4em 0.6em 0.4em 0.6em;} .search-btn{ margin-top:1.5em;} .pagination {margin:20px 0 0px 0;} .pagination > li > a, .pagination > li > span{color: #202020;} .pagination > .active > a, .pagination > .active > a:focus, .pagination > .active > a:hover, .pagination > .active > span, .pagination > .active > span:focus, .pagination > .active > span:hover{background-color: #ffc000; border-color: #ffc000;} .pagination > li > a:focus, .pagination > li > a:hover, .pagination > li > span:focus, .pagination > li > span:hover{background-color: #ffc000; border-color: #ffc000; color:#FFFFFF;} /*** Form start***/ .common-form-area{ background:#202020; padding:10px 10px 0px 10px; border-radius:40px; display:block; margin-top: 1em; margin-bottom: 1em;} .common-form-area.padd{ padding:15px;} .society-logo{ display:block; margin-bottom:10px; position:relative;} .society-logo img{ padding-left:30px;} .donate-form-area{ position:relative; margin-bottom:10px;} .donate-form-area p{ color:#FFFFFF; font-size:1.5em; padding-right: 30px; padding-top:15px;} .donate_now{ position:relative;} .donate_now p{ color:#FFFFFF; padding-left: 30px; font-size:1.5em; padding-right:20px;} .like-as{ position:relative; text-align: right;} .like-as .like-as-text{ font-size: 2.5em; text-transform:uppercase; color: #ffc000; display:inline-block; vertical-align:middle; width:3em; text-align: left;} .item-list{ list-style:none; display:inline-block; width: calc(100% - 10em); text-align:right;} .item-list.full-width{width: auto; margin-top:1em; margin-bottom:1em;} .item-list.full-width li{width:7.18em;} .item-list li{ width: 7em; height: 7em; margin-right:0.8em; display:inline-block; vertical-align:middle; background:#ffc000; color:#202020; border-radius:20px; position: relative; text-align:center;border: transparent solid 5px; text-transform:uppercase;} .item-list li span{text-transform:lowercase;} /*.item-list li:hover, .item-list li.active{ background:#fff2cc;}*/ .item-list li.active{ background:#fff2cc; border:#e8af00 solid 5px;} .item-list li:hover, .item-list li:focus{border:#fff2cc solid 5px;} /*.item-list li.sponsor:hover, .item-list li.sponsor.active, .item-list li.sponsor:focus{ background:#fff2cc; border:#e8af00 solid 5px;} .item-list li.volutneer:hover, .item-list li.volutneer.active, .item-list li.volutneer:focus{background:#ffc000; border:#fff2cc solid 5px;}*/ .item-list li .radio{ height:7em; padding-top:0;} .item-list li .radio label{font-size:1.8em; padding-left: 0;} .item-list li .radio label::before, .item-list li .radio label::after{ display:none !important;} .item-list li:last-child{ margin-right:0;} .item-list li a{ display:block; color:#202020; font-size:1.8em;} .form-fields{ display:block; } .form-fields h2{font-size: 2.5em; color:#FFFFFF; padding:10px 20px;} .form-fields-block{/*background:#efefef;*/ background:#FFFFFF; padding:20px 10px; border-radius:50px; display:block; margin:0.2em 1em 0em 1em; float:left; width: 95.8%;} .form-fields-block.mar{margin-bottom:1em;} .form-fields .form-group{margin-right: 0px; margin-left: 0px; margin-bottom: 10px;} .form-fields .form-group:last-child{margin-bottom:0px;} .form-fields .form-group label{font-size:1.2em; line-height: 1.2em; margin-bottom:0;} .form-fields .form-group .form-control{ font-size:1.2em; /*background:#bfbfbf;*/ background:#d9d9d9; padding:2px 10px; border-radius:0px; height: 34px;} .form-fields .form-group select.form-control{/*padding:3px 10px; height: 36px;*/ line-height: 28px;} .form-fields .form-group textarea.form-control{ min-height:10.9em;} .form-group .submit{background:#ffc000; display:block; max-width:180px; width:100%; margin:10px 0; text-transform:uppercase; border:none; color:#202020;font-size:1.8em; } .form-group.marNone{margin-bottom:0;} .indian-rupee-sign{ display:inline-block; vertical-align:middle; max-width:1.3em;} .career-popup .modal-dialog{ margin-top:100px;} .career-popup .modal-header{ border-bottom:none;} .career-popup .modal-footer{ border-top:none;} .career-popup .modal-content{ background-color:inherit; box-shadow:none; border:none;} .career-popup .modal-content button.close{ position:relative; z-index:99; filter: alpha(opacity=1); opacity:1;} #volunteer .close.crox_icon{color: #202020;font-weight: 300;margin-right: 25px;text-shadow:none;opacity: 1;border: #e09f1d solid 1px;padding: 3px 10px 6px 10px;border-radius: 50px;line-height: 17px;} #volunteer .close.crox_icon:hover{color: #e09f1d; } .hiring{ position:relative; max-width:400px; width:100%; margin:0 auto; padding:20px; border-radius:30px; background:#ffc000; border:#202020 solid 1px;} .hiring p{ font-size:1.2em; line-height:1em;} .hiring a{ color:#000000; display:block; margin-top:0.6em; font-size: 1.2em; line-height: 1em;} .contact-popup .modal-dialog { width:100%; max-width:950px;} .contact-popup .modal-dialog .modal-content { padding-left:20px; padding-right:20px;} .contact-popup .modal-dialog .modal-content .modal-body{ padding:40px 0 0px 0;} .contact-popup .contact-img{ padding-right:2em; position:relative;} .contact-popup .contact-img:before{height:100%; width:0.1em; position:absolute; top:0; right:0; background:#b0b0b0; content:'';} .contact-popup .modal-content .close{filter: alpha(opacity=1); opacity:1; font-size: 2.5em;/* margin-right: 0.3em;*/ position: relative; z-index: 99;} .contact-info{position:relative;padding-bottom: 20px;} .contact-info .small-heading-head i.icon{ display:inline-block; width:4em; vertical-align: bottom;} .contact-info .small-heading-head h2{display: inline-block; width: calc(100% - 3.5em); vertical-align: bottom;} .contact-info ul.details-info{ list-style:none;} .contact-info ul.details-info li{ display:block; margin-bottom:2em;} .contact-info ul.details-info li strong{ font-size: 1.2em; line-height: 1.1em; padding-bottom:0.5em; color:#b0b0b0; display:block; font-weight:500;} .contact-info ul.details-info li p{ font-size: 1.2em; line-height: 1em; display:block;} .teacher-gallery{ position:relative; clear:both;} .teacher-gallery .photo-items{ list-style:none; margin-left:-0.5em; margin-right:-0.5em; width:100%;} .teacher-gallery .photo-items li{ display:inline-block; vertical-align:top; width:49.6%; padding-left:0.5em; padding-right:0.5em; padding-top:0.3em; padding-bottom:0.8em;} .teacher-gallery .photo-items.full-photo-items li{width: 24.8%;} .teacher-gallery .photo-items li a{} .gal-item{overflow: hidden;/*padding: 3px;*/ position: relative;} .gal-item .box{ overflow: hidden;} /*.box img{ height: 100%; width: 100%; object-fit:cover; -o-object-fit:cover; }*/ .gal-item a{position: relative; display:block;} .gal-item a:focus{outline: none;} .gal-item a:after{ content:"\e003"; font-family: 'Glyphicons Halflings'; opacity: 0; background-color: rgba(224,159,29,0.4); position: absolute; right: 0; left: 0; top: 0; bottom: 0; text-align: center; line-height: 6.8em; font-size: 2em; color: #fff; -webkit-transition: all 0.5s ease-in-out 0s; -moz-transition: all 0.5s ease-in-out 0s; transition: all 0.5s ease-in-out 0s; } .gal-item a:hover:after{opacity: 1;} .modal-open .gal-container .modal{background-color: rgba(0,0,0,0.4);} .modal-open .gal-item .modal-body{padding: 0px;} .modal-open .gal-item button.close{position: absolute; width: 25px; height: 25px; background-color: #000; opacity: 1; color: #fff; z-index: 999; right: -12px; top: -12px; border-radius: 50%; font-size: 15px; border: 2px solid #fff; line-height: 25px; -webkit-box-shadow: 0 0 1px 1px rgba(0,0,0,0.35); box-shadow: 0 0 1px 1px rgba(0,0,0,0.35); } .modal-open .gal-item button.close:focus{outline: none;} .modal-open .gal-item button.close span{position: relative; top: -3px; font-weight: lighter; text-shadow:none;} .gal-container .modal-dialog { width: 45%; margin: 50 auto;} .gal-container .modal-dialogue{width: 80%;} .gal-container .description{position: relative; height: 40px; top: -40px; padding: 10px 25px; background-color: rgba(0,0,0,0.5); color: #fff; text-align: left;} .gal-container .description h4{margin:0px; font-size: 15px; font-weight: 300; line-height: 20px;} .gal-container .modal.fade .modal-dialog { -webkit-transform: scale(0.1); -moz-transform: scale(0.1); -ms-transform: scale(0.1); transform: scale(0.1); top: 100px; opacity: 0; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s; } .gal-container .modal.fade.in .modal-dialog { -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); transform: scale(1); -webkit-transform: translate3d(0, -100px, 0); transform: translate3d(0, -100px, 0); opacity: 1; } .newsList { background: #f7f7f7; padding: 1em 1em; /*max-width:800px; width:100%;*/} .newsBox {/* border-radius: 5px; box-shadow: 0 0 12px rgba(0, 0, 0, 0.08); margin-bottom: 30px;*/ overflow: hidden; position:relative;} .newsBox figure img{ max-height: 11em; height: 100%; width: 100%;} .newsBox .newsDescr { padding:0.8em;} .newsBox .newsDescr h2 { font-size: 1.8em; font-weight: 500; margin:0 0 10px 0; min-height:3em;} .newsBox .newsDescr .date { color:#8b8b8b; margin-bottom: 1em; /*min-height:1.8em; */} .newsBox .newsDescr p{min-height:5em;} .grid-item{text-align:center;} .boxbodr{border:#ddd solid 1px;padding:0.8em;} /***MK css start***/ .term_privacy{margin-top: 6em;} .terms_of_use{margin:0;padding: 2em 1em 2em 1em;border: #ddd solid 1px;} .terms_of_use .margleft{padding-left: 2.6em;} .terms_of_use .margtopbotm{padding-bottom:1em;padding-top:0.6em;} .terms_of_use h3{padding-left:1.4em;padding-right:1.2em;} .terms_of_use .headingcolr{padding-left:1.6em;padding-bottom: 0.7em;color:#e09f1d;} .terms_of_use p{font-size: 1.2em;color: #333;} .terms_of_use ul{padding-left:0.6em;padding-right:0.6em;} .terms_of_use ul li{list-style: inside;display: block;position: relative;padding-left:1.3em; font-size: 1.2em;color: #333;} .terms_of_use ul li:before{position: absolute;top:0.6em;left:0;content:'\f10c'; font-family: 'Fontawesome';font-size:0.6em;color:#202020;} .privacy_policy{margin:0;padding: 2em 1em 2em 1em;border: #ddd solid 1px;} .privacy_policy .marleft{padding-left:3em;padding-bottom: 1.3em;} .privacy_policy h3{padding-left:1.2em;padding-right:1.2em;} .privacy_policy .headingcolr{padding-left:1em;padding-bottom: 0.7em;color:#e09f1d;} .privacy_policy h5{font-size:1.4em;padding-left:1em;padding-bottom: 0.7em;} .privacy_policy p{padding-left:1.2em;padding-right:1.2em;color: #333;font-size:1.2em;} .privacy_policy p strong{color: #000;font-size: 1.1em;} .privacy_policy li strong{color: #000;font-size:1.1em;} .privacy_policy p a{color:#3bb8ff;} .privacy_policy ul{padding-left:0.6em;padding-right:0.6em;} .privacy_policy ul li{list-style: inside;display: block;position: relative;padding-left:1.3em; font-size:1.2em;color: #333;} .privacy_policy ul li:before{position: absolute;top:0.6em;left:0;content:'\f10c'; font-family: 'Fontawesome';font-size:0.6em;color:#202020;} .privacy_policy .sloid_circle{padding-left:3em;padding-bottom: 1em;} .privacy_policy .sloid_circle li{position: relative;display: block;padding-left:1.6em;} .privacy_policy .sloid_circle li:before{position: absolute;top:0.8em;left:0;content:'\f111'; font-family: 'Fontawesome';font-size:0.5em;color:#202020;} /***MK css start***/ .suport_area{margin:0em;padding:0em;} .suport_area .support_school{margin:0em;padding:0em; background:#fff;position:relative;} .suport_area .support_school h2{margin:0em;font-size: 1.8em;line-height:1.8em;padding-left: 0.5em;} .suport_area .support_school a{position:absolute;top:0.1em;right:0.1em;background:#ffc000;width:2em; height:1.6em;line-height: 1.3em;} .suport_area .support_school a i{text-align:center;color:#bc4f05;padding-left: 0.5em;line-height: 1.6em;} .suport_area h3{margin:0em;font-size: 1.8em;padding-top: 1em;padding-bottom: 1em;} .padbotom{padding-bottom:0em;} .margbotm{margin-top: -1.2em;} .yello_bg{background: #ffd966!important;} .aproch_area{margin:0em;} .aproch_area .financial{margin:0em 0 1.1em auto;height:3.2em;max-width: 22em;width: 100%;background:#fff2cc;padding: 0.3em 0 0.3em 0;position:relative;} .aproch_area .financial:before{position:absolute;height: 0.2em;top: -3px;left: 0px;content: "";width: 22em;background: #a6a6a6;} .aproch_area .financial:after{position: absolute;height: 4.5em;top: -3px;left: -2px;content: "";width: 0.2em; background: #a6a6a6;} .aproch_area .financial .left_icon{width:5em;display:inline-block;vertical-align:top;} .aproch_area .financial .left_icon p{font-size:1em;margin:-5px 0 0 0.2em;padding: 0em;width:1em; display: inline-block;vertical-align: top;} .aproch_area .financial .left_icon img{margin: 0em;padding: 0em;width: 2.4em;display: inline-block;vertical-align: top;} .aproch_area .financial .right_text{max-width:16.6em;width: 100%;display:inline-block;vertical-align:} .aproch_area .financial .right_text h2{font-size:1.2em;margin: 0em;padding: 0em;} .aproch_area .prog{margin:0em 0 1.1em auto;height:3.2em;max-width:24.4em;width: 100%;background:#ffe699;padding: 0.3em 0 0.3em 0; position:relative;} .aproch_area .prog:before{position:absolute;height: 0.2em;top: -3px;left: 0px;content: "";width:2.3em;background: #a6a6a6;} .aproch_area .prog:after{position: absolute;height: 4.5em;top: -3px;left: -2px;content: "";width: 0.2em; background: #a6a6a6;} .aproch_area .prog .left_icon{width:5em;display:inline-block;vertical-align:top;} .aproch_area .prog .left_icon p{font-size:1em;margin:-5px 0 0 0.2em;padding: 0em;width:1em; display: inline-block;vertical-align: top;} .aproch_area .prog .left_icon img{margin: 0em;padding-top: 0.3em;width: 2.9em;display: inline-block; vertical-align: top;} .aproch_area .prog .left_icon .svg{color:#f00;} .aproch_area .prog .right_text{max-width:19em;width: 100%;display:inline-block;vertical-align:top;} .aproch_area .prog .right_text h2{font-size:1.2em;margin: 0em;padding: 0em;} .aproch_area .improve{margin:0em;height:3.2em;background:#ffd966;padding: 0.3em 0 0.3em 0;position:relative;} .aproch_area .improve:before{position:absolute;height: 0.2em;top: -3px;left: 0px;content: "";width:2.8em;background: #a6a6a6;} .aproch_area .improve:after{position: absolute;height: 3.4em;top: -3px;left: -2px;content: "";width: 0.2em; background: #a6a6a6} .aproch_area .improve .left_icon{width:5em;display:inline-block;vertical-align:top;} .aproch_area .improve .left_icon p{font-size:1em;margin:-5px 0 0 0.2em;;padding: 0em;width:1em; display: inline-block;vertical-align: top;} .aproch_area .improve .left_icon img{margin: 0em;padding: 0em;width:3em;display: inline-block; vertical-align: top;-webkit-transform: scaleX(-1);transform: scaleX(-1);} .aproch_area .improve .right_text{max-width:20.4em;width: 100%;display:inline-block;vertical-align:top;} .aproch_area .improve .right_text h2{font-size:1.2em;margin: 0em;padding: 0em;} .get_paragraph{margin:0; position:relative;} .get_paragraph figure{margin:0;} .get_paragraph figure img{height: 26.8em;} .get_paragraph .get_btn{position:absolute;bottom:1em;left:0;right:0;margin:0 auto;width:6em; background:#ffc000;color:#000;} .logo_area{max-width: 27.33333333%;width: 100%;margin:0;border:#666 solid 1px; position: absolute; top: 58%; left: 1%; } .detail_info{max-width: 27.33333333%;width: 100%;margin:0;border:#666 solid 1px; position: absolute; top: 58%; right: 1%; } /*****MK**css***start*****/ .news_back_button{background: #6e6a6a;color: #FFFFFF;font-size: 1.2em;border-radius: 5px; padding:0.4em 1.8em 0.4em 0.8em;line-height: 1;margin-top:1em;display: inline-block; position: relative;} .news_back_button:before{position: absolute;top:0.8em;right:1em;content:'\f04a'; font-family: 'Fontawesome';font-size:14px;color:#fff;} .news_back_button:hover{background: #e09f1d;color: #FFFFFF;} .news_back_button:focus{background: #e09f1d;color: #FFFFFF;} .margtop{margin-top:1.2em;} .news_detail{border: 1px solid #ddd;box-shadow: 0 1px 1px rgba(0,0,0,.05);} .news_detail .recent_news{padding:1em 2em 0 0em;margin-left:1em;} .news_detail .recent_news .recent_heading{background-color: #f5f5f5; padding:0.3em 0 0.3em 0.3em;margin-bottom: 0.6em;border-bottom:#ddd solid 1px;} .news_detail .recent_news .recent_content .recent_photo{max-width:50px;width:100%; min-height:50px;height:100%;display:inline-block;vertical-align:top;margin-right: 0.8em;} .news_detail .recent_news .recent_content{padding-top:0.6em;border-bottom: #ccc solid 1px;} .news_detail .recent_news .recent_content .recent{margin:0em;max-width:290px;width:100%; display:inline-block;vertical-align:top; width: calc(100% - 65px);height:100%;} .news_detail .recent_news .recent h2{font-size:1.2em;padding:0em;} .news_detail .recent_news .recent p{font-size:0.8em;line-height:1.2em;text-align:justify; padding:0.4em 0 0em 0;font-family: Helvetica, Arial, sans-serif;color:#666;} .news_detail .recent_news .recent span{font-size:0.7em;padding:0.2em 0 0.3em 0;display: block; font-family: Helvetica, Arial, sans-serif;color:#e09f1d;} .news_detail .right_panel{padding:0 2em 0 3em;position:relative;} .news_detail .right_panel:before{position:absolute;border-left:#ddd solid 1px;top:0px; left:0em;height:100%; content:'';} .news_detail .date_category{margin-bottom:0.8em;} .news_detail .date_category p.date{margin:0em;padding:0em;max-width:150px;width:100%; display:inline-block;vertical-align:top;color:#e09f1d;font-size:1em;} .news_detail .date_category p.category{margin:0em;padding:0em;max-width:200px;width:100%; display:inline-block;vertical-align:top;font-size:1em;color:#666;} .news_detail .news_heading{padding:0.3em 0 0.3em 0.3em;margin-bottom: 0.9em;margin-top: 0.6em;} .news_detail figure.img-pic{margin:0em;} .news_detail .news_description{font-size:1.2em;line-height:1.2em;text-align:justify; padding:0.8em 0 0.8em 0;} .viewbtonmarg{margin-right:22px;} .amrgleft_right{margin-right: 22px;margin-left: 45px;} .field-name input[type="file"]{font-size: 15px;} .connect_social_icon{margin:0px;padding:0px;} .connect_social_icon h2{/*margin:0px; max-width:263px; width:100%;display:inline-block;vertical-align:middle;*/ position:relative;} .connect_social_icon #g-ytsubscribe{margin:10px 0 0 0px; max-width:130px; width:100%;display:inline-block;vertical-align:bottom;text-align:right;} .connect_social_icon #___ytsubscribe_0, .connect_social_icon .ytubelike{position: absolute; right: 0; top: 1.5px;} .connect_social_icon .fb-share-button{/*margin:10px 0 0 0px; max-width:130px; width:100%;display:inline-block;vertical-align:bottom;text-align:right;*/ position: absolute; right: 0; top: 2.5px;} .connect_social_icon .twitter-follow-button{/*margin:10px;max-width:130px; width:100%;display:inline-block;vertical-align:bottom;text-align:right;*/ position: absolute !important; right: 0; top:3.3px;} .selectbox{max-width: 220px;height: 30px;margin:10px 20px 20px 10px;width: 100%;} .marpadtop1{margin-top:100px;} /*.fb-page.fb_iframe_widget{width:420px !important;} .fb-page.fb_iframe_widget > span{width:420px !important;} .fb-page.fb_iframe_widget > span iframe{ width:412px !important;}*/ .foget_modal{width: 100%;max-width: 500px!important;} .forget_password{margin-left: -1em;} .foget_modal_2{width: 100%; max-width: 800px !important;} .forget_pad{padding:35px!important;} .get_mrgb{margin-bottom: 15px;} .vedios_list:last-child{ margin-bottom:50px;} .vedios_list .vidoes{ display:block; position:relative;} .vedios_list .videos span{ display:block;} .vedios_list .videos p{ font-size:14px; color:#aaaaaa;} .vedios_list iframe{ min-height:200px; height:100%; width:100%;} .volunteer_list{ display:block; margin-top:50px; list-style:none; float: left; width: 100%; padding-left:5px; padding-right:5px;} .volunteer_list .small-heading-head{padding-bottom: 0.25em;} .volunteer_list .small-heading-head h2{font-size:1.3em;} .volunteer_list .listing-points li a{font-size: 1em;} .volunteer_list .col-md-2{ padding-left:8px; padding-right:8px;} .multiple_choose_list{ padding:3px; background:#bfbfbf;} .multiple_choose_list .small-heading-head{ padding:5px 0;} .multiple_choose_list .small-heading-head h2{text-align:center;text-transform: uppercase;font-size: 1.2em;line-height: 1.2em;} .multiple_choose_list .item-list-vol{border:#eaeaea solid 2px; background:#FFFFFF; min-height:258px;} .multiple_choose_list ul{ list-style:none; padding:5px 5px 5px 5px;} .multiple_choose_list ul li{ display:block; margin-bottom: 5px; } .multiple_choose_list .item-list-vol.maxhieght{ max-height:240px; overflow-y:scroll;} .multiple_choose_list .item-list-vol .login-form{ padding:1em 0.5em;} .multiple_choose_list .item-list-vol .login-form .form-group { margin-bottom: 8px; margin-right:0px; margin-left:0px;} .multiple_choose_list .item-list-vol .login-form .form-group .form-control{font-size: 1em;} .multiple_choose_list .item-list-vol .login-form .form-group p{font-size: 1em; text-align:center; padding:1em 0 0 0;} .multiple_choose_list .item-list-vol .login-form .form-group.submitbtn{ text-align:center;} .multiple_choose_list .item-list-vol .login-form .form-group .btn.default-btn{ padding:0.3em 1.6em 0.3em 1.6em; margin-right: 0;} .multiple_choose_list ul.geleral-area, .multiple_choose_list ul.education-area, .multiple_choose_list ul.health-area, .multiple_choose_list ul.skill-area{ margin-bottom:5px;} .multiple_choose_list ul.geleral-area{ background:#e1efd8;} .multiple_choose_list ul.education-area{ background:#deebf6;} .multiple_choose_list ul.health-area{ background:#fce6d7;} .multiple_choose_list ul.skill-area{ background:#ffe699;} .multiple_choose_list ul.filter-focus-area{ padding:5px 0px 5px 0px;} .multiple_choose_list ul.filter-focus-area li{padding:0px 5px 0px 5px;} .multiple_choose_list ul.filter-focus-area li:nth-child(1){ background:#e1efd8;} .multiple_choose_list ul.filter-focus-area li:nth-child(2){ background:#deebf6;} .multiple_choose_list ul.filter-focus-area li:nth-child(3){ background:#fce6d7;} .multiple_choose_list ul.filter-focus-area li:nth-child(4){ background:#ffe699;} label.css-label:before{position:absolute; width:18px; height:18px; left:0; top:1.8px; content:''; background: url(https://www.aligsociety.org/images/unchecked.png);} label.css-label{ /*background: url(https://www.aligsociety.org/images/checkbox_icon.png);*/ -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; position:relative; margin-bottom: 0; } input[type=checkbox].css-checkbox {position: absolute; z-index: -1000; left: -1000px; overflow: hidden; clip: rect(0 0 0 0); height:1px; width:1px; margin:-1px; padding: 0;border: 0;} input[type=checkbox].css-checkbox + label.css-label {padding-left: 30px; display: inline-block; background-repeat: no-repeat; background-position: 0 0; font-size: 16px; vertical-align: middle; cursor: pointer; /*line-height:16px;*/ color:#a5a5a5;} input[type=checkbox].css-checkbox + label.css-label a{color:#a5a5a5;} /*input[type=checkbox].css-checkbox:checked + label.css-label{background-position: 0 -20px; position:relative;}*/ input[type=checkbox].css-checkbox:checked + label.css-label:before{position:absolute; width:18px; height:18px; left:0; top:1.8px; content:''; background: url(https://www.aligsociety.org/images/checked.png);} input[type="checkbox"].css-checkbox + label.css-label.checkbox_active, input[type="checkbox"].css-checkbox + label.css-label.checkbox_active a{color:#202020;} .knowMore{} .knowMore .btn.default-btn{background:#ffc000; display:block; max-width:130px; width:100%; margin:20px auto; text-transform:uppercase; border:none; color:#202020; font-size:1.4em; padding:0.3em 0.6em 0.2em 0.6em; position:relative; left:5.21em;} .payment-successful-area{ position:relative; background:#FFFFFF; padding:35px; border:#e1e1e1 solid 1px; margin:100px 0 50px 0;} .payment-successful-area .col-head{ display:block; position:relative; border-bottom:#e1e1e1 solid 1px; padding-bottom:20px; margin-bottom:30px;} .payment-successful-area .col-head .icon{ display:inline-block; font-size: 5em; color:#ffc000; vertical-align:middle; margin-right:30px;} .payment-successful-area .col-head .success-area{display:inline-block; vertical-align:middle; width:100%; max-width:80%;} .payment-successful-area .col-head .success-area h2{color:#ffc000; margin-bottom:5px;} .payment-successful-area .col-head .success-area h2.redcolor{ color:#FF0000;} .payment-successful-area .col-head .success-area p{ color:#676767;} .payment-successful-area ul{ list-style:none; max-width: 70%; margin: 0 auto;} .payment-successful-area ul li{display:block; margin-bottom:10px;} .payment-successful-area ul li span{ display:inline-block; margin-right:-4px; width:100%; max-width:50%; color:#939393;} .payment-successful-area ul li strong{ font-weight:600; color:#000000;} .payment-successful-area .backTohome{ display:block; padding:20px 0 20px 0; position:relative; margin: 0 auto; width: 100%; max-width: 70%;} .payment-successful-area .backTohome .form-group{ margin-bottom:0;} .payment-successful-area .backTohome .back-btn{font-size:1.3em; background: #ffc000; color: #202020; margin:0 10px 0 0px;} .images_gallery{/*padding: 12px;*/} .images_gallery .gal-item{overflow: hidden;padding: 5px 0 0px 5px;} /*.gal-item .box{height: 350px;overflow: hidden;}*/ .images_gallery .gal-item .box-item img{height: 180px; width: 100%; object-fit:cover; -o-object-fit:cover;} .images_gallery .gal-item a:focus{ outline: none;} .images_gallery .gal-item a:before{position:absolute; top:50%; width:100%; left:0; right:0; -webkit-transform: translate(0%, -50%); -moz-transform: translate(0%, -50%); -ms-transform: translate(0%, -50%); -o-transform: translate(0%, -50%); transform: translate(0%, -50%); content:"\e003"; font-family: 'Glyphicons Halflings'; opacity: 0; text-align: center; line-height: 350px; font-size: 30px; color: #fff; -webkit-transition: all 0.5s ease-in-out 0s; -moz-transition: all 0.5s ease-in-out 0s; transition: all 0.5s ease-in-out 0s; z-index:1; } .images_gallery .gal-item a:after{ content:"";opacity: 0; background-color: rgba(0, 0, 0, 0.75); position: absolute; right: 0; left: 0; top: 0; bottom: 0; -webkit-transition: all 0.5s ease-in-out 0s; -moz-transition: all 0.5s ease-in-out 0s; transition: all 0.5s ease-in-out 0s; z-index:0; } .images_gallery .gal-item a:hover:before, .images_gallery .gal-item a:hover:after{opacity: 1;} .modal-open .images_gallery .modal{background-color: rgba(0,0,0,0.4);} .modal-open .gal-item .modal-body{padding: 0px;} .modal-open .gal-item button.close{ position: absolute; width: 25px; height:25px; background-color: #000; opacity: 1; color: #fff; z-index: 999; right:-12px; top:-12px; border-radius:50%;font-size: 15px;border: 2px solid #fff; line-height: 25px; -webkit-box-shadow: 0 0 1px 1px rgba(0,0,0,0.35); box-shadow: 0 0 1px 1px rgba(0,0,0,0.35);} .modal-open .gal-item button.close:focus{outline: none;} .modal-open .gal-item button.close span{position: relative; top: -3px; font-weight: lighter; text-shadow:none;} .images_gallery .modal-dialogue{ width: 80%;} .images_gallery .description{position: relative; height: 50px; top: -50px; padding: 10px 25px; background-color: rgba(0,0,0,0.5); color: #fff; text-align: left;} .images_gallery .description h4{margin:0px; line-height: 30px; color: #fff; font-size: 18px;} .images_gallery .modal.fade .modal-dialog { -webkit-transform: scale(0.1); -moz-transform: scale(0.1); -ms-transform: scale(0.1); transform: scale(0.1); top: 100px; opacity: 0; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s; } .images_gallery .modal.fade.in .modal-dialog { -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); transform: scale(1); -webkit-transform: translate3d(0, -100px, 0); transform: translate3d(0, -100px, 0); opacity: 1; } @media (min-width: 768px) { .images_gallery .modal-dialog { width: 55%; margin: 50 auto; } } @media (max-width: 768px) { .images_gallery .modal-content{ height:250px; } }