@import url('https://fonts.googleapis.com/css?family=Roboto:400,100,100italic,300italic,300,400italic,500,500italic,700,700italic,900,900italic|Lato:400,100,100italic,300,300italic,400italic,700,700italic,900,900italic)');



@font-face {
    font-family: 'aspiredemibold';
    src: url('../fonts/aspire-demibold-webfont.woff2') format('woff2'),
        url('../fonts/aspire-demibold-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'Footlight MT';
    src: url('../fonts/FootlightMTLight.woff2') format('woff2'),
    url('../fonts/FootlightMTLight.woff') format('woff');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

/* bootstrap css */


*,*:before,*:after{ margin: 0; padding: 0; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box;}



.clearfix:after{ display: table; clear: both; content: '';}



body {
    font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
    font-size: 14px;
    line-height: 1.42857143;
    color: #333;
    background-color: #fff;
}

a{ text-decoration: none;}

p:empty{ display: none;}

button, html input[type="button"], input[type="reset"], input[type="submit"] {
    -webkit-appearance: button;
    cursor: pointer;
}

button, select {
    text-transform: none;
}
button {
    overflow: visible;
}

button, input, optgroup, select, textarea {
    margin: 0;
    font: inherit;
    color: inherit;
}

input, button, select, textarea {
    font-family: inherit;
    font-size: inherit;
    line-height: inherit;


}


.close:hover, .close:focus {
    color: #000;
    text-decoration: none;
    cursor: pointer;
    filter: alpha(opacity=50);
    opacity: .5;
}
button.close {
    -webkit-appearance: none;
    padding: 0;
    cursor: pointer;
    background: transparent;
    border: 0;
}
.close {
    float: right;
    font-size: 21px;
    font-weight: bold;
    line-height: 1;
    color: #000;
    text-shadow: 0 1px 0 #fff;
    filter: alpha(opacity=20);
    opacity: .2;
}



.form-control {
    display: block;
    width: 100%;
    height: 34px;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.42857143;
    color: #555;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
    -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
}
.form-control:focus {
    border-color: #66afe9;
    outline: 0;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, .6);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, .6);
}
.form-control::-moz-placeholder {
    color: #999;
    opacity: 1;
}
.form-control:-ms-input-placeholder {
    color: #999;
}
.form-control::-webkit-input-placeholder {
    color: #999;
}
.form-control::-ms-expand {
    background-color: transparent;
    border: 0;
}
.form-control[disabled],
.form-control[readonly],
fieldset[disabled] .form-control {
    background-color: #eee;
    opacity: 1;
}
.form-control[disabled],
fieldset[disabled] .form-control {
    cursor: not-allowed;
}
textarea.form-control {
    height: auto;
}
input[type="search"] {
    -webkit-appearance: none;
}
@media screen and (-webkit-min-device-pixel-ratio: 0) {
    input[type="date"].form-control,
    input[type="time"].form-control,
    input[type="datetime-local"].form-control,
    input[type="month"].form-control {
        line-height: 34px;
    }
    input[type="date"].input-sm,
    input[type="time"].input-sm,
    input[type="datetime-local"].input-sm,
    input[type="month"].input-sm,
    .input-group-sm input[type="date"],
    .input-group-sm input[type="time"],
    .input-group-sm input[type="datetime-local"],
    .input-group-sm input[type="month"] {
        line-height: 30px;
    }
    input[type="date"].input-lg,
    input[type="time"].input-lg,
    input[type="datetime-local"].input-lg,
    input[type="month"].input-lg,
    .input-group-lg input[type="date"],
    .input-group-lg input[type="time"],
    .input-group-lg input[type="datetime-local"],
    .input-group-lg input[type="month"] {
        line-height: 46px;
    }
}

.btn {
    display: inline-block;
    padding: 6px 12px;
    margin-bottom: 0;
    font-size: 14px;
    font-weight: normal;
    line-height: 1.42857143;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-image: none;
    border: 1px solid transparent;
    border-radius: 4px;
}
.btn:focus,
.btn:active:focus,
.btn.active:focus,
.btn.focus,
.btn:active.focus,
.btn.active.focus {
    outline: thin dotted;
    outline: 5px auto -webkit-focus-ring-color;
    outline-offset: -2px;
}
.btn:hover,
.btn:focus,
.btn.focus {
    color: #333;
    text-decoration: none;
}
.btn:active,
.btn.active {
    background-image: none;
    outline: 0;
    -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);
    box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);
}


.btn-default {
    color: #333;
    background-color: #fff;
    border-color: #ccc;
}
.btn-default:focus,
.btn-default.focus {
    color: #333;
    background-color: #e6e6e6;
    border-color: #8c8c8c;
}
.btn-default:hover {
    color: #333;
    background-color: #e6e6e6;
    border-color: #adadad;
}
.btn-default:active,
.btn-default.active,
.open > .dropdown-toggle.btn-default {
    color: #333;
    background-color: #e6e6e6;
    border-color: #adadad;
}
.btn-default:active:hover,
.btn-default.active:hover,
.open > .dropdown-toggle.btn-default:hover,
.btn-default:active:focus,
.btn-default.active:focus,
.open > .dropdown-toggle.btn-default:focus,
.btn-default:active.focus,
.btn-default.active.focus,
.open > .dropdown-toggle.btn-default.focus {
    color: #333;
    background-color: #d4d4d4;
    border-color: #8c8c8c;
}
.btn-default:active,
.btn-default.active,
.open > .dropdown-toggle.btn-default {
    background-image: none;
}



img {
    vertical-align: middle;
}


img {
    border: 0;
}

img {
    max-width: 100%; 
}


.hero-slider .banner-content .cmnlogos .cmor .cmname .cm-name.chif-name{
    text-transform: capitalize; 
}


.container {
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto;
}

.container:after{ display: table; clear: both; content: "";}


@media (min-width: 768px) {
    .container {
        width: 750px;
    }
}
@media (min-width: 992px) {
    .container {
        width: 970px;
    }
}
@media (min-width: 1200px) {
    .container {
        width: auto; padding: 0 50px;
    }
    .inner-boxlayout .container{ padding: 0 15px;}

    /* .header{ padding: 0 35px}
     .home .page{ padding: 0 50px;}*/
}

@media (max-width:1199px){

    .container{ max-width: 1232px; width: auto; }

}


.container-fluid {
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto;
}

.nav {
    padding-left: 0;
    margin-bottom: 0;
    list-style: none;
}
.nav > li {
    position: relative;
    display: block;
}

.nav>li>a {
    position: relative;
    display: block;
    padding: 10px 15px;
}

.dropdown-menu {
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 1000;
    display: none;
    float: left;
    min-width: 160px;
    padding: 5px 0;
    margin: 2px 0 0;
    font-size: 14px;
    text-align: left;
    list-style: none;
    background-color: #fff;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    border: 1px solid #ccc;
    border: 1px solid rgba(0, 0, 0, .15);
    border-radius: 4px;
    -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
    box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
}
.dropdown-menu.pull-right {
    right: 0;
    left: auto;
}
.dropdown-menu .divider {
    height: 1px;
    margin: 9px 0;
    overflow: hidden;
    background-color: #e5e5e5;
}
.dropdown-menu > li > a {
    display: block;
    padding: 3px 20px;
    clear: both;
    font-weight: normal;
    line-height: 1.42857143;
    color: #333;
    white-space: nowrap;
}
.dropdown-menu > li > a:hover,
.dropdown-menu > li > a:focus {
    color: #262626;
    text-decoration: none;
    background-color: #f5f5f5;
}
.dropdown-menu > .active > a,
.dropdown-menu > .active > a:hover,
.dropdown-menu > .active > a:focus {
    color: #fff;
    text-decoration: none;
    background-color: #337ab7;
    outline: 0;
}
.dropdown-menu > .disabled > a,
.dropdown-menu > .disabled > a:hover,
.dropdown-menu > .disabled > a:focus {
    color: #777;
}
.dropdown-menu > .disabled > a:hover,
.dropdown-menu > .disabled > a:focus {
    text-decoration: none;
    cursor: not-allowed;
    background-color: transparent;
    background-image: none;
    filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
}
.open > .dropdown-menu {
    display: block;
}
.open > a {
    outline: 0;
}
.dropdown-menu-right {
    right: 0;
    left: auto;
}
.dropdown-menu-left {
    right: auto;
    left: 0;
}
.dropdown-header {
    display: block;
    padding: 3px 20px;
    font-size: 12px;
    line-height: 1.42857143;
    color: #777;
    white-space: nowrap;
}
.dropdown-backdrop {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 990;
}
.pull-right > .dropdown-menu {
    right: 0;
    left: auto;
}
.dropup .caret,
.navbar-fixed-bottom .dropdown .caret {
    content: "";
    border-top: 0;
    border-bottom: 4px dashed;
    border-bottom: 4px solid \9;
}
.dropup .dropdown-menu,
.navbar-fixed-bottom .dropdown .dropdown-menu {
    top: auto;
    bottom: 100%;
    margin-bottom: 2px;
}
@media (min-width: 768px) {
    .navbar-right .dropdown-menu {
        right: 0;
        left: auto;
    }
    .navbar-right .dropdown-menu-left {
        right: auto;
        left: 0;
    }
}




.gscr_lSAction a {    transition: all 0.3s ease; -webkit-transition: all 0.3s ease; }
.gscr_lSAction a:before{ font-family: 'fontawesome'; font-size: 14px; line-height: 1; }
.gscr_lSAction .gscr_lSPrev:before {    content: "\f104";}
.gscr_lSAction .gscr_lSNext:before { content: "\f105";}


/* end bootstrap css */






@media (min-width:768px){
    .header .header-inner .headpanel .header-top .ht-right .menu-btn{ display: none!important;}
}

a, button, input[type=button], input[type=submit]{ -webkit-transition: all 0.3s ease;
                                                   -moz-transition: all 0.3s ease;
                                                   -ms-transition: all 0.3s ease;
                                                   -o-transition: all 0.3s ease;
                                                   transition: all 0.3s ease;}
b, strong, th{ font-weight: 700;}
h1,h2,h3,h4,h5,h6,pre,form,fieldset,legend,input,textarea,p,blockquote,th,td {margin:0;padding:0}
a:focus,button:focus,input[type=submit]:focus, input[type=button]:focus{outline: 0 none; border: none;}
.form-control{border: 1px solid rgba(0,0,0,0.1); color: #111;}
.form-control:focus{ box-shadow: none; border-color: rgba(0,0,0,0.4); }

.has-error .form-control{ border-color: #a94442;}
.has-success .form-control{ border-color: #3c763d;}

.display-none{ display: none;}

.checkbox, .radio{ position: relative;}
.checkbox input[type=checkbox], .radio input[type=radio]{ opacity: 0; position: absolute;}
.checkbox label, .radio label { position: relative; padding-left: 30px; line-height: 25px; display: block;}
.checkbox label:before, .radio label:before{transition: all ease 0.3s; border: 1px solid rgba(0,0,0,0.3); position: absolute; content: ""; height: 25px; width: 25px; background: none; left: 0;}
.radio label:before{ border-radius: 50%;}
.radio label:after{ opacity: 0; transition: all ease 0.3s; border-radius: 50%; width: 11px; height: 11px; background: rgba(0,0,0,0.5); content: ""; position: absolute; left: 7px; top: 7px;}
.checkbox input[type=checkbox]:checked + label:before,
.radio input[type=radio]:checked + label:before{ border-color: rgba(0,0,0,0.5);}
.radio input[type=radio]:checked + label:after{ opacity: 1;}

.checkbox label:after{ font-family: 'fontawesome'; position: absolute; left: 4px; top:4px; font-size: 17px; color: rgba(0,0,0,0.5); line-height: 1; width: 17px; height: 15px; content:"\f00c"; transition: all ease 0.3s; opacity: 0;}
.checkbox input[type=checkbox]:checked + label:after{  opacity: 1;}
.thead-default th {
    color: #55595c;
    background-color: #eceeef;
}

p{font-family: 'Lato', 'open sans', arial, verdana; font-size: 1.065em; letter-spacing: 0.05em; line-height: 2;}
img{ max-width: 100%;}
body { font-family: "Roboto", Verdana, Geneva, sans-serif;  }
.modal-open{ overflow: inherit; padding-right: 0 !important}


@media (min-width: 768px){
    .modal-dialog {margin: 100px auto;}
}


.gsc_modal button.close{ float: none; position: absolute; top: 10px; right: 10px; background: #fff; border-radius: 50%; width: 25px; height: 25px; z-index: 999; cursor: pointer; border: 1px solid rgba(0,0,0,0.5); }

.paginationblock {
    display: none;
}


.page {  clear: both;  display: block;  overflow: hidden;}
.home .page{ padding-top: 0x;}
.page:after{ display: table; clear: both; content: "";}

.btn{ border: none; margin: 0 ; font-family:'Lato', 'open sans', arial, verdana; font-size: 1em; border-radius: 3px; }
.btn-lg{ font-size: 1.28em;}
.btn-sm{  font-size: 0.85em;}
.btn-xs{  font-size: 0.85em;}

.btn-default{ background:#000; color: #fff;}
.btn-default:hover{ background:#333; color: #fff;}

.csrblock-title{ font-size: 2.6em; color: #333; text-transform: uppercase; font-weight: 600;   text-align: center; }
.csrblock-title span{ position: relative; display: inline-block; padding: 0 10px 10px; border-bottom: 1px solid rgba(0,0,0,0.1);}
.csrblock-title span:after{ width: 80px; height: 7px; background:#808080; content: ""; position: absolute; left: 50%; transform: translateX(-50%); -webkit-transform: translateX(-50%); -o-transform: translateX(-50%); -ms-transform: translateX(-50%); bottom: -4px;}

.header{ display: block; position: fixed; top: 0; left: 0; width: 100%; min-height: 108px; z-index: 999; }
.header:after{ display: table; clear: both; content: "";}
.header .header-inner{ display: block; background: #fff; box-shadow: 0 4px 8px 1px rgba(0, 0, 0, 0.176); padding: 0 10px;}
.header .header-inner:after{ display: table; clear: both; content: "";}
.header .header-inner .logo-ashokasymbol{ float: left; min-width: 61px;}
.header .header-inner .logo-ashokasymbol .icon-ashok-symbol{padding-top: 13px; display: block;}
.header .header-inner .logo-ashokasymbol .icon-ashok-symbol:before{font-size: 80px;}


.header .header-inner .logocsr{ float: right; width: 100px; padding: 5px 0;}
.header .header-inner .logocsr a{ display: block;}
.header .header-inner .logocsr a img{ max-height: 105px;
                                      margin: auto;
                                      display: block;}


.header .header-inner .headpanel{ float: left;width: calc(100% - 63px); /* width: calc(100% - 162px);*/ }
.header .header-inner .headpanel .header-top{    padding: 12px 0 10px; display: block; clear: both; border-bottom: 1px solid rgba(0,0,0,0.1);}
.header .header-inner .headpanel .header-top:after{ display: table; clear: both; content: "";}
.header .header-inner .headpanel .header-top .dept-name{ display: block; line-height: 1.3; padding: 6px 0 5px;}
.header .header-inner .headpanel .header-top .dept-name span{ display: block; font-size: 0.95em; padding-top: 3px;}
.header .header-inner .headpanel .header-top .ht-left{ float: left; padding-top: 0;}
.header .header-inner .headpanel .header-top .ht-left .screen-reader{ float: left; padding-right: 0; width: 170px;}
.header .header-inner .headpanel .header-top .ht-left .screen-reader a{  line-height: 27px; display: block;text-decoration: none; color: #333; font-family: 'open sans', arial, verdana;}
.header .header-inner .headpanel .header-top .zoom-site{ margin: 0; display: block; float: left; width: 76px; border: 1px solid rgba(0,0,0,0.1); padding: 0; }
.header .header-inner .headpanel .header-top .zoom-site li{font-size: 14px;  display: block; float: left; width: 33.33334%; padding: 1px;  line-height: 22px;}
.header .header-inner .headpanel .header-top .zoom-site li .plus-minus{font-size: 14px;  border: none; background: none; width: 22px; padding: 0 0; height: 22px; line-height: 19px; transition: all ease 0.3s; display: block;}
.header .header-inner .headpanel .header-top .zoom-site li .plus-minus:hover{ background: rgba(0,0,0,1); color: #fff;}
.header .header-inner .headpanel .header-top .zoom-site li:nth-child(2) {  border: 1px solid rgba(0,0,0,0.1); border-width: 0 1px; }
.header .header-inner .headpanel .header-top .colour-themes{ float: left; margin-left: 10px; width: 100px; border: 1px solid rgba(0,0,0,0.2); padding: 1px; }
.header .header-inner .headpanel .header-top .colour-themes .color-change{ width: 20%; height:22px; overflow: hidden; text-indent: -999px; background: rgba(0,0,0,1); cursor: pointer; border: none; padding: 0; float: left;}
.header .header-inner .headpanel .header-top .colour-themes .color-change.defaulttext{ background: #eb7f0f;}
.header .header-inner .headpanel .header-top .colour-themes .color-change.greentext{ background: #218c8d;}
.header .header-inner .headpanel .header-top .colour-themes .color-change.maroontext{ background: #9d5468;}
.header .header-inner .headpanel .header-top .colour-themes .color-change.bluetext{ background: #285f9d;}

.header .header-inner .headpanel .header-top .ht-right{ float: right;   margin: 0;  padding:5px 0 0; }
.header .header-inner .headpanel .header-top .ht-right .search-panel{ float: left; }
.header .header-inner .headpanel .header-top .ht-right .search-panel .panel-list{ float: left; position: relative; z-index: 99; margin-right: 10px;}

.header .header-inner .headpanel .header-top .ht-right .search-panel .clickSearch{ border: 1px solid rgba(0,0,0,0.1);  border-radius: 3px;  padding: 0 10px; font-size: 0.8em;
                                                                                   text-transform: uppercase; background: none; line-height: 26px; height: 29px; cursor: pointer;}
.header .header-inner .headpanel .header-top .ht-right .search-panel .clickSearch.active,
.header .header-inner .headpanel .header-top .ht-right .search-panel .clickSearch:hover{ background-color: rgba(0,0,0,1); color: #fff;}
.header .header-inner .headpanel .header-top .ht-right .search-panel .search-fileds label  {
    display: block;
    float: none;
    margin: 0; font-weight: 400; letter-spacing: 0.05em;
    padding: 0 0 3px;
    text-align: left; text-transform: uppercase; font-size: 0.92em;
}
.header .header-inner .headpanel .header-top .ht-right .search-panel .search-fileds{ position: absolute; top: 116%; border-radius: 3px; padding: 5px 10px 10px;width: 250px; left: 0; background: #fff; border: 1px solid rgba(0,0,0,0.1); display: none; box-shadow: 0 15px 20px 1px rgba(0, 0, 0, 0.176);}

.header .header-inner .headpanel .header-top .ht-right .search-panel .search-fileds:after, 
.header .header-inner .headpanel .header-top .ht-right .search-panel .search-fileds:before {
    bottom: 100%;
    left: 40px;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;

}




.header .header-inner .headpanel .header-top .ht-right .search-panel .search-fileds:after {
    border-color: rgba(255, 255, 255, 0);
    border-bottom-color: #fff;
    border-width: 5px;
    margin-left: -5px;
}
.header .header-inner .headpanel .header-top .ht-right .search-panel .search-fileds:before {
    border-color: rgba(153, 153, 153, 0);
    border-bottom-color: rgba(0,0,0,0.1);
    border-width: 6px;
    margin-left: -6px;
}



.header .header-inner .headpanel .header-top .ht-right .search-panel .search-fileds .form-group{ position: relative; margin: 0; }
.header .header-inner .headpanel .header-top .ht-right .search-panel .search-fileds .form-group .form-control {font-family: 'open sans', arial, verdana;  background: #ffffff ;    border-radius: 3px; height: 35px;  line-height: normal; font-size: 0.92em;  letter-spacing: 0.05em; padding: 3px 36px 3px 10px; font-weight: 300;}
.header .header-inner .headpanel .header-top .ht-right .search-panel .search-fileds .form-group .search-btn{ position: absolute; background: none; top: 2px; right: 2px; border: none; height: 31px; width: 31px; border-radius: 0 3px 3px 0;}
.header .header-inner .headpanel .header-top .ht-right .search-panel .search-fileds .form-group .search-btn:hover{ background-color: rgba(0,0,0,1); color: #fff;}
.header .header-inner .account-links{ float: left; padding:0 0 0; /*max-width: 16%;*/ margin: 3px 5px 0 0;}
.header .header-inner .account-links:after{ display: table; clear: both; content: "";}
.header .header-inner .account-links .login-register{ text-transform: uppercase; letter-spacing: 0.05em; font-size: 0.90em; display: block; margin: 0 ; color: #333; text-decoration: none; background: none; border: none; padding: 0; line-height:1; cursor: pointer; padding:5px 0 ; float: left;}
.header .header-inner .account-links a.login-register{position: relative; }
.header .header-inner .account-links a.login-register:after{ display: none;  content: ""}
.header .header-inner .account-links .login-register span{ display: inline-block; border-left: 1px solid rgba(0,0,0,0.4); padding: 0 5px; }
.header .header-inner .account-links .login-register:hover{ color: #000;}
.header .header-inner .account-links .login-register:first-child span{ border-left: none; padding-right: 5px;}


.header .header-inner .newsevnts{ display: block; clear: both; padding: 0 0 0 125px; margin:7px 50px 0; height: 34px; min-height: 32px; position: relative;  overflow: hidden; color: #333; font-weight: 600; }
.header .header-inner .newsevnts .neTitle{ text-transform: uppercase; display: block; color: rgba(0,0,0,0.95); font-weight: 500;  max-width: 120px; position: absolute; left: 0; top: 0; background: #fff; padding: 0 0 0; line-height: 34px; white-space: nowrap; font-size: 14px;}
.header .header-inner .newsevnts #news-ticker{ padding-right: 30px;}
.header .header-inner .newsevnts nobr{ display: block; line-height: inherit;}
.header .header-inner .newsevnts p{  line-height: inherit;}
.header .header-inner .newsevnts a{text-transform: uppercase; font-size: 13px; white-space: nowrap; font-family:'open sans', arial, verdana; color: #333; text-decoration: none; display: inline-block; padding: 0 10px 0 30px; line-height: 32px; vertical-align: middle; position: relative; }
.header .header-inner .newsevnts a:hover{ color: #000 !important; text-decoration: none;}
.header .header-inner .newsevnts .newIcon{ display: inline-block;  position: relative; top: 2px; background: url(../image/news-highlight.gif) no-repeat 0 10px; width: 27px;  position: absolute; left: 0; top: 0; height: 32px;  }



.header .header-inner .menu{ display: block; clear: both; background: #000 ; margin: 0 -10px; padding:0 25px 0; border-top: 1px solid rgba(0,0,0,0.1); max-height: 45px;}
.header .header-inner .menu:after{ display: table; clear: both; content: "";}
.header .header-inner .menu .menu-toggle{ display: none; }
.header .header-inner .menu .main-menu{display: block; }
.header .header-inner .menu.hvprtnrlogos .main-menu{float: left; width: 80%;}
.header .header-inner .menu .main-menu:after{ display: table; clear: both; content: "";}
.header .header-inner .menu .main-menu .nav{display: block; clear: both; margin: 0 -3px;}
.header .header-inner .menu .main-menu .nav:after{ display: table; clear: both; content: "";}
.header .header-inner .menu .main-menu .nav > li{ float: left; margin: 0 ; padding: 0; display: block; position: relative;}
.header .header-inner .menu .main-menu .nav > li a{ color: #fff; text-decoration: none; letter-spacing: 0.05em;  background: rgba(255,255,255,0.01); border-radius: 3px 3px 0 0;}
.header .header-inner .menu .main-menu .nav > li:hover > a,
.header .header-inner .menu .main-menu .nav > li.active > a,
.header .header-inner .menu .main-menu .nav > li a.active,
.header .header-inner .menu .main-menu .nav > li a:hover{ background: none ; color: #fff;}
.header .header-inner .menu .main-menu .nav>li a.active, .header .header-inner .menu .main-menu .nav>li a:hover, .header .header-inner .menu .main-menu .nav>li.active>a, .header .header-inner .menu .main-menu .nav>li:hover>a {
    background: rgba(0,0,0,0.10);
}
.header .header-inner .menu .main-menu .nav > li > a{ font-size: 0.9em; padding: 10px 19px; line-height: 1; text-transform: uppercase; text-align: center; display: block;}
.header .header-inner .menu .main-menu .nav > li.dropdown > a{ padding-right: 20px;}
/*.header .header-inner .menu .main-menu .nav > li:first-child > a{ padding-left: 0;}*/
.header .header-inner .menu .main-menu .nav > li a > .fa{font-size: 1.2em; position: absolute; right: 8px; top:11px; margin-top: -3px; line-height: 1;}

.header .header-inner .menu .main-menu .nav >  li .dropdown-menu{ margin: 0; border: none; border-radius: 0 0 3px 3px; box-shadow: 0 10px 15px  1px rgba(0, 0, 0, 0.176);   font-size: 0.95em;display: block; left: -9999px;   border-top: 0px;    
                                                                  opacity: 0;    
                                                                  -o-transform-origin: 0% 0%;   
                                                                  -ms-transform-origin: 0% 0%;   
                                                                  -moz-transform-origin: 0% 0%;    
                                                                  -webkit-transform-origin: 0% 0%;    
                                                                  -o-transition: -o-transform 0.5s, opacity 0.4s;    
                                                                  -ms-transition: -ms-transform 0.5s, opacity 0.4s;    
                                                                  -moz-transition: -moz-transform 0.5s, opacity 0.4s;   
                                                                  -webkit-transition: -webkit-transform 0.5s, opacity 0.4s;
                                                                  transform-style: preserve-3d;    
                                                                  -o-transform: preserve-3d;    
                                                                  -moz-transform-style: preserve-3d;    
                                                                  -webkit-transform-style: preserve-3d;    
                                                                  transform: rotateX(-90deg);    
                                                                  -o-transform: rotateX(-90deg);    
                                                                  -moz-transform: rotateX(-90deg);    
                                                                  -webkit-transform: rotateX(-90deg);    
                                                                  width: auto; padding: 0; float: none; white-space: nowrap; border: 4px solid rgba(255,255,255,0.9); border-width: 1px 0 4px; vertical-align: top;} 

.header .header-inner .menu .main-menu .nav > li:hover > .dropdown-menu { display: block; left: 0; opacity: 1;  transform: rotateX(0deg);  -o-transform: rotateX(0deg); -moz-transform: rotateX(0deg); -webkit-transform: rotateX(0deg); min-width: 210px; }
.header .header-inner .menu .main-menu .nav > li:hover > .dropdown-menu li{ display: block; clear: both; background: none; position: relative;}

.header .header-inner .menu .main-menu .nav .dropdown-menu > li > a{  border-bottom: 1px solid rgba(0,0,0,0.1) ; padding: 10px 15px; display: block; white-space: nowrap; text-overflow: ellipsis; max-width: 100%; overflow: hidden; line-height: 1; color: #333; border-radius: 0;}
.header .header-inner .menu .main-menu .nav .dropdown-menu > li > a .fa{ top: 13px; right: 10px;}
.header .header-inner .menu .main-menu .nav .dropdown-menu > li:hover > a,
.header .header-inner .menu .main-menu .nav .dropdown-menu > li.active > a,
.header .header-inner .menu .main-menu .nav .dropdown-menu > li a.active,
.header .header-inner .menu .main-menu .nav .dropdown-menu > li > a:hover{ color:#fff; background: rgba(0,0,0,0.5); border-bottom-color:  rgba(0,0,0,0.05) ;} 

.header .header-inner .menu .main-menu .nav .dropdown-menu .subMenu{ margin: 0; border: none; border-radius: 5px; box-shadow: 0 10px 15px 1px rgba(0, 0, 0, 0.176);   font-size: 0.95em;display: block; left: 208px;   border-top: 0px;   position: absolute;  text-align: left;
                                                                     list-style: none;  
                                                                     opacity: 0;    
                                                                     -o-transform-origin: 0% 0%;   
                                                                     -ms-transform-origin: 0% 0%;   
                                                                     -moz-transform-origin: 0% 0%;    
                                                                     -webkit-transform-origin: 0% 0%;    
                                                                     -o-transition: -o-transform 0.5s, opacity 0.4s;    
                                                                     -ms-transition: -ms-transform 0.5s, opacity 0.4s;    
                                                                     -moz-transition: -moz-transform 0.5s, opacity 0.4s;   
                                                                     -webkit-transition: -webkit-transform 0.5s, opacity 0.4s;
                                                                     transform-style: preserve-3d;    
                                                                     -o-transform: preserve-3d;    
                                                                     -moz-transform-style: preserve-3d;    
                                                                     -webkit-transform-style: preserve-3d;    
                                                                     transform: rotateX(-90deg);    
                                                                     -o-transform: rotateX(-90deg);    
                                                                     -moz-transform: rotateX(-90deg);    
                                                                     -webkit-transform: rotateX(-90deg);   width: 210px;  top: 0; 
                                                                     background: #333;  padding: 0; float: none; white-space: nowrap; border: 4px solid rgba(255,255,255,0.9); border-width: 4px 0; vertical-align: top;}
.header .header-inner .menu .main-menu .nav .dropdown-menu .subMenu > li:hover > .subMenu,
.header .header-inner .menu .main-menu .nav .dropdown-menu > li:hover > .subMenu {left: 208px; opacity: 1;  transform: rotateX(0deg);  -o-transform: rotateX(0deg); -moz-transform: rotateX(0deg); -webkit-transform: rotateX(0deg);}
.header .header-inner .menu .main-menu .nav .dropdown-menu .subMenu > li > a{  border-bottom: 1px solid rgba(0,0,0,0.05) ; padding: 10px 15px;  display: block; white-space: nowrap; text-overflow: ellipsis; max-width: 100%; overflow: hidden; line-height: 1; padding-right: 30px;}
.header .header-inner .menu .main-menu .nav .dropdown-menu .subMenu > li:hover > a,
.header .header-inner .menu .main-menu .nav .dropdown-menu .subMenu > li.active > a,
.header .header-inner .menu .main-menu .nav .dropdown-menu .subMenu > li a.active,
.header .header-inner .menu .main-menu .nav .dropdown-menu .subMenu > li > a:hover{color:#fff; background: rgba(255,255,255,0.3);} 


.gsm_right.gsm_hWrap .nav  li{ float: none;}

.header .header-inner .menu .gshzlogo{ float: right;   padding-left: 10px; margin-top: -6px;}
.header .header-inner .menu .gshzlogo > a{ float: left; width: 40px; height: 40px; display: block; overflow: hidden;  margin:0 0; transition: all ease 1s; 
                                           -webkit-transition: all ease 1s; position: relative;  border-right:1px solid rgba(0,0,0,0.1); padding:0 5px; padding-left: 43px;} 
.header .header-inner .menu .gshzlogo > a > img{ width: auto; max-width: inherit; display: inline-block;max-height: 40px; }
.header .header-inner .menu .gshzlogo > a:before{ content: ""; width: 40px; height: 40px; display: block; display: inline-block;  border-radius: 50%; position: absolute; left: -1px; transition: all ease 1s; -webkit-transition: all ease 1s;}

.header .header-inner .menu .gshzlogo > a.icon-hz:before{background: url(../image/hindustan_znc-icon.png) no-repeat 0 0; background-size: 40px; -webkit-background-size: 40px;}
.header .header-inner .menu .gshzlogo > a.icon-gs:before{background: url(../image/girnarlogo_4-icon.png) no-repeat 0 0; background-size: 40px; -webkit-background-size: 40px; left: 3px;}

.header .header-inner .menu .gshzlogo > a:hover{ width:117px; padding-left: 0;}
.header .header-inner .menu .gshzlogo > a:hover:before{ left: -40px;}

.main-content{ display: block; clear: both; min-height: 437px; padding: 0 0;}
.main-content:after{ display: table; clear: both; content: "";}
.home .main-content{ padding: 0;}
.hero-slider{ position: relative; overflow: hidden;}
.hero-slider .gscr_lSAction{ display: none;}
#herobanner .hero-slider .gscr_lSAction{ display:block;}
.hero-slider .home-slider{ max-height: 670px;}
.hero-slider .banner-content{ display: block; position: absolute; bottom: 100px; width: 100%; z-index:12}
.hero-slider .banner-content .container{ position: relative;}
/* .hero-slider .banner-content .cmnlogos { display: block; clear: both; position: relative;} */
.hero-slider .banner-content .cmnlogos { clear: both; position: relative;}
.hero-slider .banner-content .cmnlogos:after{ display: table; clear: both; content: "";}
.hero-slider .banner-content .cmnlogos .cmor{ float: left; width: 220px; margin: 0; padding: 0; position: relative;} 
.hero-slider .banner-content .cmnlogos .cmor.imor{ float: right; width: 235px;}
.hero-slider .banner-content .cmnlogos .cm-photo{ height: 250px; overflow: hidden;}
.hero-slider .banner-content .cmnlogos .cmor .cmname{ position: absolute; background: rgba(0, 0, 0, 0.4); border-radius: 5px 5px 0 0;  left: 0;   width: 215px;  bottom: 0; padding: 5px 10px;}
.hero-slider .banner-content .cmnlogos .cmor .cmname .cm-name {
    display: block;font-family: 'open sans', arial, verdana;
    font-size: 0.85em;
    position: relative; text-transform: uppercase;
    z-index: 99; color: #fff; text-align: center; font-weight: 600;
}
.hero-slider .banner-content .cmnlogos .cmor .cmname span {
    display: block;
    font-size: 0.9em;text-transform: none;font-weight: 400;
}
.hero-slider .banner-content .cmnlogos .gshzlogo{ float: right; position: absolute; bottom: 10px; right: 0;}
.hero-slider .banner-content .cmnlogos .gshzlogo a{ float: left; margin-left: 10px;}

.hero-slider .banner-content .cmnlogos .cmor.imor .cmname{ width: 230px; left: 6px;}
.hero-slider .banner-content .cmnlogos .cmor.imor img { display: block; margin: auto; margin-right: 0;}




.hero-slider .banner-content .slider-caption{ position: absolute; right: 20px; top: 0;}
.hero-slider .banner-content .slider-caption h1{ color: #fff; font-size: 2.85em; text-shadow: 0 2px 2px rgba(0, 0, 0, 0.42);}

#Tabhome.tab-panel.tab-panel{ display: block; clear: both; margin-top: -100px; position: relative; z-index: 99;}
.tab-panel:after{ display: table; clear: both; content: "";}
.tab-panel .nav-tabs{ padding-bottom: 5px; background: #222; border: none;}
.tab-panel .nav-tabs > li{ width: 50%; border: none; border-radius: 0; background: none; float: left; }
.tab-panel .nav-tabs > li > a{ background: #fff; color: #333; font-size: 1.8em; padding: 25px 0; text-align: center; border:0 none; border-radius: 0; display: block; margin: 0; position: relative; overflow: hidden;}
.tab-panel .nav-tabs > li > a:active, .tab-panel .nav-tabs > li > a:focus, .tab-panel .nav-tabs > li > a:visited, .tab-panel .nav-tabs > li > a:hover{ border: none; }
.tab-panel .nav-tabs > li > a:after{     position: absolute;
                                         right: -1px;
                                         top: -8px;
                                         width: 2px;
                                         height: 150%;
                                         box-shadow: 0px 0px 9px 3px rgba(0, 0, 0, 0.4);
                                         content: "";
                                         background: rgba(0, 0, 0, 0.3);}
.tab-panel .nav-tabs > li:last-child > a:after{ left: -1px;}
.tab-panel .nav-tabs > li.active > a{ background: none; color: #fff;}
.tab-panel .nav-tabs > li.active > a:after{ display: none;}

.tab-panel .tab-content{  background: #000; padding: 0 10px; margin: 0 -15px;}
.tab-panel .tab-content:after{ display: table; content: ""; clear: both;}
.tab-panel .tab-content .feature-title{ padding:25px 0 15px;}
.tab-panel .tab-content .feature-title .csrblock-title{ color: #fff;}
.tab-panel .tab-content .feature-title .csrblock-title span{ border-color: rgba(255,255,255,0.3);}
.tab-panel .tab-content .feature-title .csrblock-title span:after{    background: #fff;}

.tab-panel .tab-content #jalswavlamban{ display: none;}

/*.tab-panel .features-list{ display: block; clear: both; padding:20px 10px 10px; background: #222; margin: 0; overflow: hidden; max-height: 195px;}
.tab-panel .features-list:after{ display: table; clear: both; content: "";}*/

.tab-panel .features-list{ height: auto !important; margin: auto; }

.tab-panel .tab-content #featuredPrograms{ padding: 0 20px;} 
.tab-panel .features-container{ display: block; clear: both; padding:20px 0 10px; background: #222; margin: 0 -10px; overflow: hidden;}
.tab-panel .features-container:after{ display: table; clear: both; content: "";}


.tab-panel .features-container .gscr_lSAction a { width: 40px; height: 40px; border-radius: 50%; background: rgba(0,0,0,0.5); color: #fff; text-align: center;  top: 50%; transform: none; transition: all ease 0.3s; -webkit-transition: all ease 0.3s; margin-top: -20px;}
.tab-panel .features-container .gscr_lSAction a:before{font-size: 25px; width: 40px; text-align: center; display: block; line-height: 38px;}
.tab-panel .features-container .gscr_lSAction a.gscr_lSPrev{left:-50px}
.tab-panel .features-container .gscr_lSAction a.gscr_lSNext{right:-50px}
.tab-panel .features-container:hover .gscr_lSAction a.gscr_lSPrev{left:15px}
.tab-panel .features-container:hover .gscr_lSAction a.gscr_lSNext{right:15px}
.tab-panel .features-container.projectcategory {max-height: 380px;}




.tab-panel .features-list .features-item { display: block; padding: 0 5px; margin: 0; /*float: left; width: 20%;*/}
.tab-panel .features-list .features-item .item{ position: relative; padding: 20px 0; }
.tab-panel .features-list .features-item .frontbox{ display: block; clear: both; width: 100%; 
                                                    opacity: 1;
                                                    -moz-transform:rotateY(0deg);
                                                    -webkit-transform:  rotateY(0deg);
                                                    -o-transform: rotateY(0deg);
                                                    -ms-transform: rotateY(0deg);
                                                    transform:rotateY(0deg);
                                                    -webkit-transition: all 0.3s linear;
                                                    -moz-transition: all 0.3s linear;
                                                    -ms-transition: all 0.3s linear;
                                                    -o-transition: all 0.3s linear;
                                                    transition: all 0.3s linear;
}
.tab-panel .features-list .features-item .frontbox .icon-holder{ position:relative; width:75px; height: 75px;padding-top: 0; border-radius: 50%; background: rgba(255,255,255,0.6); margin: auto; text-align: center;}
.tab-panel .features-list .features-item .frontbox .icon-holder i{ color: #1f3741; font-size: 3em; line-height: 67px;}
.tab-panel .features-list .features-item .frontbox .icon-holder img{ width:38px; height:32px; margin: auto ;
                                                                     position: absolute; left:0; top: 0; right: 0; bottom: 0; vertical-align: middle; }
.tab-panel .features-list .features-item .frontbox h3{ font-size: 1.14em; color: #fff; font-weight: 400; text-align: center; padding: 10px 0 0;}

.tab-panel .features-list .features-item .backbox{ position: absolute;  height: 100%;  top: 0; display: block; clear: both; width: 100%; background: rgba(0,0,0,0.5); border-radius: 5px;  padding: 20px 20px 1px; opacity: 0;
                                                   -moz-transform:rotateY(180deg);
                                                   -webkit-transform:rotateY(180deg);
                                                   -o-transform:rotateY(180deg);
                                                   -ms-transform: rotateY(180deg);
                                                   transform:rotateY(180deg);
                                                   -webkit-transition: all 0.3s linear;
                                                   -moz-transition: all 0.3s linear;
                                                   -ms-transition: all 0.3s linear;
                                                   -o-transition: all 0.3s linear;
                                                   transition: all 0.3s linear;

}
.tab-panel .features-list .features-item .backbox .btn{ display: block; width: 130px; margin: 0 auto 20px; box-shadow: 0 1px 1px rgba(0,0,0,.2); padding: 10px 0;}
.tab-panel .features-list .features-item .backbox input.btn{ padding: 9px 0;}


.tab-panel .features-list .features-item:hover .item .backbox{ opacity: 1;
                                                               -moz-transform:  rotateY(0deg);
                                                               -webkit-transform:rotateY(0deg);
                                                               -o-transform:  rotateY(0deg);
                                                               -ms-transform:  rotateY(0deg);
                                                               transform: rotateY(0deg);}

.tab-panel .features-list .features-item:hover .item .frontbox{opacity: 0;
                                                               -moz-transform:rotateY(180deg);
                                                               -webkit-transform:rotateY(180deg);
                                                               -o-transform:rotateY(180deg);
                                                               -ms-transform: rotateY(180deg);
                                                               transform:rotateY(180deg);}


.tab-panel .jalswavlamban{ display: block; clear: both; padding:20px 10px 10px; background: #fff url(../image/jalswavlamban-tab.png) no-repeat top center;     min-height: 312px; padding: 65px 300px 50px 60px; margin: 0;}
.tab-panel .jalswavlamban:after{ display: table; clear: both; content: "";}
.tab-panel .jalswavlamban p{ font-size: 1.15em; line-height: 1.55; padding:  15px 0 0;}
.tab-panel .jalswavlamban .readmore{ padding: 15px 0 0;}

.tab-panel .tab-bottom{ display: block; clear: both; background: #0f1f27; margin: 0 -10px; } 
.tab-panel .tab-bottom:after{ display: table; clear: both; content: "";}
.tab-panel .tab-bottom .tb-left{ float: left; width: 100%; border-right: 1px solid #4b5f67; padding:21px 35px 20px 35px; background: #1f3741;}
.tab-panel .tab-bottom .tb-left .leftout{ float: left; width: 100%; padding-bottom: 10px;}
.tab-panel .tab-bottom .tb-left .leftout h2{ font-size: 1.2em; color: #fff; line-height: 1; font-weight: 400;}
.tab-panel .tab-bottom .tb-left .leftout .button-groups{  padding-top: 20px;}
.tab-panel .tab-bottom .tb-left .leftout .btn{ margin: 0 10px 10px 0;}
.tab-panel .tab-bottom.registerlink .tb-left .leftout .btn {padding: 6px 30px}
.tab-panel .tab-bottom .tb-left .leftout .btn:first-child{ margin-left: 0;}
.tab-panel .tab-bottom .tb-left .midblock{ float: right; width: 28%; padding:0 ;  border-left: 1px solid rgba(255,255,255,0.2);}
.tab-panel .tab-bottom .tb-left .midblock button{ background: none; text-align: center;display: block; width: 100%; padding: 5px 0 10px 0 ; border: none; color: #fff; line-height: 1;}
.tab-panel .tab-bottom .tb-left .midblock button:hover{ background: rgba(0,0,0,0.5);}
.tab-panel .tab-bottom .tb-left .midblock button i { height: 25px; display: inline-block; color: #45768a; font-size: 2.0em;}
.tab-panel .tab-bottom .tb-left .midblock button strong{ display: block; color: #ebc90f; font-size: 1.5em; font-weight: 500; padding: 5px 0;}
.tab-panel .tab-bottom .tb-left .midblock button span{ display: block; text-align: center;}

.tab-panel .tab-bottom .tb-right{ float: right; width: 30%;  padding: 20px 20px 15px; position: relative; }
.tab-panel .tab-bottom .tb-right:before{ height: 100%; width: 1px; background: #4b5f67; position: absolute; top: 0; left: -1px; content: "";}
.tab-panel .tab-bottom .tb-right .hz-logo{ float: left; min-width: 85px; width: 20%; margin: 0;}
.tab-panel .tab-bottom .tb-right .contentsector{ float: right; width: 70%;  margin: 0;}
.tab-panel .tab-bottom .tb-right .contentsector h2{ font-size: 1.2em; color: #fff; line-height: 1; font-weight: 400;}
.tab-panel .tab-bottom .tb-right .contentsector .logo-holder{ display: block; clear: both; padding-top: 10px;}
.tab-panel .tab-bottom .tb-right .contentsector .logo-holder:after{ display: table; clear: both; content: "";}
.tab-panel .tab-bottom .tb-right .contentsector .logo-holder .logos{ float: left; width: 50%;}
.tab-panel .tab-bottom .tb-right .contentsector .logo-holder .logos img{ display: block; margin: 0;}
.tab-panel .tab-bottom .tb-right .contentsector .logo-holder .logos a{ color: #fff; text-decoration: none; font-family: 'open sans', arial, verdana;  font-size: 0.9em;}
.tab-panel .tab-bottom .tb-right .contentsector .logo-holder .logos a:hover{ color: #555;}


.csr-block { display: block; padding: 30px 0;}
.csr-block:after{ display: table; clear: both; content: "";}
.csr-block.latest-news{ padding: 90px 30px; background: #F2F2F2; border-bottom: 1px solid rgba(0,0,0,0.1);}
.csr-block.latest-news .news-slider{ padding: 50px 0 0;overflow: hidden; margin: auto; height: auto !important; }
.csr-block.latest-news .news-slider .newsslides{ padding: 0 15px; min-height: 350px; padding-bottom: 30px; position: relative; }
.csr-block.latest-news .news-slider .newsslides .videoblock{ display: block; clear: both; margin: 0 0 15px; padding: 1px; border: 1px solid rgba(0,0,0,0.1); background: rgba(255,255,255,0.5); vertical-align: middle; text-align: center; min-height: 216px; line-height: 216px;}
.csr-block.latest-news .news-slider .newsslides .videoblock img{ display: inline-block; margin: auto; width: auto; height: auto; max-height: 216px;  }
.csr-block.latest-news .news-slider .newsslides h3{ font-size: 1.23em; text-align: left; line-height: 1.3; font-weight: 400; min-height: 52px; }
.csr-block.latest-news .news-slider .newsslides p{text-align: left; color: #666;}
.csr-block.latest-news .news-slider .newsslides .btn-view{ position: absolute; left: 20px; bottom: 0; background: #bcbcbc; color: #fff; border-radius: 0; padding: 5px 15px; font-size: 0.9em;}
.csr-block.latest-news .news-slider .newsslides .btn-view:hover{ background: #000;}
.csr-block.latest-news .latestnews-container{ overflow: hidden;}
.csr-block.latest-news .latestnews-container .gscr_lSAction a  { width: 50px; height: 50px; border-radius: 50%; background: rgba(0,0,0,0.5); color: #fff; text-align: center;  top: 152px; transform: none; transition: all ease 0.3s; -webkit-transition: all ease 0.3s;}
.csr-block.latest-news .latestnews-container .gscr_lSAction a:before{font-size: 35px; width: 50px; text-align: center; display: block; line-height: 48px;}
.csr-block.latest-news .latestnews-container .gscr_lSAction a.gscr_lSPrev{left:-50px}
.csr-block.latest-news .latestnews-container .gscr_lSAction a.gscr_lSNext{right:-50px}
.csr-block.latest-news .latestnews-container:hover .gscr_lSAction a.gscr_lSPrev{left:30px}
.csr-block.latest-news .latestnews-container:hover .gscr_lSAction a.gscr_lSNext{right:30px}
.csr-block.latest-news .latestnews-container .gscr_lSAction a:hover{background: rgba(0,0,0,1); }

.csr-block.latest-news .view-all{ position: relative; left: 50%; transform: translateX(-50%); -webkit-transform: translateX(-50%); -o-transform: translateX(-50%); -ms-transform: translateX(-50%); margin-top: 20px; padding: 10px 20px;}


.csr-block.projects-wrap{padding: 40px 35px; background: #fff;}
.csr-block.projects-wrap > p { color: #777; font-weight: 300; font-size: 1.3em; display: block; text-align: center; max-width: 1200px; padding: 12px 0 0; margin: auto;}
.csr-block.projects-wrap .filterslide{ padding: 50px 0 10px; overflow: hidden; height: auto !important}
.csr-block.projects-wrap .filterslide .projectslids{ padding: 0 15px;  }
.csr-block.projects-wrap .filterslide .projectslids .frontbox{ display: block; clear: both; margin: 0 0 15px;   position: relative; overflow: hidden; padding: 1px; border: 1px solid rgba(0,0,0,0.3); height: 162px; line-height: 162px; vertical-align: middle; text-align: center;}
.csr-block.projects-wrap .filterslide .projectslids .frontbox img{ display: inline-block; margin: auto; max-height: 100%; max-width: 100%; height: auto; width: auto;}
.csr-block.projects-wrap .filterslide .projectslids .detailbox{padding: 15px; background: rgba(31,55,65,0.93); color: #fff; font-size: 0.87em; width: 100%; height: 100%; top: 0; left: 0; position: absolute;  top: 100%; transform: translateY(-43px); -webkit-transform: translateY(-43px); -moz-transform: translateY(-43px); -o-transform: translateY(-43px); -ms-transform: translateY(-43px); -webkit-transition: all 0.3s ease-in-out;
                                                               -moz-transition: all 0.3s ease-in-out;
                                                               -ms-transition: all 0.3s ease-in-out;
                                                               -o-transition: all 0.3s ease-in-out;
                                                               transition: all 0.3s ease-in-out;}


.csr-block.projects-wrap .filterslide .projectslids:hover  .detailbox{ top: 0; transform: translateY(0); -webkit-transform: translateY(0); -moz-transform: translateY(0); -o-transform: translateY(0); -ms-transform: translateY(0);}


.csr-block.projects-wrap .filterslide .projectslids h3{padding-bottom: 10px; font-size: 1.15em; color: #fff; text-align: left; line-height: 1.3; font-weight: 400; text-transform: uppercase; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;}
/*.csr-block.projects-wrap .filterslide .projectslids:hover h3 { white-space: normal;}*/
.csr-block.projects-wrap .filterslide .projectslids .item-descrip,
.csr-block.projects-wrap .filterslide .projectslids p{text-align: left; font-size: 1em; line-height: 1.5; }
.csr-block.projects-wrap .filterslide .projectslids .item-descrip{ max-height: 78px; overflow: hidden; text-overflow: ellipsis;}
.csr-block.projects-wrap .filterslide .projectslids .btn-view{ position: absolute; left: 15px; bottom: 10px; background: rgba(0,0,0,0.6); color: #fff; border-radius: 0; padding: 4px 10px; font-size: 0.9em;}
.csr-block.projects-wrap .filterslide .projectslids .btn-view:hover{ background: #000;}

.csr-block.projects-wrap .filterslide-container {    overflow: hidden; margin: 0 -15px;}
.csr-block.projects-wrap .filterslide-container .gscr_lSAction a { width: 50px; height: 50px; border-radius: 50%; background: rgba(0,0,0,0.5); color: #fff; text-align: center;  top: 111px; transform: none; transition: all ease 0.3s; -webkit-transition: all ease 0.3s;}
.csr-block.projects-wrap .filterslide-container .gscr_lSAction a:before{font-size: 35px; transition: all ease 0.3s; -webkit-transition: all ease 0.3s;  line-height: 48px;}

.csr-block.projects-wrap .filterslide-container .gscr_lSAction a.gscr_lSPrev{left:-50px}
.csr-block.projects-wrap .filterslide-container .gscr_lSAction a.gscr_lSNext{right:-50px}
.csr-block.projects-wrap .filterslide-container:hover .gscr_lSAction a.gscr_lSPrev{left:30px}
.csr-block.projects-wrap .filterslide-container:hover .gscr_lSAction a.gscr_lSNext{right:30px}
.csr-block.projects-wrap .filterslide-container .gscr_lSAction a:hover{background: rgba(0,0,0,1); }












.csr-block.projects-wrap .view-all{ position: relative; left: 50%; transform: translateX(-50%); -webkit-transform: translateX(-50%); -o-transform: translateX(-50%); -ms-transform: translateX(-50%); margin-top: 20px; padding: 10px 20px;}


.csr-block.home-aboutus{padding: 70px 20px 45px; background: #fff url(../image/home-aboutus.jpg) top left;background-size: contain; border-top: 1px solid rgba(0,0,0,0.15)} 
.csr-block.home-aboutus .aboutt-content{ float: left; width: 100%; margin: 0;padding-right: 50px; text-align:left;}
.csr-block.home-aboutus .aboutt-content .csrblock-title{ font-weight: 600; text-align: left; padding-bottom: 20px;}
.csr-block.home-aboutus .aboutt-content p{ padding-bottom: 20px; color: #757575;letter-spacing: 0;line-height:28px; font-size: 1.17em; }
.csr-block.home-aboutus .aboutt-content .abtlistsectn { display: block; clear: both; padding: 20px 0; margin: 0; font-family: 'open sans', arial, verdana;}
.csr-block.home-aboutus .aboutt-content .abtlistsectn:after{ display: table; clear: both; content: "";}
.csr-block.home-aboutus .aboutt-content .abtlistsectn li{ line-height: 1.35; float: left; color: #757575; font-size: 1.17em; margin:0 0 30px;  width:100%; display: block; padding: 0 20px; border-left: 3px solid rgba(0,0,0,0.45);}
.csr-block.home-aboutus .aboutt-content .abtlistsectn li:last-child{ padding-right: 40px; margin-bottom: 0;}
.csr-block.home-aboutus .aboutt-content .btn-set{ display: block; padding-top: 15px;}
.csr-block.home-aboutus .aboutt-content .btn-set .btn { margin:0 15px 0 0; text-transform: uppercase; padding: 13px 25px;}
.csr-block.home-aboutus .volunteer{ float: right;
                                    width: 30%;
                                    margin: 0;
                                    padding: 0 0 30px;}
.csr-block.home-aboutus .volunteer .volunteer-panel{ background: #fff; border: 1px solid rgba(0,0,0,0.3); padding: 15px;}
.csr-block.home-aboutus .volunteer .volunteer-panel h3{ font-size: 1.2em; padding: 0 0 10px; color: rgba(0,0,0,0.8); text-transform: uppercase;}
.csr-block.home-aboutus .volunteer .volunteer-panel .video-slider{ position: relative; overflow: hidden; margin: 0; padding-bottom: 30px;}
.csr-block.home-aboutus .volunteer .volunteer-panel .video-slider .slick-arrow{ width:30px; height: 30px; background: rgba(255,255,255,0.5); border-radius: 3px; transition: all ease 0.3s; -webkit-transition: all ease 0.3s;  }
.csr-block.home-aboutus .volunteer .volunteer-panel .video-slider .slick-arrow:before{color: rgba(0,0,0,0.8)}

.csr-block.home-aboutus .volunteer .volunteer-panel .video-slider .slick-arrow.slick-next{ right: -55px;}
.csr-block.home-aboutus .volunteer .volunteer-panel .video-slider .slick-arrow.slick-prev{ left: -55px;}
.csr-block.home-aboutus .volunteer .volunteer-panel .video-slider:hover .slick-arrow.slick-next{ right: 15px;}
.csr-block.home-aboutus .volunteer .volunteer-panel .video-slider:hover .slick-arrow.slick-prev{ left: 15px;}
.csr-block.home-aboutus .volunteer .volunteer-panel .video-slider .slick-dots{ bottom: 0;}
.csr-block.home-aboutus .volunteer .volunteer-panel .video-slider .slick-dots li { width: 15px; height: 15px;}
.csr-block.home-aboutus .volunteer .volunteer-panel .video-slider .slick-dots button{ background: #ccc; border: 1px solid rgba(0,0,0,0); border-radius: 50%; opacity: 1; width: 15px; height: 15px; overflow: hidden; text-indent: -9999px;}
.csr-block.home-aboutus .volunteer .volunteer-panel .video-slider .slick-dots .slick-active button{ background: #fff;}


.footer{ display: block; clear: both; padding: 0; background: #14242a}
.footer:after{ display: table; clear: both; content: "";}
.footer .footer-top{ display: block; clear: both; padding:25px 0 15px 0; }
.footer .footer-top:after{ display: table; clear: both; content: "";}


.footer .footer-top .csrftr-logo{ float: left; /*width: 20%;*/ width: 25%; text-align: left;}

.footer .footer-top .title{ padding: 0 0 5px; font-size: 1.28em; font-weight: 400;line-height: 1; color: #9cb2b2;  }
.footer .footer-top .csrftr-logo a { max-width: 140px; display: block; padding: 10px 0;   margin: 0;}
.footer .footer-top .csrftr-logo a img { display: inline-block; margin: auto;}





.footer .footer-top .ftrcsregde {
    float: left;
    width: 20%;
    padding: 0; display: none;

}
.footer .footer-top .ftrcsregde .button {
    background: none;
    text-align: center;
    display: block;
    width: 100%;
    padding: 5px 0 10px 0;
    border: none;
    color: #fff;
    line-height: 1;
}
.footer .footer-top .ftrcsregde .button i {
    height: 25px;
    display: inline-block;
    color: #45768a;
    font-size: 2.0em;
}
.footer .footer-top .ftrcsregde .button strong {
    display: block;
    color: #ebc90f; padding: 5px 0;
    font-size: 1.5em;
    font-weight: 500;
}
.footer .footer-top .ftrcsregde .button span {
    display: block;
    text-align: center; font-size: 1.13em; color: #9cb2b2; font-weight: 400;
}
.footer .footer-top .ftrcsregde .button:hover{ text-decoration: none;}

.footer .footer-top .visitor-panel{ float: left;/*width: 20%;*/ width: 50%; margin:0; padding: 0; text-align: center;}
.footer .footer-top .visitor-panel .visitor{ display: block; clear: both; padding: 0 ;}
.footer .footer-top .visitor-panel .visitor .label{ font-size: 1.28em; color: #9cb2b2; font-weight: 400; padding: 0;}
.footer .footer-top .visitor-panel .visitor .number{ display: block; clear: both; padding: 5px 0 0;}
.footer .footer-top .visitor-panel .visitor .number span{ margin: auto; display: block; border: 1px solid rgba(255,255,255,0.1); padding:3px 5px; max-width: 137px; text-align: center; color: #9cb2b2; }
.footer .footer-top .visitor-panel .update{ display: block;  padding: 5px 0;   color: #9cb2b2; }

.footer .footer-top .subscribtion{ float: left; /*width: 20%;*/ width: 37.5%; margin:0; padding: 0 10px 0 40px;}
.footer .footer-top .subscribtion label{ display: block; clear: both; padding: 0 0 5px; font-size: 1.28em; font-weight: 400;line-height: 1; color: #9cb2b2;}
.footer .footer-top .subscribtion .form-fileds{ display: block; clear: both; padding: 0; position: relative;}
.footer .footer-top .subscribtion .form-fileds .form-control{ display: block; width: 73%; border-radius: 3px 0 0 3px; height: 40px; padding: 5px 10px; background: #000; color: #fff; text-align: left;}
.footer .footer-top .subscribtion .form-fileds .form-control:focus{ background: #0c161b;}
.footer .footer-top .subscribtion .form-fileds .btn-subs{padding: 8px 0 9px; border-radius: 0 3px 3px 0; position: absolute; right: 0; top: 0; width: 27%; font-size: 1.2em; }
.footer .footer-top .subscribtion #newsletterMessage p{ font-size: 0.85em;
                                                        color: #fff;
                                                        line-height: 1.2;
                                                        padding-top: 5px; white-space: nowrap;}


.footer .footer-top .design-comp{ float: right; /*width: 20%;*/ width: 20%; margin:0; padding: 0 10px;}
.footer .footer-top .design-comp .title{ text-align: right;}
.footer .footer-top .design-comp a { display: block; padding: 10px 0; text-align: right;}
.footer .footer-top .design-comp a img { display: inline-block; margin: auto;}

.footer .footer-bootom{ display: block; padding: 10px 0; text-align: center; color: #9cb2b2; background: #0c161b; font-size: 0.85em;}

.screen-page{ padding: 30px 0;}
.screen-page .csrblock-title{ font-size: 2em; font-weight: 600;}
.screen-page .screen-message{ padding:25px 0 15px 0;}
.screen-page table {  font-family:'Lato', arial;}
.screen-page table thead tr th, .screen-page table tbody tr td{ padding: 10px 15px;}
.screen-page table thead tr th { font-weight: 600;}
.screen-page table tbody tr td a{ text-decoration: none; color: #333; }
.screen-page table tbody tr td a:hover{color: #000;}

.sharebtn{ z-index: 999; position: fixed; left: 15px; bottom: 50px; -webkit-box-shadow: 0 0 18px rgba(0,0,0,0.43); box-shadow: 0 0 18px rgba(0,0,0,0.43); -moz-box-shadow: 0 0 18px rgba(0,0,0,0.43); width: 55px; height: 55px; border-radius: 50%; background: #f00;  color: #fff; text-align: center;}
.sharebtn .share-icon{ cursor: pointer;display: block; line-height: 59px; font-size:27px; text-align: center;}
.sharebtn .sharelist{ position: absolute; bottom: 110%; margin: 0; opacity: 1; display: block; padding: 0;     width: 40px;
                      left: 50%; display: none; min-width: 40px;
                      transform: translateX(-50%); -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%);}
.sharebtn .sharelist li{ display: block; clear: both; padding-bottom: 5px; }
.sharebtn .sharelist li a{-webkit-box-shadow: 0 0 5px rgba(0,0,0,0.43); box-shadow: 0 0 5px rgba(0,0,0,0.43); -moz-box-shadow: 0 0 5px rgba(0,0,0,0.43); width: 40px; height: 40px; font-size: 18px; border-radius: 50%; display: block; color: #fff; text-align: center; line-height: 45px;}
.sharebtn .sharelist li .fb{ background: #3B5998; }
.sharebtn .sharelist li .fb:hover{ background:#244488; }
.sharebtn .sharelist li .yt{ background:#D32323; }
.sharebtn .sharelist li .yt .fa{ font-size: 25px;}
.sharebtn .sharelist li .yt:hover{ background:#B50D0D; }



/*
Inner page css start here
*/

body:not(.home) .page{ padding-top: 0;}

.top-inner{ background:none ; display: block; clear: both; padding: 180px 0 10px 0; }
.top-inner:after{ display: table; clear: both; content: "";}
.top-inner .breadcrumbs{ display: block; clear: both; padding:0 0 5px 0;}
.top-inner .breadcrumbs:after{display: table; clear: both; content: "";}
.top-inner .breadcrumbs .breadcrumb { display: block; padding: 0; margin: 0;  background: none; border: none; border-radius: 0; }
.top-inner .breadcrumbs .breadcrumb :after{display: table; clear: both; content: "";}
.top-inner .breadcrumbs .breadcrumb  li{ display: block; float: left; padding-right: 20px; font-size: 0.8em; color: rgba(255,255,255,0.7); text-transform: uppercase; position: relative;}
.top-inner .breadcrumbs .breadcrumb  li a{ color: rgba(255,255,255,0.7);   }
.top-inner .breadcrumbs .breadcrumb  li a:hover{ text-decoration: none; color: rgba(255,255,255,1);}

.top-inner .breadcrumbs .breadcrumb  li span{ position: absolute; top: 3px; right: 10px;}

.top-inner .breadcrumbs .breadcrumb  li:before{ display: none;}

.top-inner.smecsr .breadcrumbs .breadcrumb  li{ text-transform: none;}


.top-inner .csrpage-title{ float: left; width: 75%;}
.top-inner .csrpage-title h1{ margin: 0; padding: 0; font-weight: 600; text-transform: uppercase; color: #fff; text-align: left; line-height: 1.2;}
.top-inner.smecsr .csrpage-title h1{ text-transform: none;}

.top-inner .hzgs-logo{ float: right; width:25%; text-align: right; margin-top: -19px;}
.top-inner .hzgs-logo span{ display: inline-block; padding-left: 5px; max-width: 48%;}

.aboutpages{ display: block; clear: both; padding-top: 35px; padding-bottom: 15px;}
.aboutpages:after{display: table; clear: both; content: "";}
.aboutpages .tab-panel-abt{ display: block; clear: both; padding: 0 20px;}
.aboutpages .tab-panel-abt:after{display: table; clear: both; content: "";}
.aboutpages .tab-panel-abt .thumb-impression{ display: block; position: relative;}
.aboutpages .tab-panel-abt .thumb-impression .thumb{ display: block; text-align: center; }
.aboutpages .tab-panel-abt .thumb-impression .thumb-info{ display: block; padding-top: 10px; text-align: center;}
.aboutpages .tab-panel-abt .thumb-impression .name{ display: block; font-size: 1.3em; font-weight: 600; color: rgba(0,0,0,0.7); line-height: 1; padding-bottom: 5px;}
.aboutpages .tab-panel-abt .thumb-impression .designation{ font-size: 0.85em; display: block; text-align: center; color: rgba(0,0,0,0.8);}
.aboutpages .tab-panel-abt .tab-content .thumb-impression{ float: left; width:40%; margin: 0; padding: 0 15px 0 0;}
.aboutpages .tab-panel-abt .tab-content { padding:0 0 30px 0 ; border: none; border-bottom: 1px solid rgba(0,0,0,0.1);}
.aboutpages .tab-panel-abt .tab-content:after{display: table; clear: both; content: "";}
.aboutpages .tab-panel-abt .tab-pane:after{display: table; clear: both; content: "";}
.aboutpages .tab-panel-abt .tab-content .description{ float: right; width: 60%; padding: 0 0 0 15px;}
.aboutpages .csrblock-title{ font-size: 2.2em; font-weight: 600; margin: 0 20px  30px;  }
.aboutpages .tab-panel-abt .tab-content .description p{ font-size: 1.1em; line-height: 1.75; color: rgba(0,0,0,0.65); padding-bottom: 20px; text-align: justify;}
.aboutpages .tab-panel-abt .tab-content .description .quotetext p{ font-size: 1.3em;  font-style: italic; color: rgba(0,0,0,0.65); position: relative; padding: 25px 45px 25px 45px;}
.aboutpages .tab-panel-abt .tab-content .description .quotetext p:after{ position: relative; bottom: -10px; content: "";  display: inline-block; width: 18px; height: 30px; background: url(../image/quoter.png) no-repeat -40px -1px;}
.aboutpages .tab-panel-abt .tab-content .description .quotetext p:before{ content: ""; position: absolute; display: inline-block; width: 37px; height: 67px; background: url(../image/quoter.png) no-repeat ; left: 0; top: 0;}

.aboutpages .tab-panel-abt .gsc-ta-overHide{ height: auto;}
.aboutpages .tab-panel-abt .gsc-ta-overHide div.gsc_ta_scroll{ height: auto;}
.aboutpages .tab-panel-abt .nav-tabs { padding: 0 10px 30px; text-align: center; border: none; margin: auto; max-width: 850px; width: auto !important;} 
.aboutpages .tab-panel-abt .nav-tabs:after{ display: table; clear: both; content: "";}
.aboutpages .tab-panel-abt .nav-tabs>li{ pointer-events: none; float: left; border: none; padding: 0; margin: 0; margin-top: -1px;min-height: 221px;display: block; padding: 0; width: 33.33%;}
.aboutpages .tab-panel-abt .nav-tabs>li> .tabitem { margin: 0; border-radius: 0; padding: 30px 20px;min-height: 221px; font-size: 1em; border: 1px solid rgba(0,0,0,0.1); background: #fff; color: rgba(0,0,0,0.8);}
.aboutpages .tab-panel-abt .nav-tabs>li.gsc-ta-active > .tabitem{border-color:rgba(0,0,0,0.1) !important; border-top-color:rgba(0,0,0,0.05);}
.aboutpages .tab-panel-abt .nav-tabs>li> .tabitem span{ display: block;}
.aboutpages .tab-panel-abt .nav-tabs>li> .tabitem .name{ font-size: 1em; font-weight: 500;}
.aboutpages .tab-panel-abt .nav-tabs>li> .tabitem .thumb{ display: block; margin: auto;border: 1px solid rgba(0,0,0,0.15); background: rgba(255,255,255,1); max-width:100px; height: 100px; overflow: hidden; border-radius: 50%;}
.aboutpages .tab-panel-abt .nav-tabs>li> .tabitem .thumb-impression .designation{ font-size: 0.75em; }

.benifits-tree{ display: block; margin: auto; padding: 30px 20px; max-width: 615px;}
.benifits-tree .imgtitle{  text-align: center; font-size: 1.2em; font-weight: 500; padding: 15px 0;}
.benefit-detail{ padding: 0 20px; text-align: justify;}
.benefit-detail p{ font-size: 1.05em; color: rgba(0,0,0,0.8); line-height: 1.5; padding-bottom: 20px;}
.benefit-detail h3{ font-size: 1.15em; color: rgba(0,0,0,0.9); line-height: 1.5; padding-bottom: 10px;}
.benefit-detail .compliancesectin{ display: block; clear: both; padding: 25px 0; border-top: 1px solid rgba(0,0,0,0.1); margin-top: 20px;}
.benefit-detail .compliancesectin:after{ display: table; clear: both; content: "";}
.benefit-detail .compliancesectin .warning-symbol{ float: left; width: 50%; padding-right: 15px;}
.benefit-detail .compliancesectin .warning-symbol img{ margin: auto; display: block; max-width: 100%;}
.benefit-detail .compliancesectin .complince-detail{ float: right; width: 50%; padding-right: 0;}


.guideline-detail p{ font-size: 1.05em; color: rgba(0,0,0,0.8); line-height: 1.5; padding-bottom: 20px;}
.guideline-detail h3{ font-size: 1.15em; color: rgba(0,0,0,0.9); line-height: 1.5; padding-bottom: 10px;}
.guideline-detail .guideline-thumb{ display: block; margin: auto; max-width: 782px; padding: 20px 0;}
.guideline-detail .guideline-thumb .imgtitle{  text-align: center; font-size: 1.2em; font-weight: 500; padding: 15px 0;}

.guidance-principles h3{ font-size: 1.8em; color: rgba(0,0,0,0.8); line-height: 1.5; padding-bottom: 10px;}
.guidance-principles .guide-list{ display: block; clear: both; padding: 20px 0; margin: 0 -10px;}
.guidance-principles .guide-list:after{ display: table; clear: both; content: "";}
.guidance-principles .guide-list li{ display: block; float: left; width: 25%; padding: 0 10px;}
.guidance-principles .guide-list li .guidance-block{ min-height: 480px;  display: block; clear: both; background: rgba(0,0,0,0.1); border-radius: 3px; padding: 20px;}
.guidance-principles .guide-list li .guidance-block .icon-holder{ width:100px; height: 100px; background: #fff; border-radius: 50%; text-align: center; line-height: 100px; font-size: 50px; margin: auto;}
.guidance-principles .guide-list li .guidance-block p{ font-size: 1em; text-align: justify; color: rgba(0,0,0,0.8); line-height: 1.5; padding-bottom: 20px;}
.guidance-principles .guide-list li .guidance-block h4{ font-size: 1.25em; color: rgba(0,0,0,0.7); text-align: center; padding: 15px 0;}

.guide-ungp p{ font-size: 1.05em; color: rgba(0,0,0,0.8); line-height: 1.5; padding-bottom: 20px;}
.guide-ungp > h3{ font-size: 1.8em; color: rgba(0,0,0,0.9); line-height: 1.5; padding-bottom: 10px;}
.guide-ungp .ungp-thumb{ display: block; margin: auto; max-width: 630px; padding: 20px 0;}
.guide-ungp .ungp-thumb .imgtitle{  text-align: center; font-size: 1.2em; font-weight: 500; padding: 15px 0;}


.globlefirstblock p{ font-size: 1.05em; color: rgba(0,0,0,0.8);   padding-bottom: 20px;}
.globlefirstblock h3{ font-size: 1.25em; color: rgba(0,0,0,0.9); line-height: 1.5; padding: 0 0 15px;}
.globlefirstblock .companies{ display: block; clear: both; margin: auto; max-width: 933px; padding-top: 20px;}
.globlefirstblock .companies  .imgtitle{  text-align: center; font-size: 1.2em; font-weight: 500; padding: 15px 0;}
.activitieslist{ padding: 40px 20px 0; text-align: justify;     margin-top: 40px; border-top: 1px solid rgba(0,0,0,0.1);}
.activitieslist p{ font-size: 1.05em; color: rgba(0,0,0,0.8); line-height: 1.5; padding-bottom: 20px;}
.activitieslist .active-list{ display: block; clear: both; margin: 0 -20px; text-align: center; padding:10px 0; vertical-align: top;}
.activitieslist .active-list:after{ display: table; clear: both; content: "";}
.activitieslist .active-list li{ display: inline-block; padding:40px 20px; text-align: center; position: relative; max-width: 20%; vertical-align: top;} 
.activitieslist .active-list li .icons-holder{ width: 112px; height: 112px; border-radius: 50%; border: 1px solid rgba(0,0,0,0.15); text-align: center; line-height: 112px; font-size: 65px; margin: auto; display: block;}
.activitieslist .active-list li .icons-title{ display: block; clear: both; font-size: 1.05em; font-weight: 500; text-align: center; line-height: 1.5; color: rgba(0,0,0,0.9);padding-top: 15px;}

.activitieslist .active-list2{ display: block; clear: both; margin: 0 ; text-align: center; padding:0 0 10px 0; vertical-align: top;}
.activitieslist .active-list2:after{ display: table; clear: both; content: "";}
.activitieslist .active-list2 li{ display: block; position: relative; text-align: left; padding:2px 0 10px 30px;}
.activitieslist .active-list2 li > span{ position: absolute; top: 10px; left: 0; font-size: 18px;}
.activitieslist .active-list2 li p{ line-height: 2; padding-bottom: 0;}
.globlefirstblock{ display: block; padding: 0 20px 0; text-align: justify;}
.globlefirstblock .listblock{ display: block; clear: both; padding: 30px 0 0; text-align: center;}
.globlefirstblock .listblock:after{ display: table; clear: both; content: "";}
.globlefirstblock .listblock li{ display:inline-block; padding: 0 30px;}
.globlefirstblock .listblock li .listtitle{ display: block; padding-bottom: 10px; text-align: center; font-size: 1.05em; color: rgba(0,0,0,0.9);}

.globlefirstblock .imgtitle{  text-align: center; font-size: 1.2em; font-weight: 500; padding: 15px 0;}
.board-role{ display: block; clear: both; margin: 40px 0 0; padding: 40px 20px 0; border-top: 1px solid rgba(0,0,0,0.1); margin:0; }
.board-role .boardblock{ float: left; width: 50%;}
.board-role .boardblock.first{ padding: 0 20px 0 0;}
.board-role .boardblock.last{ padding: 0 0 0 20px;}
.board-role .boardblock .block-item{ display: block; background: rgba(0,0,0,0.07); padding: 20px;}
.board-role .boardblock .block-item h3{ text-align: center; padding:10px 0 20px 0; font-size: 1.05em; color: rgba(0,0,0,0.8);}
.board-role .boardblock .block-item ul{ display: block; clear: both; margin: 0 ; text-align: center; padding:10px 0; vertical-align: top;}
.board-role .boardblock .block-item ul:after{ display: table; clear: both; content: "";}
.board-role .boardblock .block-item ul li{ display: block; position: relative; text-align: left; padding:2px 0 20px 30px;}
.board-role .boardblock .block-item ul li > i{ position: absolute; top: 10px; left: 0; font-size: 18px;}
.board-role .boardblock .block-item ul li p{ line-height: 2; font-size: 1.15em;}

.businesssection{ display: block; clear: both; margin: 40px 0 0; padding: 50px 0 0; border-top: 1px solid rgba(0,0,0,0.1); text-align: justify;  }
.businesssection p{ padding: 0 0 20px; line-height: 1.6;}
.businesssection .businessinner{ padding:0 20px 0; text-align: justify;}
.planningsection .businessinner{ padding:0 20px 0; text-align: justify;}

.comparativesection{ display: block; clear: both; margin: 40px 0 0; padding: 50px 0 0; border-top: 1px solid rgba(0,0,0,0.1);  }
.comparativesection .clickzoom{ float: left; width:120px; line-height: 1; float: right; margin: 15px 0; text-align: center; font-size: 0.9em;  }
.comparativesection .clickzoom a{ display: block;  padding:5px 3px; border: 1px solid rgba(0,0,0,0.1); text-decoration: none; color: rgba(0,0,0,0.6);}
.comparativesection .clickzoom a:hover{ border-color: #000; color: #000;}
.comparativesection .table-info{ float: left; padding: 15px 0; line-height: 1; margin: 0;}

.planning p{ font-size: 1.05em;   padding-bottom: 20px;}
.planning .board-role .boardblock .block-item ul{ display: block; clear: both; margin: 0 ; text-align: center; padding:10px 0; vertical-align: top;}
.planning .planningsection ul{ display: block; clear: both; margin: 0 ; text-align: center; padding:10px 0; vertical-align: top;}
.planning .planningsection ul:after{ display: table; clear: both; content: "";}
.planning .planningsection ul li{ display: block; position: relative; text-align: left; padding:2px 0 0 30px;}
.planning .planningsection ul li > i{ position: absolute; top: 10px; left: 0; font-size: 18px;}
.planning .planningsection ul li p{ line-height:2; font-size: 1.15em;}


.planning .processsection{ display: block; clear: both; margin: 40px 0 0; padding: 50px 0 0; border-top: 1px solid rgba(0,0,0,0.1);  }
.planning .processsection .processimg{ display: block; margin: auto; max-width: 721px; padding: 20px 0;}

.planning .stepsection{ display: block; clear: both; margin: 40px 0 0; padding: 50px 0 0; border-top: 1px solid rgba(0,0,0,0.1);  }
.planning .stepsection .stepimg{ max-width: 930px; margin: auto;}
.planning .stepsection .stepimg:after{ display: table; clear: both; content: "";}
.planning .stepsection .stepuniverse{ display: block; margin: auto; max-width: 378px; padding: 20px 0; float: left; }
.planning .stepsection .stepprocess{ display: block; margin: auto; max-width:517px; padding: 20px 0; float: right;}
.planning .stepsection .step-thumb{ display: block; clear: both;}
.planning .stepsection .step-thumb .imgtitle{  text-align: center; font-size: 1.2em; font-weight: 500; padding: 15px 0;}
.planning .stepsection .step-thumb .stephedaing{ display: block; clear: both; padding: 20px 0; max-width: 1175px; margin: auto;}
.planning .listed{ display: block; clear: both; margin: 0 ; text-align: center; padding:10px 0; vertical-align: top;}
.planning .listed:after{ display: table; clear: both; content: "";}
.planning .listed > li{ display: block; position: relative; text-align: left; padding:2px 0 0 30px;}
.planning .listed > li > i{ position: absolute; top: 10px; left: 0; font-size: 18px;}
.planning .listed > li p{ line-height:2; font-size: 1.15em;  padding-bottom: 0;}
.planning h4{ font-size: 1.1em; color: rgba(0,0,0,0.9);}
.smes{ text-align: justify;}
.smes .stepsection{ padding: 0 20px;}
.smes p{ font-size: 1.05em;   padding-bottom: 20px;}
.smes h4{ font-size: 1.1em; color: rgba(0,0,0,0.9);}
.smes .listed{ display: block; clear: both; margin: 0 ; text-align: center; padding:10px 0; vertical-align: top;}
.smes .listed:after{ display: table; clear: both; content: "";}
.smes .listed > li{ display: block; position: relative; text-align: justify; padding:2px 0 0 30px;}
.smes .listed > li > i{ position: absolute; top: 10px; left: 0; font-size: 18px;}
.smes .listed > li p{ line-height:2; font-size: 1.15em;}
.smes #initiativessection.stepsection{ display: block; clear: both; margin: 40px 0 0; padding: 50px 0 0; border-top: 1px solid rgba(0,0,0,0.1);  }

.projectpages{ display: block;    clear: both;    padding:35px 20px;}
.projectpages:after{ display: table; clear: both; content: "";}

.projectpages .csrblock-title {
    font-size: 2.2em;
    font-weight: 600;
    margin-bottom: 30px;
}

.projectpages .projectpage-left{ float: left; width:25%;  background: #fef1e2 url(../image/project-left-bg.png) no-repeat bottom left; min-height: 480px; border-radius: 5px; padding: 10px 0 100px 10px; margin-bottom: 15px; }
.projectpages .search-organization{ display: block; position: relative; padding:0 10px 10px 0;}
.projectpages .search-organization .form-control{ box-shadow: none; border:none; height: 50px; padding: 5px 45px 5px 15px; text-align: left;     box-shadow: 0 0 3px rgba(0,0,0,0.1);}
.projectpages .search-organization .form-control:focus{ border-color: #000;}
.projectpages .search-organization .search-field > i{ position: absolute; right: 25px; left: auto; top: 18px; text-shadow: 0 0px 0px rgba(0,0,0,1);}
.projectpages .cetegorymenu{ display: block; clear: both; padding: 0;}
.projectpages .cetegorymenu .menu-btn{ display: block; clear: both; margin: 0; background: rgba(0,0,0,0.5); color: #fff; text-align: center; padding:13px 20px  10px; border-radius: 3px; text-transform: uppercase; cursor: pointer;}
.projectpages .cetegorymenu .menu-btn i { margin-right: 10px;}



.projectpages .filterlist { display: none; clear: both; padding: 0;  border: none; border-radius:0; margin: -1px 0 0; border-top: none; background: #fff; }
.projectpages .filterlist.menudispaly{ display: block;}
.projectpages .filterlist li{ display: block; clear: both; border-bottom:1px solid rgba(255,255,255,1);  padding: 0 70px 0 0; position: relative; border-radius: 0 10px 10px 0; background: #fef1e2; transition: all ease 0.35s; -webkit-transition: all ease 0.35s;}
.projectpages .filterlist li:first-child{ border-top-right-radius: 0;}
.projectpages .filterlist li:last-child{ border-bottom-right-radius: 0;}
.projectpages .filterlist li:after{height: 20px; width: 20px; position: absolute; right: -2px; top: -18px; content: ""; border-radius: 0 0 10px 0; border: 1px solid #fff; opacity: 0; border-width: 0 1px 1px 0;}
.projectpages .filterlist li:before{ height: 20px; width: 20px;  position: absolute; right: -4px; top:auto ; Bottom:-17px; content: "";     border-radius: 0 10px 0  0; border: 1px solid #fff; opacity: 0;  border-width: 3px 3px 0 0;}
.projectpages .filterlist li .project-badge{ position: absolute; right: 10px; top: 15px; width: 47px; text-align: center; font-weight: 400; }
.projectpages .filterlist li .project-badge .label{ border-radius: 0 .25em .25em .25em; color: #fff; white-space: nowrap; vertical-align: baseline; display: inline-block;font-weight: 400; font-size: 0.95em; background: #373737 ; padding:0 3px ; line-height: 17px; min-width: 17px; height: 17px; text-align: center; min-width: 30px;}
.projectpages .filterlist li .project-badge .label:after {
    top: 1px;
    left:8px;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    border-color: rgba(136, 183, 213, 0);
    border-top-color: #373737;
    border-width: 3px;
    margin-left: -3px;
}
.projectpages .filterlist li:hover{ background: #ffdcc9;}
.projectpages .filterlist li:last-child{ border: none;}
.projectpages .filterlist li > a{ display: block; padding: 15px 5px 15px 15px; position: relative; color: rgba(0,0,0,1); text-decoration: none; overflow: hidden; line-height: 1.3;}
.projectpages .filterlist li a span{ position: absolute; left: 17px; top: 17px; display: none; }
.projectpages .filterlist li a i{ position: absolute; right:20px; top: 18px; transition: all ease 0.35s; -webkit-transition: all ease 0.35s; -moz-transition: all ease 0.35s; -o-transition: all ease 0.35s;}
.projectpages .filterlist li.active{ background: #fff;}

.projectpages .filterlist li.active:after{ opacity: 1;}
.projectpages .filterlist li:last-child.active:before{ opacity: 1;}
.projectpages .filterlist li.active a,
.projectpages .filterlist li a:hover{ color: #000;}
.projectpages .filterlist li a:hover i{ right: 15px; }
.projectpages #accordion .filterlist > li { padding-left: 0}
.projectpages #accordion .filterlist li > .accordiontitle{ display: block; position: relative; padding: 0 50px 0 0;}
.projectpages #accordion .filterlist li > .accordiontitle a{ display: block; padding: 15px 5px 15px 15px; position: relative; color: rgba(0,0,0,1); text-decoration: none; overflow: hidden; line-height: 1.3;}
.projectpages #accordion .filterlist li > .accordiontitle a span{ left:6px; font-size: 11px; top: 14px;}
.projectpages #accordion .filterlist li > .accordiontitle > i{ display: none;}
.projectpages #accordion .filterlist li.has-sub { padding: 0; }
.projectpages #accordion .filterlist li.has-sub > .accordiontitle { padding-right: 76px;}
.projectpages #accordion .filterlist li.has-sub > .accordiontitle i{ position: absolute; height:100%; top: 0; width: 30px; text-align: center;  display: block;  border: none; right: 0; top: 0;  border-left:1px solid rgba(0,0,0,0.1);  padding: 13px 0;} 
.projectpages .filterlist li.has-sub .project-badge {right:29px; top: 11px; }
.projectpages .filterlist li.has-sub  ul li .sub-project-badge {right:29px; top: 10px; }
.projectpages #accordion .filterlist li.has-sub > .accordiontitle.active > i:before{content: "\f107";} 

.projectpages #accordion .filterlist li > ul{ background: rgba(0,0,0,0.05);  display: none;  padding: 0;}
.projectpages #accordion .filterlist li > ul li{ padding: 0;}
.projectpages #accordion .filterlist li > ul li:first-child{border-top:1px solid rgba(0,0,0,0.1);}
.projectpages #accordion .filterlist li > ul li a{ display: block; padding: 8px 15px 8px 30px; height: auto; line-height: 1.4;  }
.projectpages #accordion .filterlist li > ul li a i{ left: 10px; top: 10px;}


.projectpages .helpnoblock{ display: block; clear: both; padding: 15px 0; }
.projectpages .helpnoblock button{ text-align: center; display: block; width: 100%; border: 1px solid rgba(0,0,0,0.1); padding:35px 0 25px 0; background:none; border-radius: 3px;}
.projectpages .helpnoblock button i{ display: block; text-align: center; padding: 0 0 15px; font-size: 1.6em; color: #45768a;}
.projectpages .helpnoblock button >span{ display: block; clear: both; padding-bottom: 15px; text-align: center; font-size: 1.2em; color: #343434;}
.projectpages .helpnoblock button >span span{ color: #e2486a;}
.projectpages .helpnoblock button strong{ display: block; text-align: center; padding-bottom: 10px; text-transform: uppercase; font-size: 1.7em; font-weight: 400; color: #ebc90f;}
.projectpages .helpnoblock button:hover{ border-color: rgba(0,0,0,0.8);}


@media(min-width:1024px){

    .projectpages .cetegorymenu{ display: none;}

}



.projectpages .projectpage-right{ float: right; width: 75%; padding-left: 30px;}

.projectpages .sortbybox{ padding:0}
.projectpages .sortbybox:after{display:table;clear:both;content:""}
.projectpages .sortbybox h2{ font-size:1.15em; text-transform: uppercase; font-weight:500;box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-ms-box-sizing:border-box;padding:0 0 10px ; color: rgba(0,0,0,0.95);}
.projectpages .sortbybox span{ display: inline-block; border: 1px solid rgba(0,0,0,0.05); background: rgba(0,0,0,0.1); padding: 3px 5px; line-height: 1; font-size: 0.95em; padding-right: 25px; border-radius: 2px; margin:0 2px 2px 0; position: relative; cursor: pointer; transition: all ease 0.3s; -webkit-transition: all ease 0.3s; font-weight: 500; line-height: 1.2 }
.projectpages .sortbybox span > i{ position: absolute; font-size: 12px; right: 8px; top: 5px;}
.projectpages .sortbybox span:hover{box-shadow: 0 0 8px 2px rgba(0, 0, 0, 0.126);}
.projectpages .sortbybox .mapesidebox{float:right;width:30%;box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-ms-box-sizing:border-box}
.projectpages .sortbybox .mapesidebox select{max-width:100%}


/*listing page css start here*/

.pagination{ display: block; }
.pagination li{ display: none;}
.pagination li.datalist{ display: block; clear: both;}
.pagination .pagination-item{ display: block; clear: both;}
.projectpages .projectpage-right .pagination .projectlisting{padding-top:0;}

.projectpages .projectlisting { display: block; clear: both; padding: 15px 0 0; }
.projectpages .projectlisting .item{ display:block;
                                     box-shadow: 0 0 1px rgba(0,0,0,0.07);
                                     margin-bottom: 20px;
                                     padding:  10px;
                                     background: #fff; box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box;
                                     transition: all 0.3s ease-out; -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out;
}
.projectpages .projectlisting .item:after{ display: table; clear:both; content:"";}
.projectpages .map-listing {
    display: none;
}
.projectpages .listingimg {
    float: left;
    position: relative;
    width: 100%;
    text-align: center;
    overflow: hidden;
}
.projectpages .projectlisting .listingimg {
    width: 30%;
}


.projectpages .listingdetail {
    float: left;
    padding: 0 10px;
    width: 55%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}


.projectpages .fundblock {
    border:none;
    border-radius: 5px; background: #fff7ee; top: 15px; right: 15px;
    color: #a1a1a1;
    float: right;
    min-height: 125px;
    padding: 30px 0;
    text-align: center;
    width: 15%;
}
.projectpages .origation { padding-right: 0;}
.projectpages .projectlisting .item{border:1px solid rgba(0,0,0,0.1); position:relative; border-radius: 5px;}
.projectpages .projectlisting .item:hover{  box-shadow: 0 0 10px  rgba(0,0,0,0.18); border-color: #ffe0be; }
.projectpages .projectlisting .item > a.overItem{ position:absolute; top:0; left:0; width:100%; height:100%;}
.projectpages .projectlisting .item > a.overItem > span{ display: none;}
.projectpages .projectlisting .item > a.url{ width:auto; height:auto; left:auto; right:30px; font-size: 13px; color:#9d5468; font-style:italic; top:10px;}
.projectpages .projectlisting .item > a.url:hover{ color:#000;}
.projectpages .projectlisting h3{ margin:0 ; padding-bottom: 10px; font-size: 1.25em; text-transform: uppercase; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.projectpages .projectlisting h3 a{ color: rgba(0,0,0,0.8);  }
.projectpages .projectlisting .location{ padding: 0 0 20px; line-height: 1;}

.projectpages .projectlisting .listingimg { width:25%; float:left; display:block;  position: relative;}
.projectpages .projectlisting .listingimg .img-holder{ height: 200px; max-height: 100%; position: relative; background: #fafafa;}
.projectpages .projectlisting .listingimg .img-holder:after{ position: absolute; top: 0; left: 0; width:100%; height: 100%; border: 1px solid #f3f3f3; background: none; box-shadow: inset 0 0 0 1px rgba(255,255,255,1); content: ""; } 
.projectpages .projectlisting .listingdetail{ float:left; width:75%; padding:20px 0 35px 25px; position: relative;}
.projectpages .projectlisting.program-list .listingdetail{ padding-bottom: 0;}
.projectpages .projectlisting .listingimg img  {
    bottom: 0;
    display: block;
    left: 0;
    margin: auto;
    max-width: 100%;   max-height: 100%; 
    position: absolute;
    right: 0;
    top: 0;
    transition: all 1s ease 0s;
    height: auto; width: auto; 
}

.projectpages .projectlisting .listingdetail .readMore{ display: block; clear: both; position: absolute; color: rgba(0,0,0,0.4); text-decoration: none; position: absolute; bottom: 0; left: 25px; font-size: 0.85em; text-transform: uppercase;}

.projectpages .projectlisting .listingdetail p{ font-size: 0.95em; line-height: 1.5; letter-spacing: 0;}


.projectpages .projectlisting.origation .item{ margin-bottom: 20px;}
.projectpages .projectlisting.origation .listingimg { width:110px;}
.projectpages .projectlisting.origation .listingimg .img-holder{ height: 110px;}
.projectpages .projectlisting.origation .listingdetail{ width:calc(75% - 11px); padding-bottom: 0;}
.projectpages .projectlisting.origation .listingdetail .readMore{ position: inherit; padding-top: 10px; left: 0; bottom: 0;}
.projectpages .projectlisting.origation .listingdetail .location{ padding-bottom: 0;}


.projectpages .projectlisting.news-list .item{ margin-bottom: 20px;}
.projectpages .projectlisting.news-list .listingimg { width:110px;}
.projectpages .projectlisting.news-list .listingimg .img-holder{ height: 110px;}
.projectpages .projectlisting.news-list .listingdetail{ width:calc(100% - 110px); padding: 5px 15px 0 25px;}
.projectpages .projectlisting.news-list .listingdetail .readMore{ position: inherit; padding-top: 10px; left: 0; bottom: 0;}
.projectpages .projectlisting.news-list h3{ line-height: 1;}
.projectpages .projectlisting.news-list .location{ display: block; padding-bottom: 5px; text-transform: uppercase; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; font-size: 0.95em;}


.projectpages .projectlisting.event-list h3{ line-height: 1;}
.projectpages .projectlisting.event-list .location{ display: block; padding-bottom: 5px; text-transform: uppercase; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; font-size: 0.95em;}
.projectpages .projectlisting.event-list .listingdetail{padding: 10px 0 30px 25px;}

.projectpages .projectlisting.event-list .listingdetail .eventceteg{ padding: 15px 0 0;}
.projectpages .projectlisting.event-list .listingdetail .eventceteg .eventtitle{ text-transform: uppercase; font-weight: 500; display: inline-block; padding-right: 10px;}
.projectpages .projectlisting.event-list .listingdetail .eventceteg > p{ display: inline-block;}


/*End listing page css start here*/


.projectpages .morebnt {
    background: #f1f1f1;
    border: #e9e9e9 1px solid;
    display: block;
    padding: 15px 0;
    width: 100%;
    text-align: center;
    margin: 9px 0 43px 0;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    -webkit-border-radius: 3px;
    color: #2d2d2d;
    font-family: Verdana;
    font-weight: bold;
    font-size: 75%;
}

.projectpages .detailheader{ display: block; clear: both; padding:0 0 15px 0;}
.projectpages .detailheader:after{ display: block; clear: both; content: "";}
.projectpages .detailheader .backblock{ float:right; padding: 0 0;}
.projectpages .detailheader .backblock a{ display: block; float: right; margin: 0 0 0 10px; border: 1px solid rgba(0,0,0,0.1); color: rgba(0,0,0,0.8); padding: 5px 10px; text-decoration: none; line-height: 1; }
.projectpages .detailheader .backblock a:hover{ color: #000; border-color: #000;}
.projectpages .detailheader .pd-titles .maplocation{ padding-top: 5px;}
.projectpages .detailheader .pd-titles .maplocation .mapviewbtn{ border: none; background: none; color: rgba(0,0,0,0.5); text-decoration: underline;font-size: 0.75em; padding-left: 5px; cursor: pointer; }
.projectpages .detailheader .pd-titles .maplocation .mapviewbtn:hover{ text-decoration: none; color: #000;}
.projectpages .detailheading{ display: block; float: left;padding: 0;}
.projectpages .detailheading h2{ display: block; clear: both; padding: 0; font-size: 1.55em; font-weight: 600; color: rgba(0,0,0,0.8); text-align: left; line-height: 1;}
.projectpages .detailcont{  display: block; clear: both;  background: none; margin-bottom: 15px;}
.projectpages .detailcont:after{ display: block; clear: both; content: "";}


.projectpages .detailcont .detailtop{padding: 15px; border: 1px solid #ffe0be; margin-bottom: 15px;}

.projectpages .detailcont .detailtop:after{ display: table; clear: both; content: "";}
.projectpages .detailcont .imgholder{ display: block; float: left; width: 30%; background: rgba(0,0,0,0.05); border: 1px solid rgba(0,0,0,0.03);  }
.projectpages .organizedetail .detailcont .imgholder { text-align: center; display: block; min-height: 375px; line-height: 375px; height: 375px; vertical-align: middle;}
.projectpages .organizedetail .detailcont .imgholder img{ display: inline-block;  vertical-align: middle; margin: auto; height: auto;/*height: auto; */ width: auto; max-width: 100%; max-height: 95%;}
.projectpages .detailcont .detaillist{ display: block; float: right; width: 70%; }
.projectpages .detailcont .detaillist .detail-list{ padding: 0;   padding-left:40px; margin-bottom: 0;}
.projectpages .detailcont .detaillist .detail-list li{ display: block; clear: both; padding-bottom: 20px;}
.projectpages .detailcont .detaillist .detail-list li:nth-child(2){ padding-bottom: 0;}
.projectpages .detailcont .detaillist .detail-list li h4{ font-size: 1.05em; font-weight: 600; text-align: left; color:rgba(0,0,0,0.8); padding-bottom: 5px;}
.projectpages .detailcont .detaillist .detail-list li p{ font-size: 0.95em;   text-align: left; color:rgba(0,0,0,0.8);}
.projectpages .detailcont .detaillist .detail-list li .detail-row{ display: block; clear: both; margin: 0 -15px;}
.projectpages .detailcont .detaillist .detail-list li .detail-row:after{ display: table; clear: both; content: "";}
.projectpages .detailcont .detaillist .detail-list li .detail-row .detail-col{ float: left; width: 33.3334%; padding: 0 15px 25px;}
.projectpages .detailcont .detaillist .detail-list li .detail-row .detail-col a{ color: rgba(0,0,0,0.8);  text-decoration: none;}
.projectpages .detailcont .detaillist .detail-list li .detail-row .detail-col a:hover{ color: rgba(0,0,0,1);}





.projectpages .detailcont  .ftr-detailist{ display: block; clear: both; padding: 15px 0 0; margin: 0 -10px; text-align: left; } 
.projectpages .detailcont  .ftr-detailist:after{ display: table; clear: both; content: "";}
.projectpages .detailcont  .ftr-detailist li{ /*float: left;*/   padding: 0 10px; display:  block; vertical-align: middle;}
.projectpages .detailcont  .ftr-detailist li .list-item{ transition: all ease 0.3s; -webkit-transition: all ease 0.3s; -moz-transition: all ease 0.3s; -ms-transition: all ease 0.3s; display: block; border: 1px solid #f6e2cd; border-radius: 2px; padding:10px 0; background: #fff1e2;height:90px;vertical-align: middle; }
/*.projectpages .detailcont  .ftr-detailist li .list-item:hover{ border-color: rgba(0,0,0,1);}*/
.projectpages .detailcont  .ftr-detailist li h4{ text-align: center; font-size: 1em; font-weight: 500;}
.projectpages .detailcont  .ftr-detailist li .orgcsrproject .name{ display: block; }
.projectpages .detailcont  .ftr-detailist li .orgcsrproject .name a{ display: block; position: relative; padding: 10px 10px 0; text-align: center; text-decoration: none;}

.projectpages .detailcont  .ftr-detailist li .orgcsrproject .name a > span{ padding: 0 5px; vertical-align: top; display: inline-block; color: rgba(0,0,0,0.8); font-size: 1.28em;}
.projectpages .detailcont  .ftr-detailist li .orgcsrproject .name a span .viewdetail{ font-size: 0.73em; display: block; color: #000;}
.projectpages .detailcont  .ftr-detailist li .orgcsrproject .name a .icons-holder{  width: 40px; height: 40px; background: #F7CC9F; border-radius: 50%; text-align: center; line-height: 40px; font-size: 25px; color: #1F3741;}
.projectpages .detailcont  .ftr-detailist li .orgcsrproject .name a:hover span{ color: #000;}
.projectpages .detailcont  .ftr-detailist li .orgcsrproject .name a:hover span .viewdetail{color: rgba(0,0,0,0.7);}
.projectpages .detailcont  .ftr-detailist li .orgcsrproject .name a:hover .icons-holder{color: #1F3741;}
.projectpages .detailcont  .ftr-detailist li .social{ display: block; padding: 10px 0 3px; text-align: center;}
.projectpages .detailcont  .ftr-detailist li .csr-edge{ position: relative;}
.projectpages .detailcont  .ftr-detailist li .csr-edge i { display: block; clear: both; font-size: 23px; text-align: center; color: #45768a;}
.projectpages .detailcont  .ftr-detailist li .csr-edge a { font-size: 1.4em; text-align: center; display: block; color: #000; text-decoration: none; line-height: 1; padding: 7px 0 5px;}
.projectpages .detailcont  .ftr-detailist li .csr-edge a:hover{ color: rgba(0,0,0,0.5);}
.projectpages .detailcont  .ftr-detailist li .cd-name{ font-size: 1.28em; color: rgba(0,0,0,0.7); text-align: center; padding: 4px 0;}
.projectpages .detailcont  .ftr-detailist li .clickview{ display: block; text-align: center; font-size: 0.95em; color: #000; text-decoration: none;}
.projectpages .detailcont  .ftr-detailist li .clickview:hover{ color: rgba(0,0,0,0.5);}

.projectpages .detailcont .detaildescribe{ display: block; clear: both; padding: 15px 0 0;}
.projectpages .detailcont .detaildescribe h4{ font-size: 1.4em; color: rgba(0,0,0,0.8); padding-bottom: 15px;}
.projectpages .detailcont .detaildescribe p{ font-size: 1em; color: rgba(0,0,0,0.8); padding-bottom: 15px; letter-spacing: 0;}


.csredgepage{ display: block;    clear: both;    padding-top: 50px;}
.csredgepage:after{ display: table; clear: both; content: "";}

.csredgepage .csrblock-title {
    font-size: 2.2em;
    font-weight: 600;
    margin-bottom: 30px;
}

.csredgepage .mainheading{ font-size: 1.45em; text-align: center; margin: -5px 0 0; line-height: 1;}
.csredgepage .csr-speaker{ display: block; padding: 15px 0 0; padding: 20px; margin: 30px 0;}
.csredgepage .csr-speaker:after{ display: table; clear: both; content: "";}
.csredgepage .csr-speaker li{ float: left; min-height: 370px; display: block; background: rgba(0,0,0,0.03); border: 1px solid rgba(0,0,0,0.2);  width: 33.3334%; padding: 20px; position: relative; cursor: pointer;}
.csredgepage .csr-speaker li[data-target=panel-speaker-1]{ border-width:0 1px 1px 0;}
.csredgepage .csr-speaker li[data-target=panel-speaker-2]{ border-width:0 1px 1px 0;}
.csredgepage .csr-speaker li[data-target=panel-speaker-3]{ border-width:0 0 1px 0;  }
.csredgepage .csr-speaker li[data-target=panel-speaker-4]{ border-width:0 1px 0 0;}
.csredgepage .csr-speaker li[data-target=panel-speaker-5]{ border-width:0 1px 0 0;}

.csredgepage .csr-speaker li .face{ display: block; clear: both; padding: 15px 0; transition: all ease 0.8s; -webkit-transition: all ease 0.8s; -moz-transition: all ease 0.8s; -o-transition: all ease 0.8s; -ms-transition: all ease 0.8s; opacity: 1; transform: rotateY(0); -webkit-transform: rotateY(0); -ms-transform: rotateY(0); -o-transform: rotateY(0);}
.csredgepage .csr-speaker li .face .profileimg{ display: block; margin: auto; max-width: 130px; height: 130px; overflow: hidden; border-radius: 50%; background: #fff;}
.csredgepage .csr-speaker li .face .profileimg img{ display: block; margin: auto; max-width: 100%; }
.csredgepage .csr-speaker li .face h4{ display: block; clear: both; padding: 20px 0 5px; font-size: 1.28em; color: rgba(0,0,0,0.7); text-align: center;}
.csredgepage .csr-speaker li .face p{ display: block; clear: both; padding: 10px 0 0; line-height: 1.4; font-size: 0.9em; color: rgba(0,0,0,0.7); text-align: center;}
.csredgepage .csr-speaker li .face.reverse{ padding: 15px; opacity: 0; transform: rotateY(180deg); -webkit-transform: rotateY(180deg); -o-transform: rotateY(180deg); -ms-transform: rotateY(180deg); position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: #e8e8e8;}
.csredgepage .csr-speaker li .face.reverse p.profiledetail{ border: 1px solid rgba(0,0,0,0.3); background: #fff; margin: 15px 0; line-height: 2.2; padding: 15px;}


.csredgepage .csr-speaker li:hover .face{opacity: 0; transform: rotateY(180deg); -webkit-transform: rotateY(180deg); -o-transform: rotateY(180deg); -ms-transform: rotateY(180deg);}
.csredgepage .csr-speaker li:hover .face.reverse{opacity: 1; transform: rotateY(0); -webkit-transform: rotateY(0); -ms-transform: rotateY(0); -o-transform: rotateY(0);}

.csredgepage .information-panel-wrapper{ overflow: hidden; z-index: 99999; display: block; clear: both; position: fixed; left: 0; transform: translateX(-110%); height: 100%; top: 0; max-width: 100%; width: 622px; background: #E3E3E3; transition: all ease 0.5s;}
.csredgepage .information-panel-wrapper.open{ left: 0; transform: translateX(0);}
.csredgepage .information-panel-wrapper .information-panel{ height: 100%;  position: absolute;  width: 100%;top: 0; z-index: 5; background: #E3E3E3; left: -110%; }
.csredgepage .information-panel-wrapper .information-panel.current-panel{ left: 0;}
.csredgepage .information-panel-wrapper .information-panel.current-panel + .information-panel{ right: -110%;}
.csredgepage .information-panel-wrapper .information-panel.current-panel + .information-panel + .information-panel{ right: -110%;}
.csredgepage .information-panel-wrapper #mobile-nav.information-panel{ display: none;}

.csredgepage .information-panel-wrapper .header{ overflow: hidden; min-height: inherit;display: block; clear: both; border-bottom: 1px solid rgba(0,0,0,0.3); position: relative; padding: 15px ;}
.csredgepage .information-panel-wrapper .header .close-panel{ display: block; float: right; font-size: 25px; padding-right: 10px; color: rgba(0,0,0,0.7);}



.csredgepage .information-panel-wrapper .standard-text{ display: block; clear: both; border-top: 1px solid #fff; padding: 20px;}
.csredgepage .information-panel-wrapper .standard-text h2{ font-size: 2.7em; font-weight: 300; text-align: center; text-transform: uppercase;}
.csredgepage .information-panel-wrapper .standard-text .speaker-post{ padding: 10px 0 15px; font-size: 1.4em; font-weight: 300; text-align: center; text-transform: uppercase; display: block;}

.csredgepage .information-panel-wrapper .standard-text p{ padding-bottom: 15px; font-size: 0.97em;}

.csredgepage .information-panel-wrapper .open-panel{ width: 50px; height: 35px; float: left; display: block; text-align: center; line-height: 35px; color: rgba(255,255,255,1); background: rgba(0,0,0,0.3); text-decoration: none; }
.csredgepage .information-panel-wrapper .open-panel + .open-panel{ margin-left: 5px;}
.csredgepage .information-panel-wrapper .open-panel:hover{ background: rgba(0,0,0,0.7);}


.projectpages .detailcont .mapbody{ display: none; min-width: 100%; padding-bottom: 25px;}



.projectpages .projectlisting.program-list .item{ position: relative; padding-right: 25%; }
.projectpages .projectlisting.program-list .listingimg{ width: 30%; height: 200px;}



.projectpages .projectlisting.program-list .listingdetail{ float: left; width:calc(70% - 10px); }
.projectpages .projectlisting.program-list .listingdetail a{ text-decoration: none;}
.projectpages .projectlisting.program-list .listingdetail a:hover{ color: rgba(0,0,0,0.5);}
.projectpages .projectlisting.program-list .datectgorytitle { display: block; font-size: 1em; font-weight: 600; color: rgba(0,0,0,0.8); }
.projectpages .projectlisting.program-list .datectgorycol { padding-bottom: 5px; float: left;}
.projectpages .projectlisting.program-list .datectgorycol + .datectgorycol {  float: right;}




.projectpages .projectlisting.program-list .datectgorycol .ownerp{ display: none;}
.projectpages .projectlisting.program-list .datectgorycol .ownertext{color: rgba(0,0,0,0.7); font-weight: 600; font-size: 1.1em; font-family: 'Lato', 'open sans', arial, verdana; }

.projectpages .projectlisting.program-list .listingdetail p { font-size: 1em; text-align: left; line-height: 1.5; padding-bottom:20px; color: rgba(0,0,0,0.7);}
.projectpages .projectlisting.program-list .fundblock{ position: absolute; width:calc(25% - 10px); right: 10px; top:10px; height: calc(100% - 20px); padding: 25px 0; }
.projectpages .projectlisting.program-list .fundblock .funds{ font-size: 0.8em; color: rgba(0,0,0,0.7); text-transform: uppercase; font-weight: 600; }
.projectpages .projectlisting.program-list .fundblock .counting {  font-size: 3em; line-height: 1; color: #000; padding: 15px 0;}
.projectpages .projectlisting.program-list .fundblock span{font-size: 0.333em; color: rgba(0,0,0,0.7); }
.projectpages .projectlisting.program-list .fundblock .inr{ display: block; font-size: 0.8em; color: rgba(0,0,0,0.7);}
.projectpages .projectlisting.program-list .fundblock .detailbtn{ border-radius: 5px; background: #e6e6e6; padding: 8px 15px; color: rgba(0,0,0,0.7); display: block; max-width: 75px; margin:15px auto 0; text-decoration: none;}
.projectpages .projectlisting.program-list .fundblock .detailbtn:hover{ color: #fff; background: #000;}


.projectpages .services-list .datectgorytitle { display: block; font-size: 1em; font-weight: 600; color: rgba(0,0,0,0.8); padding-top: 15px; }
.projectpages .services-list .datectgorytitle:after{display: table; clear: both; content: "";}
.projectpages .services-list .datectgorycol { padding-bottom: 5px; float: left;}
.projectpages .services-list .datectgorycol + .datectgorycol {  float: right;}
.projectpages .services-list .datectgorycol .ownerp{ display: none;}
.projectpages .services-list .datectgorycol .ownertext{color: rgba(0,0,0,0.7); font-weight: 600; font-size: 1.1em; font-family: 'Lato', 'open sans', arial, verdana; }





.projectpages .detailheader:after{ display: table; clear: both; content: "";}
.projectpages.project-detail .detailheader .backblock{ padding-bottom: 0;}
.projectpages .detailheader .pd-titles{ float: left; display: block; clear: none; padding-bottom: 0;}
.projectpages .detailheader .pd-titles:after{ display: table; clear: both; content: "";}
.projectpages .detailheader .pd-titles .title{ float: left; }
.projectpages .detailheader .pd-titles .title h2{ font-size: 1.45em; display: block; clear: both; padding: 0 0 0; margin: 0;}
.projectpages .detailheader .pd-titles .maplocation span{ color: rgba(0,0,0,1);}
.projectpages .detailheader .pd-titles .maplocation a{ color: rgba(0,0,0,0.5); text-decoration: underline;font-size: 0.85em;}
.projectpages .detailheader .pd-titles .maplocation a:hover{ text-decoration: none; color: #000;}
.projectpages .detailheader .pd-titles .projectstats{ float: right; padding-top:10px; }
.projectpages.project-detail .detailheader .projectstats span{ display: block; text-align: right;}
.projectpages.project-detail .detailheader .projectstats span.subtitle{ font-size: 0.9em; color: rgba(0,0,0,0.7);}
.projectpages.project-detail .detailheader .projectstats span.stats{ font-size: 1em; color: rgba(0,0,0,0.6);}
.projectpages.project-detail .imghold{ display: block; float: left; width: 30%; padding-bottom: 5px; }
.projectpages.project-detail .imghold .slide-container { overflow: hidden; padding: 3px; background: #fafafa; border: 1px solid #f3eeee;}
.projectpages.project-detail .imghold .slide-container .gscr_lSAction a{ display: block; width: 30px; height: 30px; text-align: center; line-height: 34px; background: rgba(255,255,255,0.5); color: rgba(0,0,0,0.7);}
.projectpages.project-detail .imghold .slide-container .gscr_lSAction a:before{    font-size: 20px;}
.projectpages.project-detail .imghold .slide-container .gscr_lSAction a.gscr_lSNext{ right: -35px;}
.projectpages.project-detail .imghold .slide-container .gscr_lSAction .gscr_lSPrev{ left: -35px;}
.projectpages.project-detail .imghold .slide-container:hover .gscr_lSAction .gscr_lSNext{ right: 5px;}
.projectpages.project-detail .imghold .slide-container:hover .gscr_lSAction .gscr_lSPrev{ left: 5px;}

.projectpages.project-detail .imghold .projdetslider .contents .galleryopnen{ display: block; vertical-align: middle;
                                                                              text-align: center;
                                                                              min-height: 250px;
                                                                              line-height: 250px;}
.projectpages.project-detail .imghold .projdetslider .contents .galleryopnen img{    display: inline-block;
                                                                                     margin: auto;
                                                                                     width: auto;
                                                                                     height: auto;  width: auto; max-width: 100%; max-height: 250px;  }


.projectpages.project-detail .detaillist{ float: left; width:48%; padding-left: 40px;}
.projectpages.project-detail .detaillist ul { display: block; clear: both; padding: 15px 0 0; margin: 0;}
.projectpages.project-detail .detaillist ul:after{ display: table; clear: both; content: "";}
.projectpages.project-detail .detaillist ul li{ display: block; clear: both; padding: 0 0 35px;}
.projectpages.project-detail .detaillist ul li:after{ display: table; clear: both; content: "";}
.projectpages.project-detail .detaillist ul li h4{ font-size: 0.98em; color: rgba(0,0,0,0.95); font-weight: 600; line-height: 1; padding-bottom: 10px; }
.projectpages.project-detail .detaillist ul li p{ font-size: 0.98em; color: rgba(0,0,0,0.95); line-height: 1.3;}
.projectpages.project-detail .detaillist ul li .detaillistleft{ float: left; width: 50%;}
.projectpages.project-detail .detaillist ul li a{ color: rgba(0,0,0,0.6); text-decoration: none;}
.projectpages.project-detail .detaillist ul li a:hover{ color: rgba(0,0,0,1); }






.projectpages.project-detail .fundblock{ float: right; width: 22%; padding:70px 10px 20px; line-height: 1; }
.projectpages.project-detail .fundblock .funds{ font-size: 1.35em; color: rgba(0,0,0,0.95); text-transform: uppercase; font-weight: 600; display: block; padding-bottom: 25px;}
.projectpages.project-detail .fundblock .fund-inner{ display: block; background: #fff; border-radius: 5px; padding: 30px 10px ;}
.projectpages.project-detail .fundblock .counting {  font-weight: 600; font-size: 3em; line-height: 1; color: #000; padding: 15px 0;}
.projectpages.project-detail .fundblock span{ font-weight: 400; font-size: 0.333em; color: rgba(0,0,0,0.95); display: inline-block;}
.projectpages.project-detail .fundblock .inr{ display: block; font-size: 0.8em; color: rgba(0,0,0,0.95); padding-bottom: 10px;}
.projectpages.project-detail .fundblock .detailbtn{ border-radius: 5px; background: rgba(0,0,0,0.1); border: none; padding: 15px 25px; display: block; color: rgba(0,0,0,0.7); margin:15px auto 0; text-decoration: none; font-size: 1.3em; }
.projectpages.project-detail .fundblock .detailbtn:hover{ color: #fff; background: #000;}







.projectpages.project-detail .detaildescribe{ display: block; clear: both; padding: 15px 0 0;}
.projectpages.project-detail .detaildescribe:after{ display: table; clear: both; content: "";}
.projectpages.project-detail .detaildescribe .video-holder{ float: left; width: 50%; padding: 0 20px 20px 0; }
.projectpages.project-detail .detaildescribe .pd-videoslider-container{ overflow: hidden; clear: both;}
.projectpages.project-detail .detaildescribe .pd-videoslider-container .gscr_lSAction a { width: 40px; height: 40px; border-radius: 50%; background: rgba(0,0,0,0.5); color: #fff; text-align: center;  top: 50%; transform: none; transition: all ease 0.3s; -webkit-transition: all ease 0.3s; margin-top: -20px;}
.projectpages.project-detail .detaildescribe .pd-videoslider-container .gscr_lSAction a:before{font-size: 25px; width: 40px; text-align: center; display: block; line-height: 38px;}
.projectpages.project-detail .detaildescribe .pd-videoslider-container .gscr_lSAction a.gscr_lSPrev{left:-50px}
.projectpages.project-detail .detaildescribe .pd-videoslider-container .gscr_lSAction a.gscr_lSNext{right:-50px}
.projectpages.project-detail .detaildescribe .pd-videoslider-container:hover .gscr_lSAction a.gscr_lSPrev{left:15px}
.projectpages.project-detail .detaildescribe .pd-videoslider-container:hover .gscr_lSAction a.gscr_lSNext{right:15px}

.projectpages.project-detail .detaildescribe .video-holder iframe{ width: 100%;}
.projectpages.project-detail .detaildescribe h3{ font-size: 1.3em; color: rgba(0,0,0,0.8); margin-bottom: 15px;}
.projectpages.project-detail .detaildescribe p{ line-height: 1.7; font-size: 1.12em; color: rgba(0,0,0,0.7); }

.projectpages .accordionouter{ padding:0 0 15px; display: block;}
.projectpages .accordionouter h3{ font-size: 1.1em; text-align: left; color: rgba(0,0,0,1); 
                                  box-shadow: none;
                                  border: none;
                                  font-weight: 500;
                                  padding: 15px 10px 15px 35px;
                                  text-align: left; position: relative; text-transform: uppercase;
}
.projectpages .accordionouter h3 span{ position: absolute; left: 5px; top: 19px; width: 13px; height: 13px; background: #444;}
.projectpages .accordionouter h3 span:before{ display: none;}
.projectpages .accordionouter h3 span:after{ display: block; position: absolute; height: 10px; width: 10px; border: 2px solid #333; border-width: 0 2px 2px 0; left: 7px; top: 7px; content: "";}
.projectpages .accordionouter h3  > .fa{ display: none; position: absolute; right: 15px; top: 18px; }
.projectpages .csrblock-title{ text-align: left;}
.projectpages .createevent{ float: right;}
.projectpages .createevent button {
    font-size: 0.95em;
    color: #6e6e6e;
    width: auto;
    padding: 0 10px;
    height: 31px;
    background-color: #ececec;
    display: block;
    text-align: center;
    margin: 5px auto 0;
    font-weight: 600;

    float: right;
    border: solid 1px silver;
}
.projectpages .createevent button:hover{ background: #000; color: #fff;}


.projectpages.updatepages .csrblock-title{ margin-bottom: 0;}
.projectpages.updatepages .projectpage-right .list-view{ padding: 0; display: block; clear: both; padding: 0;}




.projectpages .projectpage-right .projects-reports{ display: block; clear: both; padding-bottom: 15px; position: relative; z-index: 99;}
.projectpages .projectpage-right .projects-reports:after{ display: table; clear: both; content: "";}
.projectpages .projectpage-right .projects-reports .gsc-ta-overHide{ height: auto; overflow: visible;}
.projectpages .projectpage-right .projects-reports .gsc-ta-overHide div.gsc_ta_scroll{ height: auto; overflow: visible;}
.projectpages .projectpage-right .projects-reports .projectTabs{ display: block; clear: both; background: #fffbf7; max-width: 100%;}
.projectpages .projectpage-right .projects-reports .projectTabs:after{ display: table; clear: both; content: "";}
.projectpages .projectpage-right .projects-reports .projectTabs .tab{ display: block; float: left;  width: 33.3334%; max-width: 320px; padding: 0 0; cursor: pointer; transition: all ease 0.3s; -webkit-transition: all ease 0.3s;}
/*.projectpages .projectpage-right .projects-reports .projectTabs .tab.tab3{ float: right;}*/
.projectpages .projectpage-right .projects-reports .projectTabs .tab .tabValue{ display: block; position: relative; padding: 25px 20px 25px 76px; min-height: 70px; line-height: 1; ransition: all ease 0.3s; -webkit-transition: all ease 0.3s;}
.projectpages .projectpage-right .projects-reports .projectTabs .tab .tabValue .tab-icon{ display: block; position: absolute;  left: 10px; top: 15px;}
.projectpages .projectpage-right .projects-reports .projectTabs .tab.tab1 .tabValue .tab-icon span{ font-style: normal; font-size: 50px;}
.projectpages .projectpage-right .projects-reports .projectTabs .tab .tabValue .tab-icon span:before{ font-style: normal;}
.projectpages .projectpage-right .projects-reports .projectTabs .tab .tabValue .tab-title{ display: block; font-size: 1.1em; color: rgba(0,0,0,0.95); font-weight: 600; padding-bottom: 5px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.projectpages .projectpage-right .projects-reports .projectTabs .tab .tabValue .tab-value{ font-size: 1.05em; display: block; color: rgba(0,0,0,0.55); font-weight: 600;}
.projectpages .projectpage-right .projects-reports .projectTabs .tab .tabValue .tab-value .crncy{ font-weight: normal; font-size: 0.75em; }
.projectpages .projectpage-right .projects-reports .projectTabs .tab.tab2 .tabValue .tab-icon > span{ font-size: 62px; display: none;}
.projectpages .projectpage-right .projects-reports .projectTabs .tab.tab2 .tabValue .tab-icon.user3 > span.icon-project-type-3{ display: inline;}
.projectpages .projectpage-right .projects-reports .projectTabs .tab.tab2 .tabValue .tab-icon.user4 > span.icon-project-type-4{ display: inline;}
.projectpages .projectpage-right .projects-reports .projectTabs .tab.tab2 .tabValue .tab-icon.user5 > span.icon-project-type-5{ display: inline;}
.projectpages .projectpage-right .projects-reports .projectTabs .tab.tab3 .tabValue .tab-icon > span{ font-size: 56px;  }

.projectpages .projectpage-right .projects-reports .projectTabs .tab:hover .tabValue{ background: #fff; box-shadow: 0 0 8px 2px rgba(0, 0, 0, 0.126); z-index: 99;}
.projectpages .projectpage-right .projects-reports .projectTabs .tab.haveChild:hover .tabValue{ background: #fff; box-shadow: 0 -5px 8px 2px rgba(0, 0, 0, 0.126); z-index: 99;}

.projectpages .projectpage-right .projects-reports .tabs{ position: absolute; top: calc(100% - 20px); clear: both; padding: 20px 10px; background:#fff;  box-shadow: 0 0px 20px 5px rgba(0, 0, 0, 0.176); display: block; left: 0; width: 100%; left: -9999px; opacity: 0; opacity: 0;
                                                          -o-transform-origin: 0% 0%;
                                                          -ms-transform-origin: 0% 0%;
                                                          -moz-transform-origin: 0% 0%;
                                                          -webkit-transform-origin: 0% 0%;
                                                          -o-transition: -o-transform 0.5s, opacity 0.4s;
                                                          -ms-transition: -ms-transform 0.5s, opacity 0.4s;
                                                          -moz-transition: -moz-transform 0.5s, opacity 0.4s;
                                                          -webkit-transition: -webkit-transform 0.5s, opacity 0.4s;
                                                          transform-style: preserve-3d;
                                                          -o-transform: preserve-3d;
                                                          -moz-transform-style: preserve-3d;
                                                          -webkit-transform-style: preserve-3d;
                                                          transform: rotateX(-90deg);
                                                          -o-transform: rotateX(-90deg);
                                                          -moz-transform: rotateX(-90deg);
                                                          -webkit-transform: rotateX(-90deg); }
.projectpages .projectpage-right .projects-reports .tabs:after{ display: table; clear: both; content: "";}
.projectpages .projectpage-right .projects-reports .projectTabs .tab:hover .tabs{ display: block; left: 0;
                                                                                  opacity: 1;
                                                                                  transform: rotateX(0deg);
                                                                                  -o-transform: rotateX(0deg);
                                                                                  -moz-transform: rotateX(0deg);
                                                                                  -webkit-transform: rotateX(0deg);}

.projectpages .projectpage-right .projects-reports .tabs .tabRow{ display: block; margin: 0 ; }
.projectpages .projectpage-right .projects-reports .tabs .tabRow:after{ display: table; clear: both; content: "";}
.projectpages .projectpage-right .projects-reports .tabs .tabRow .catgry { float: left; width: 25%; padding: 10px;}
.projectpages .projectpage-right .projects-reports .tabs .tabRow .catgry.pcol{width: 20%;}
.projectpages .projectpage-right .projects-reports .tabs .tabRow .catgry .catgryItem{ position: relative; padding: 0 10px 0 40px; line-height: 1;}
.projectpages .projectpage-right .projects-reports .tabs .tabRow .catgry .ctgry-icon{ width: 21px; height: 21px; border: 1px solid rgba(0,0,0,0.1); border-radius: 2px; background: rgba(0,0,0,0.3); display: block; position: absolute; left: 10px;}
.projectpages .projectpage-right .projects-reports .tabs .tabRow .catgry .ctgry-name{ transition: ease all 0.3s; -webkit-transition: ease all 0.3s; display: block; color: rgba(0,0,0,0.95); font-size: 1em; padding-bottom: 5px;}
.projectpages .projectpage-right .projects-reports .tabs .tabRow .catgry .ctgry-report{color: rgba(0,0,0,0.65); font-size: 1em;}
.projectpages .projectpage-right .projects-reports .tabs .tabRow .catgry a:hover .ctgry-name{ color: rgba(0,0,0,0.65);}






.newspages { display: block;    clear: both;    padding-top: 15px;}
.newspages:after{ display: table; clear: both; content: "";}

.newspages .csrblock-title {
    font-size: 2.2em;
    font-weight: 600;
    margin-bottom: 30px;
}



.newspages .sortbybox {
    background: #eee;
    padding: 10px;
}
.newspages .sortbybox:after{ display: table; clear: both; content: "";}

.newspages .sortbybox h2 {
    float: left;
    width: 70%;
    font-size: 15px;
    font-weight: 600;
    font-size: 1.3em;
    padding: 2px 0 2px 10px;
}




.newspages .news-blocks{ display: block; clear: both; padding: 20px;}
.newspages .news-blocks:after{ display: table; clear: both; content: "";}
.newspages .news-blocks .panelleft{ float: left; width: 75%; padding-right: 15px; text-align: justify;}
.newspages .news-blocks .panelright{ float: right; width: 25%; padding-left: 15px; padding-bottom: 30px;}




.newspages .news-blocks .panelleft .list-view { padding: 15px 0 30px;}

.newspages .news-blocks .panelleft .datalist{ display: block; padding: 0;}
.newspages .news-blocks .panelleft .datalist .list-view { padding: 0;}

.newspages .news-blocks .panelleft .list-view .empty{ display: block; clear: both; padding: 15px; background: rgba(255,255,255,1); border: 1px solid rgba(0,0,0,0.08); margin: 0 0 15px; }
.newspages .news-blocks .panelleft .list-view .item{ display: block; clear: both; padding: 15px; background: rgba(255,255,255,1); border: 1px solid rgba(0,0,0,0.08); margin: 0 0 15px; transition: all ease 0.3s; -webkit-transition: all ease 0.3s; -moz-transition: all ease 0.3s; -ms-transition: all ease 0.3s; -o-transition: all ease 0.3s;}
.newspages .news-blocks .panelleft .list-view .item:after{ display: table; clear: both; content: "";}
.newspages .news-blocks .panelleft .list-view .item:hover{ box-shadow: 0 0 10px rgba(0,0,0,0.15);}
.newspages .news-blocks .panelleft .list-view .item .imgnewsbox {
    float: left;
    width: 33%;
    border: 1px solid rgba(0,0,0,0.1);
    padding: 1px;
}
/*.newspages .news-blocks .panelleft .list-view .item .imgnewsbox img{display: block;
    margin: auto; height: auto;
    width: auto;}*/

.newspages .news-blocks .panelleft .list-view .item .imgnewsbox a{height: 200px;
                                                                  display: block;
                                                                  line-height: 200px;
                                                                  vertical-align: middle;
                                                                  text-align: center;}

.newspages .news-blocks .panelleft .list-view .item .imgnewsbox img{display: inline-block;
                                                                    margin: auto; height: auto;
                                                                    width: auto; max-width: 100%;
                                                                    max-height: 100%;
                                                                    vertical-align: middle;}


.newspages .news-blocks .panelleft .list-view .item .newsfloat{ float: left; width: 67%; padding-left: 20px; }
.newspages .news-blocks .panelleft .list-view .item .newsfloat .newscatagory{ display: block; text-transform: uppercase; text-align: left; padding-bottom: 5px; line-height: 1;}
.newspages .news-blocks .panelleft .list-view .item .newsfloat h3{ font-size: 1.32em; text-align: left; line-height: 1.5; padding-bottom: 10px; }
.newspages .news-blocks .panelleft .list-view .item .newsfloat h3 a{ color: rgba(0,0,0,0.7); text-decoration: none;}
.newspages .news-blocks .panelleft .list-view .item .newsfloat h3 a:hover{ color: rgba(0,0,0,0.5);}
.newspages .news-blocks .panelleft .list-view .item .newsfloat p { font-size: 0.95em; line-height: 1.5; text-align: left; color: rgba(0,0,0,0.7);}
.newspages .news-blocks .panelleft .list-view .item .newsfloat .views{ padding: 10px 0 0;}
.newspages .news-blocks .panelleft .list-view .item .newsfloat .views .icon-eye{ font-size: 12px; color: rgba(0,0,0,0.7); margin-right: 5px;}

.newspages .news-blocks .panelleft .morebnt{ font-size: 0.95em;
                                             color: rgba(0,0,0,0.8);
                                             width: auto;
                                             padding: 15px 10px;

                                             background-color: rgba(0,0,0,0.1);
                                             display: block;
                                             text-align: center;
                                             margin: 5px auto 0;
                                             font-weight: 600; 

                                             border: none; width: 100%; 
}
.newspages .news-blocks .panelleft .morebnt:hover{ background-color: rgba(0,0,0,0.5); color: #fff;}




.newspages .news-blocks .panelright .empty{ display: block;border: 1px solid rgba(0,0,0,0.08); padding: 10px; clear: both; display: block; margin: 15px 0 0; }
.newspages .news-blocks .panelright .newbox{transition: all ease 0.3s; -webkit-transition: all ease 0.3s; -moz-transition: all ease 0.3s; -ms-transition: all ease 0.3s; -o-transition: all ease 0.3s; border: 1px solid rgba(0,0,0,0.08); padding: 10px; clear: both; display: block; margin: 15px 0 0;}
.newspages .news-blocks .panelright .newbox:hover{ box-shadow: 0 0 10px rgba(0,0,0,0.15);}



/*.newspages .news-blocks .panelright .newbox .boximg{ display: block; text-align: center;}
.newspages .news-blocks .panelright .newbox .boximg img{ width: 100%;     width: auto;
    height: auto;
    margin: auto;}*/

.newspages .news-blocks .panelright .newbox .boximg{ display: block; text-align: center;    display: block;
                                                     text-align: center;
                                                     height: 200px;
                                                     line-height: 196px;
                                                     text-align: center;
                                                     vertical-align: middle;
                                                     border: 1px solid rgba(0,0,0,0.1);
                                                     padding: 1px;}
.newspages .news-blocks .panelright .newbox .boximg img{ width: 100%;     width: auto;
                                                         height: auto;
                                                         margin: auto;

                                                         width: 100%;
                                                         width: auto;
                                                         height: auto;
                                                         margin: auto;
                                                         display: inline-block;
                                                         vertical-align: middle;
                                                         max-height: 100%;
                                                         max-width: 100%;

}



.newspages .news-blocks .panelright .newbox .tag{ display: block; font-size: 0.95em; text-transform: uppercase; padding-top: 5px; }
.newspages .news-blocks .panelright .newbox .tag a{ color: rgba(0,0,0,0.7); text-decoration: none;}
.newspages .news-blocks .panelright .newbox .tag a:hover{ color: rgba(0,0,0,0.5);}
.newspages .news-blocks .panelright .newbox h4{ font-size: 1.123em; line-height: 1.4; }
.newspages .news-blocks .panelright .newbox h4 a{ color: rgba(0,0,0,0.7); text-decoration: none; text-align: center; padding: 5px 0; display: block;}

.newspages .news-blocks .panelright .newbox h4 a:hover{ color: rgba(0,0,0,0.5);}

.newspages .news-blocks .authorintro{ display: block; clear: both; padding: 0; }
.newspages .news-blocks .authorintro .fashion{ display: block; clear: both; padding: 0; }
.newspages .news-blocks .authorintro .fashion a{ display: block; font-size: 0.95em; text-transform: uppercase;  color: rgba(0,0,0,0.7); text-decoration: none;



}
.newspages .news-blocks .authorintro h2{ text-transform: uppercase; text-align: left; font-size: 1.2em;}
.newspages .news-blocks .authorintro .intromain{ display: block; clear: both; padding: 10px 0 0 60px; position: relative;}
.newspages .news-blocks .authorintro .intromain:after{ display: table; clear: both; content: "";}
.newspages .news-blocks .authorintro .intromain .authorpic{ width: 60px; padding-right: 5px; position: absolute; left: 0; top:3px;}
.newspages .news-blocks .authorintro .intromain a{ color: rgba(0,0,0,0.7); text-decoration: none;}
.newspages .news-blocks .authorintro .intromain .fa{ width: 15px; height: 20px; font-size: 0;}
.newspages .news-blocks .authorintro .intromain .fa:before{ font-size: 14px; color: rgba(0,0,0,0.3);}
.newspages .news-blocks .authorintro .intromain .fa:hover:before{color: rgba(0,0,0,1);}
.newspages .news-blocks .authorintro .posted{ border-top: 1px solid rgba(0,0,0,0.1); padding: 5px 0 0; font-size: 0.95em;}

.newspages .news-blocks .detailslide{ display: block; clear: both; padding: 20px 0 0; }
.newspages .news-blocks .detailslide:after{ display: table; clear: both; content: "";}
.newspages .news-blocks .detailslide .projdetslider{ padding: 0 0 10px; }
.newspages .news-blocks .detailslide li{ display: block; }
.newspages .news-blocks .socialbuttons{ display: block; text-align: center; padding: 15px 0;}
.newspages .news-blocks .relatednews{ clear: both; padding: 30px 0 0;}
.newspages .news-blocks .relatednews h3{ font-size: 1.7em; color: rgba(0,0,0,0.7); position: relative; padding: 20px 0 0; }
.newspages .news-blocks .relatednews h3:before{ display: block; width: 100%; height: 5px; background: rgba(0,0,0,0.15); content: ""; position: absolute; top: 5px;}
.newspages .news-blocks .relatednews h3:after{ background: rgba(0,0,0,0.8); display: block; width: 30%; height: 5px; content: ""; position: absolute; top: 5px;}
.newspages .news-blocks .relatednews ul{ padding: 20px 0 0; display: block; clear: both; margin: -5px}
.newspages .news-blocks .relatednews ul:after{ display: table; clear: both; content:"";}
.newspages .news-blocks .relatednews ul li{ padding: 0 5px 20px; display: block; float: left; width: 33.334%;} 
.newspages .news-blocks .relatednews ul li a{ display: block;  clear: both; color: rgba(0,0,0,0.7); padding-bottom: 10px; text-decoration: none; }
.newspages .news-blocks .relatednews ul li a:hover{ color: rgba(0,0,0,0.5);}
.newspages.authors .news-blocks h2.author-title{ font-size: 1.7em; color: rgba(0,0,0,0.8); padding-bottom: 20px; }
.newspages.authors .news-blocks .authorL{ font-size: 0.95em; text-align: center; display: block; padding: 10px 0 0;}
.newspages.authors .news-blocks .connect{ border-bottom: 1px solid rgba(0,0,0,0.1); padding-bottom: 15px; margin-bottom: 20px;} 
.newspages.authors .news-blocks .recentpost{ display: block; clear: both; padding: 15px 0;}
.newspages.authors .news-blocks .recentpost > h3{ font-size: 1.5em; }
.newspages.authors .news-blocks .recentpost > .update{ font-size: 0.95em; color: rgba(0,0,0,0.4);}
.newspages.authors .news-blocks .recentpost ul{ display: block; clear: both; padding: 15px 0;}
.newspages.authors .news-blocks .recentpost ul li{ display: block; clear: both; padding: 0 0 15px;  border-bottom: 1px solid rgba(0,0,0,0.1); margin-bottom: 15px;} 
.newspages.authors .news-blocks .recentpost ul li h4{ font-size: 1.2em; }
.newspages.authors .news-blocks .recentpost ul li h4 a{color: rgba(0,0,0,0.8); text-decoration: none;}
.newspages.authors .news-blocks .recentpost ul li h4 a:hover{ color: rgba(0,0,0,0.5);}
.newspages.authors .news-blocks .recentpost ul li p{ font-size: 0.95em; color: rgba(0,0,0,0.7);}
.newspages.authors .news-blocks .recentpost ul li p a{color: rgba(0,0,0,0.9); text-decoration: none;}
.newspages.authors .news-blocks .recentpost ul li p a:hover{ color: rgba(0,0,0,0.5);}
.newspages.authors .news-blocks .recentpost ul li .viewshold{ font-size: 0.85em; color: rgba(0,0,0,0.7); padding-top: 10px;}
.newspages.authors .news-blocks .recentpost ul li .viewshold .icon-eye{ padding-right: 7px; color: rgba(0,0,0,0.5);}


.newspages.authors .news-blocks .socialbuttons .so-button{ border: 1px solid rgba(0,0,0,0.6); padding: 6px 10px 7px; line-height: 1; text-decoration: none; color: #fff; background: rgba(0,0,0,0.5); border-radius: 2px; margin: 0 3px; width: 110px; text-transform: uppercase; font-size: 0.95em; display: inline-block;}
.newspages.authors .news-blocks .socialbuttons .so-button .fa{ padding-right: 5px;}
.newspages.authors .news-blocks .socialbuttons .so-button.fb{ background: #3e64ad; border-color: transparent;}
.newspages.authors .news-blocks .socialbuttons .so-button.tw{ background: #6aadd1; border-color: transparent;}
.newspages.authors .news-blocks .socialbuttons .so-button.email{ background: #aaa; border-color: transparent;}

.newspages.authors .news-blocks .socialbuttons .so-button:hover{ background: none; color: rgba(0,0,0,0.7);}
.newspages.authors .news-blocks .socialbuttons .so-button.fb:hover{ background: none; color: #3e64ad;}
.newspages.authors .news-blocks .socialbuttons .so-button.tw:hover{ background: none; color: #6aadd1;}
.newspages.authors .news-blocks .socialbuttons .so-button.email:hover{background: none; color: #aaa;}

.blogpage { display: block;    clear: both;    padding-top: 50px;}
.blogpage:after{ display: table; clear: both; content: "";}
.blogpage .panelleft{ float: left; width: 70%; padding-right: 10px;}
.blogpage .panelleft .list-view{ display: block; padding:  0 0;}
.blogpage .panelleft .list-view li{ display: block; margin-bottom: 25px; border: 1px solid rgba(0,0,0,0.07); padding: 15px; transition: all ease 0.3s; -webkit-transition: all ease 0.3s; -moz-transition: all ease 0.3s; -ms-transition: all ease 0.3s; -o-transition: all ease 0.3s; }
.blogpage .panelleft .list-view li:hover{ box-shadow: 0 0 10px rgba(0,0,0,0.15);}
.blogpage .panelleft .list-view li .contain { padding: 20px 0 0; border-top: 1px solid rgba(0,0,0,0.1);}
.blogpage .panelleft .list-view li .contain h2{ font-size: 1.8em; color: rgba(0,0,0,0.7); padding-bottom: 5px; }
.blogpage .panelleft .list-view li .contain h2 a{ color: rgba(0,0,0,0.5); text-decoration: none;} 
.blogpage .panelleft .list-view li .contain h2 a:hover{ color: #000;}
.blogpage .panelleft .list-view li .contain .summary p{ color: rgba(0,0,0,0.5); text-decoration: none; font-size: 1.5em;} 
.blogpage .panelleft .list-view li .bloglandingviewer{ display: block; text-align: left; padding-top: 10px; font-style: italic;}
.blogpage .panelleft .list-view li .bloglandingviewer span{ display: inline-block; color: rgba(0,0,0,0.5); padding-right: 10px;}
.blogpage .panelleft .list-view li .bloglandingviewer span i{ font-size: 13px; padding-right: 5px;}
.blogpage .panelleft .list-view li .bloglandingviewer span.writedate i{ color: rgba(0,0,0,0.7); font-size:16px} 

.blogpage .panelright{ float: right; width: 30%; padding-left: 10px; padding-bottom: 30px;}
.blogpage .panelright .articleblog{ display: block; clear: both; padding: 0;}
.blogpage .panelright .articleblog .nav-tabs > li{ width: 50%; border: none; border-radius: 0; margin: 0; padding: 0;}
.blogpage .panelright .articleblog .nav-tabs > li > a{ background: rgba(0,0,0,.2); margin: 0; color: #fff; display: block; text-align: center; border: none; border-radius: 0; font-weight: 600; text-transform: uppercase; padding: 15px 20px; position: relative;}
.blogpage .panelright .articleblog .nav-tabs > li > a:before{ position: absolute; bottom: 0; height: 5px; width: 100%; content: ""; left: 0;}
.blogpage .panelright .articleblog .nav-tabs > li.active > a{ background: rgba(0,0,0,0.7);}
.blogpage .panelright .articleblog .nav-tabs > li.active > a:before{ background: rgba(0,0,0,0.9);}
.blogpage .panelright .articlenews {}
.blogpage .panelright .articlenews .tab-content{ display: block; clear: both; padding:5px 15px; border: 1px solid rgba(0,0,0,0.07); border-top: none;}
.blogpage .panelright .articlenews .tab-content:after{ display: table; clear: both; content: "";}
.blogpage .panelright .articlenews .tab-content .blog-tab{ display: none;}
.blogpage .panelright .articlenews .tab-content .blog-tab.active{ display: block;}
.blogpage .panelright .articlenews .tab-content .article{ display: block; clear: both; padding:15px 5px; border-bottom: 1px solid rgba(0,0,0,0.1);}
.blogpage .panelright .articlenews .tab-content .article:last-child{ border: none;}
.blogpage .panelright .articlenews .tab-content .article h3{ font-size: 1.24em; text-align: left; }
.blogpage .panelright .articlenews .tab-content .article h3 a{ color: rgba(0,0,0,0.9); text-decoration: none;}
.blogpage .panelright .articlenews .tab-content .article h3 a:hover{ color: rgba(0,0,0,1);}
.blogpage .panelright .articlenews .tab-content .article .summary{ text-align: left; padding: 5px 0 0;}
.blogpage .panelright .articlenews .tab-content .article .summary p{ font-size: 0.95em;}
.blogpage .panelright .articlenews .tab-content .article .ditails{ display: block; padding: 5px 0 0;}
.blogpage .panelright .articlenews .tab-content .article .ditails span{padding: 0 15px 0 0; font-style: italic; font-size: 0.8em; color: rgba(0,0,0,0.5);}
.blogpage .panelright .articlenews .tab-content .article .ditails span i{ font-size: 16px; }
.blogpage .panelright .articlenews .tab-content .article .ditails span.viewer i{ font-size: 12px; }
.blogpage .panelright .archivesection{ display: block; margin: 15px 0 0; clear: both; border: 1px solid rgba(0,0,0,0.07); padding: 15px 15px 0;}
.blogpage .panelright .archivesection h3{ font-size: 1.24em; text-align: left; margin-bottom: 15px; }
.blogpage .panelright .archivesection ul{ display: block; padding: 0; margin: 0;}
.blogpage .panelright .archivesection ul li{ display: block; position: relative; padding-bottom: 15px; }
.blogpage .panelright .archivesection ul li .accordiontitle { display: block; border: 1px solid rgba(0,0,0,0.1); background:rgba(0,0,0,0.02); padding: 10px 15px; position: relative; cursor: pointer; min-height: 42px;}

.blogpage .panelright .archivesection ul li .accordiontitle:after{ display: block; width: 45px; height: 100%; background: rgba(0,0,0,0.02); content: "\f107"; text-align: center; position: absolute; top: 0; right: 0; font-family: fontawesome; font-size: 20px; line-height: 40px; border-left: 1px solid rgba(0,0,0,0.1); }
.blogpage .panelright .archivesection ul li.active .accordiontitle:after{content: "\f106";}
.blogpage .panelright .archivesection ul li .accordiontitle:hover{ color: #000;}
.blogpage .panelright .archivesection ul li ul{ display: none; padding: 10px 15px 0 ; background: rgba(0,0,0,0.04); text-align: left; border: 1px solid rgba(0,0,0,0.1); border-top: 0;}
.blogpage .panelright .archivesection ul li ul li{ display: block; clear: both; padding: 0;  padding-bottom: 10px;}
.blogpage .panelright .archivesection ul li ul li a{ display: block; padding: 5px 0; color: rgba(0,0,0,0.7); text-decoration: none; line-height: 1;}
.blogpage .panelright .archivesection ul li ul li a:hover{ color: #000;}

.blogpage .panelright .archivesection.cetegoriessection ul li .accordiontitle:after{ display: none;}
.blogpage .panelright .archivesection.cetegoriessection ul li .accordiontitle span{ display: block; width: 45px; height: 100%; background: rgba(0,0,0,0.02); text-align: center; position: absolute; top: 0; right: 0; font-family: fontawesome; font-size: 20px; line-height: 40px; border-left: 1px solid rgba(0,0,0,0.1); }
.blogpage .panelright .archivesection.cetegoriessection ul li .accordiontitle a{ color: rgba(0,0,0,0.8); text-decoration: none;}
.blogpage .panelright .archivesection.cetegoriessection ul li .accordiontitle:hover a{ color: #000;}

.blogpage .blog-content{ border: 1px solid rgba(0,0,0,0.07); padding: 15px; transition: all ease 0.3s; -webkit-transition: all ease 0.3s; -moz-transition: all ease 0.3s; -ms-transition: all ease 0.3s; -o-transition: all ease 0.3s; margin-bottom: 20px; }
.blogpage .blog-content .thumbs{ display: block; text-align: center;}
.blogpage .blog-content .thumbs img{ display: inline-block; max-width: 100%;}
.blogpage .blog-content .blogvisit{ border-top: 1px solid rgba(0,0,0,0.1); padding: 15px 0 0; margin-top: 15px; }
.blogpage .blog-content .blogvisit ul{ display: block; padding: 0;}
.blogpage .blog-content .blogvisit ul:after{ display: table; clear: both; content: "";}
.blogpage .blog-content .blogvisit li{ display: block; float: left; font-size: 0.95em;color: rgba(0,0,0,0.5);}
.blogpage .blog-content .blogvisit li span{ padding: 0 10px;}
.blogpage .blog-content .blogvisit li a{color: rgba(0,0,0,0.8); text-decoration: none;}
.blogpage .blog-content .blogvisit li a:hover{ color:#000; }
.blogpage .blog-content .blogvisit li.viewer{ float: right;}
.blogpage .blog-content .blogvisit li.viewer i{ padding-right: 5px;}
.blogpage .blog-content .contain{ padding: 15px 0 0;}
.blogpage .blog-content .contain h2{ font-size: 1.5em; padding-bottom: 10px;}


.crowdfunding-page{ margin-top: -130px; position: relative;}
.crowdfunding-page:after{ display: table; clear: both; content: "";}
.crowd-funding{ position: relative;}
.crowd-funding:after{ display: table; clear: both; content: "";}
.crowd-funding #jalvideo video  {    width: 100%;    height: 100%;}
.crowd-funding .video-caption{ display: block; position: absolute; width: 100%; bottom: 0; text-align: center;}
.crowd-funding .video-caption .container{ position: relative; padding-bottom: 200px;}
.crowd-funding .video-caption h1{ font-size: 5em; font-weight: 700; color: #fff; text-align: center; line-height: 1.2; padding: 0 100px;}
.crowd-funding .video-caption p {    color: #fed857;    font-size:1.3em;    text-align: center;    line-height: 1.2;    background: rgba(0,0,0,.7);     margin: 20px auto 0; display: inline-block; padding: 5px 35px;}
.jallogo {    width: 212px; position: absolute; left: 0; bottom: 0;    height: 286px;    background: url('../image/crowdfundinglogo.png') no-repeat left center;  bottom: 50px;}


.crowdfunding-page .csrblock-title{ display: block; padding:115px 0 45px; font-weight: 600;}
.crowdfunding-page .campaign{ display: block; clear: both;}
.crowdfunding-page .campaign:after{ display: table; clear: both; content: "";}
.crowdfunding-page .campaign .layoutmain:after{ display: table; clear: both; content: "";}
.crowdfunding-page .campaign .layoutmain .midone{ float: left; width: 65%; padding-right: 10px;}
.crowdfunding-page .campaign .layoutmain .rightone{ float: right; width:35%; padding-left: 10px;}
.crowdfunding-page .campaign .layoutmain .leftone{ float: left; width: 45%; padding: 0 20px 20px 0;}
.crowdfunding-page .campaign .layoutmain .leftone h3{ font-size: 1.5em; text-align: left; color: rgba(0,0,0,0.7); padding: 10px 0 0;}
.crowdfunding-page .campaign .layoutmain .midone p{ text-align: justify; font-size: 0.98em;   color: rgba(0,0,0,0.7);}
.crowdfunding-page .mukhya-mantri .subheading{ margin: -25px 0 0; font-size: 1.4em; line-height: 1; color: rgba(0,0,0,0.65); letter-spacing: 0; display: block; text-align: center; }
.crowdfunding-page .mukhya-mantri .mapifrm-holder{ margin: 50px 0 10px; }
.crowdfunding-page .mukhya-mantri .sourcetext{ font-size: 0.95em; text-align: right; color: rgba(0,0,0,0.5); display: block; margin: auto; margin-right: 0; padding:0 30px}
.crowdfunding-page .ongoing .ongoingslider-container{ overflow: hidden;}
.crowdfunding-page .ongoing .ongoingslider{ background: rgba(0,0,0,0.1); padding: 20px 20px 40px;}
.crowdfunding-page .ongoing .slick-item{ padding: 0 10px; float: left; max-width: 33.3334%;}
.crowdfunding-page .ongoing .slick-item iframe{ width: 100%; height: 350px;}
.crowdfunding-page .ongoing .slick-dots{ bottom: 15px; }
.crowdfunding-page .ongoing .slick-dots li{ margin: 0; padding: 0 5px;}
.crowdfunding-page .ongoing .slick-dots button{ display: block; overflow: hidden; text-indent: -99999px; border-radius: 50%; background:   rgba(0,0,0,0.4); border:1px solid rgba(0,0,0,0.4); height: 15px; width: 15px;}
.crowdfunding-page .ongoing .slick-dots .slick-active button{background:#fff;}


.crowdfunding-page .howit .subheading{ margin: -25px 0 0; font-size: 1.4em; line-height: 1; color: rgba(0,0,0,0.65); letter-spacing: 0; display: block; text-align: center; }
.crowdfunding-page .howit .rajasthanmap{ display: block; clear: both; margin: 30px 0;  min-height: 431px; background: url('../image/rajasthanmap.png') center top no-repeat;}
.crowdfunding-page .howit .rajasthanmap .mapline { position: relative; display: block; clear: both; max-width: 940px; margin: auto; padding: 35px 50px;}
.crowdfunding-page .howit .rajasthanmap .mapline:after{ display: table; clear: both; content: "";}
.crowdfunding-page .howit .rajasthanmap .mapline:before{ display: block; height: 38px; background: #CCCCCC; content: ""; position: absolute; margin: -27px 0 0; top: 50%; position: absolute; width: 100%; z-index: -1; left: 0;}
.crowdfunding-page .howit .rajasthanmap .mapline > div { float: left; display: block; margin: 0; padding: 0; clear: none;}
.crowdfunding-page .howit .rajasthanmapmobile{ display: none;}
.crowdfunding-page .howit .fbbox{ display: block; margin: 30px 0 0; background: url('../image/fbbox_bg.png') #e8f6ff no-repeat; border: solid 1px #b6b6b6;     margin: 30px auto 0; }
.crowdfunding-page .howit .fbbox:after{ display: table; clear: both; content: "";}

.crowdfunding-page .howit .fbbox .leftside{ float: left; width: 70%; padding:40px;}
.crowdfunding-page .howit .fbbox .leftside .partL{ display: inline-block; text-align: left; font-size: 3em; font-weight: 600; max-width: 45%; line-height: 1;}
.crowdfunding-page .howit .fbbox .leftside .partR{     display: inline-block;
                                                       vertical-align: top;
                                                       line-height: 1.2;
                                                       margin-top: 10px;
                                                       font-size: 1.5em;
                                                       font-weight: 300;
                                                       max-width: 50%;
                                                       padding-top: 10px; }


.crowdfunding-page .howit .fbbox .rightside{ float: right; width: 30%; padding:50px 0; background: rgba(255,255,255,0.5);}
.crowdfunding-page .howit .fbbox .rightside .pledge-btn{ padding: 10px 0; display: block; width: 100%; max-width: 250px; font-size: 1.4em; margin: auto; margin-bottom: 10px; }
.crowdfunding-page .howit .fbbox .rightside p{ font-size: 0.85em; color: #000; text-align: center; line-height: 1;}


.crowdfunding-page .thankyou{ background: rgba(0,0,0,0.05); padding: 30px; margin:50px 0 0;}
.crowdfunding-page .thankyou:after{ display: table; clear: both; content: ""; }
.crowdfunding-page .thankyou .thankcontent{ display: block; padding: 30px 0;}
.crowdfunding-page .thankyou .thankcontent:after{ display: table; clear: both; content: ""; }
.crowdfunding-page .thankyou .thankcontent .lefthold{ float: left; width: 50%; padding-right: 30px;}
.crowdfunding-page .thankyou .thankcontent .lefthold h3{ font-size: 1.4em; text-align: left; text-transform: uppercase;}
.crowdfunding-page .thankyou .thankcontent .lefthold p{ font-size: 0.97em; text-align: justify; padding-top: 15px;}

.crowdfunding-page .thankyou .thankcontent .righthold{ float: right; width: 50%; padding-left: 30px;}
.crowdfunding-page .thankyou .thankcontent .righthold .thankslogo{ display: block;}
.crowdfunding-page .thankyou .thankcontent .righthold .thankslogo:after{ display: table; clear: both; content: ""; }
.crowdfunding-page .thankyou .thankcontent .righthold .thankslogo .partners{ display: block;}
.crowdfunding-page .thankyou .thankcontent .righthold .thankslogo .partners:after{ display: table; clear: both; content: ""; }
.crowdfunding-page .thankyou .thankcontent .righthold .thankslogo .partners ol{ display: block; clear: both; padding: 0; margin: 0; border: 1px solid rgba(0,0,0,0.1); border-width: 1px 0 0 1px;}
.crowdfunding-page .thankyou .thankcontent .righthold .thankslogo .partners ol:after{ display: table; clear: both; content: ""; }
.crowdfunding-page .thankyou .thankcontent .righthold .thankslogo .partners ol li{ float: left; width: 33.3335%; border: 1px solid rgba(0,0,0,0.1); display: block; background: #fff; border-width: 0 1px 1px 0; padding: 15px;}
.crowdfunding-page .thankyou .thankcontent .righthold .thankslogo .slick-dots{ bottom: -40px; }
.crowdfunding-page .thankyou .thankcontent .righthold .thankslogo .slick-dots li{ margin: 0; padding: 0 8px;}
.crowdfunding-page .thankyou .thankcontent .righthold .thankslogo .slick-dots button{ display: block; overflow: hidden; text-indent: -99999px; border-radius: 50%; background:  rgba(0,0,0,0.4); border:1px solid rgba(0,0,0,0.4); height: 15px; width: 15px;}
.crowdfunding-page .thankyou .thankcontent .righthold .thankslogo .slick-dots .slick-active button{background: #fff;}


.crowdfunding-page .thankyou .our-supporter-heading h3{ font-size: 1.4em; text-align: left; text-transform: uppercase;}
.crowdfunding-page .thankyou .our-supporter-heading #WebTicker{ display: block; clear: both;}
.crowdfunding-page .thankyou .our-supporter-heading #WebTicker:after{ clear: both; content: ""; display: table;}
.crowdfunding-page .thankyou .our-supporter-heading #WebTicker li{  padding: 0 10px; text-transform: uppercase; font-size: 1.3em; }
.crowdfunding-page .thankyou .our-supporter-heading #WebTicker li a{ color: rgba(0,0,0,0.8); text-decoration: none; font-family: "open sans", arial; font-weight: 400;}
.crowdfunding-page .thankyou .our-supporter-heading #WebTicker li a:hover{ color: rgba(0,0,0,0.5);}
.crowdfunding-page .howyou{ background: rgba(0,0,0,0.5); padding:  0; margin: 0;}
.crowdfunding-page .howyou:after{ display: table; clear: both; content: ""; }
.crowdfunding-page .howyou .lefthow{ float: left; width: 50%;}
.crowdfunding-page .howyou .lefthow .helparea{ display: block; clear: both; position: relative;}
.crowdfunding-page .howyou .lefthow .helparea .howcan{ display: block;  width: 250px; border: 2px solid rgba(0,0,0,0.8); height: 50px; text-align: center; line-height: 47px; background: none; position: absolute; top: 50%; left: 50%; margin: -20px 0 0 -125px; font-weight: 600; text-transform: uppercase; color: rgba(0,0,0,0.8); font-size: 1.3em;}
.crowdfunding-page .howyou .lefthow .helparea .howcan:hover{ background: rgba(0,0,0,0.8); color: #fff;}

.helparea .arrow-right{width: 0; height: 0; border-style: solid; border-width: 27.5px 0 27.5px 20px; border-color: transparent transparent transparent #efe9ea; position: absolute; top: 50%; right: -20px; left: auto; margin: -27px 0 0;}




.crowdfunding-page .howyou .righthow{ float: right; width: 50%;}
.crowdfunding-page .howyou .righthow ul{ display: block; clear: both; padding: 28px 40px 0;}
.crowdfunding-page .howyou .righthow ul li{ display: block; padding: 5px 0 40px 90px; text-align: left; position: relative; }
.crowdfunding-page .howyou .righthow ul li:before{ background: url(../image/helpicon.png) no-repeat 0 0; display: block; height: 73px; width: 73px; content: ""; position: absolute; left: 0; top: 0;}
.crowdfunding-page .howyou .righthow ul li.donation:before{ background-position:  -77px 0; }
.crowdfunding-page .howyou .righthow ul li.friends:before{ background-position:  -152px 0; }
.crowdfunding-page .howyou .righthow ul li.friends{ padding-bottom: 0;}

.crowdfunding-page .howyou .righthow ul li h4{ font-size: 1.3em; text-align: left; color: rgba(0,0,0,0.7); padding-bottom: 7px;}
.crowdfunding-page .howyou .righthow ul li p { font-size: 0.97em; line-height: 1.3; color: rgba(0,0,0,0.7); }




.progressDiv {

    height:170px;

    position: relative;

}

.statChartHolder {


    position: relative;



}

/* Pie Chart */
.progress-pie-chart {
    width:140px;
    height:140px;
    border-radius: 50%;
    background-color: rgb(52, 67, 86);
    position: relative;
}
.progress-pie-chart.gt-50 {
    background-color: #81CE97;
}

.ppc-progress {
    content: "";
    position: absolute;
    border-radius: 50%;
    left: calc(50% - 100px);
    top: calc(50% - 100px);
    width: 200px;
    height: 200px;
    clip: rect(0, 200px, 200px, 100px);
}

.ppc-progress .ppc-progress-fill {
    content: "";
    position: absolute;
    border-radius: 50%;
    left: calc(50% - 71px);
    top: calc(50% - 71px);
    width: 142px;
    height: 142px;
    clip: rect(0, 71px, 140px, 0);
    background: rgba(255,255,255,0.75);
    transform: rotate(60deg);
}

.gt-50 .ppc-progress {
    clip: rect(0, 100px, 200px, 0);
}
.gt-50 .ppc-progress .ppc-progress-fill {
    clip: rect(0, 200px, 200px, 100px);
    background: #E5E5E5;
}

.ppc-percents {
    content: "";
    position: absolute;
    border-radius: 50%;
    left: calc(50% - 55px);
    top: calc(50% - 55px);
    width: 110px;
    height: 110px;
    background: #fff;
    text-align: center;
    display: table;
}
.ppc-percents span {
    display: block;
    font-size: 2em;
    font-weight: 600;
    color: rgb(52, 67, 86);
}

.pcc-percents-wrapper {
    display: table-cell;
    vertical-align: middle;
}

.progress-pie-chart {
    margin: 0;
}

.crowdfunding-page .campaign .layoutmain .rightone { padding-left: 20px;}
.crowdfunding-page .campaign .layoutmain .rightone .leftpanle{ float: left; width: 40%;}
.crowdfunding-page .campaign .layoutmain .rightone .leftpanle .locations{ display: block; clear: both; color: rgba(0,0,0,0.7);}
.crowdfunding-page .campaign .layoutmain .rightone .leftpanle .locations .dayleft { font-weight: 600; text-transform: uppercase; display: block; padding-bottom: 5px;}
.crowdfunding-page .campaign .layoutmain .rightone .rightpanle{ float: right; width: 60%;}
.crowdfunding-page .campaign .layoutmain .rightone .rightpanle ul{ display: block; clear: both; padding: 0;}
.crowdfunding-page .campaign .layoutmain .rightone .rightpanle ul li{ display: block; clear: both; position: relative; padding-bottom: 20px; margin-bottom: 20px;}
.crowdfunding-page .campaign .layoutmain .rightone .rightpanle ul li:after{ display: block;  width: 40px; height: 1px; background: rgba(0,0,0,0.8); content: ""; position: absolute; bottom: 0;}
.crowdfunding-page .campaign .layoutmain .rightone .rightpanle ul li .title{ font-size: 0.95em; text-transform: uppercase; color: rgba(0,0,0,0.7);} 
.crowdfunding-page .campaign .layoutmain .rightone .rightpanle ul li .price{ font-family: 'Roboto', arial; font-size: 1.6em; line-height: 1; text-align: left; color: rgba(0,0,0,1); font-weight: 700; }
.crowdfunding-page .campaign .layoutmain .rightone .btnhold{ display: block; clear: both; padding: 30px 0 0;}
.crowdfunding-page .campaign .layoutmain .rightone .btnhold .interestedbtn{ display: block; width: 100%; font-size: 1.35em;  padding: 10px; margin: 10px 0 30px; text-transform: uppercase;}




.scroll-nav{ display: block; clear: both; position: fixed; right: 15px; left: auto; top: 150px; }
.scroll-nav ul{ position: relative; padding: 0; margin: 0; display: block;}
.scroll-nav ul:before{ width: 1px; height: calc(100% - 30px); content: ""; background: rgba(0,0,0,0.1); left: 15px; position: absolute; top: 15px;}
.scroll-nav li{ display: block; clear: both; padding-bottom: 10px;}
.scroll-nav li:last-child{ padding-bottom: 0;}
.scroll-nav li a{ display: block; clear: both; padding: 0; position: relative; width: 30px; height: 30px;}
.scroll-nav li a:before{ width: 30px; height: 30px; border-radius: 50%; background: rgba(0,0,0,0); content: ""; position: absolute; top: 50%; left: 50%; margin: -15px 0 0 -15px; transition: ease-in-out all 0.35s;}
.scroll-nav li a:after{ width: 8px; height: 8px; border-radius: 50%; background: #ef3f6c; content: ""; position: absolute; top: 50%; left: 50%; margin: -4px 0 0 -4px;}
.scroll-nav li a span{ display: block; position: absolute; background: rgba(0,0,0,0.7); border-radius: 3px; color: #fff; padding: 5px 10px; line-height: 1; right: 0; left: auto;  text-transform: uppercase; white-space: nowrap; font-size: 0.95em; top: 3px; transform: translateX(-70px); transition: ease-in-out all 0.35s; opacity: 0;}

.scroll-nav li a span:after{width: 0; height: 0; border-style: solid; border-width: 5px 0 5px 5px; border-color: transparent transparent transparent rgba(0,0,0,0.7); position: absolute; top: 50%; right: -5px; left: auto; margin: -6px 0 0; content: "";}


.scroll-nav li a.nav-active:before,
.scroll-nav li a:hover:before {background: rgba(0,0,0,0.1);}
.scroll-nav li a.nav-active span,
.scroll-nav li a:hover span{transform: translateX(-40px); opacity:1; }


.search-result { padding: 45px 0 0;}
.search-result .csrblock-title{ font-weight: 600;}
.search-result .searchput{ display: block; clear: both; padding: 0 80px 0 0;  max-width: 450px; margin:30px auto 0; position: relative;}
.search-result .searchput:after{ display: table; clear: both; content: ""; }
.search-result .searchput .form-control{ box-shadow: none;}
.search-result .searchput .btn{ position: absolute; top: 0; right: 0;}
.search-result .contentTab{ display: block; padding: 15px 0 0;}
.search-result .contentTab h2{ font-size: 1.3em; text-align: center; line-height: 1; color: rgba(0,0,0, 0.8); padding-bottom: 30px; }
.search-result .contentTab .item{ display: block; clear: both; border-top: 1px solid rgba(0,0,0,0.1); padding: 30px 0; }
.search-result .contentTab .item:after{ display: table; clear: both; content: "";}
.search-result .contentTab .item .imghold{ float: left; width: 15%; padding: 0 10px 0 10px;}
.search-result .contentTab .item .imghold img{ border: 1px solid rgba(0,0,0,0.1); padding: 1px; background: #fff; display: block;}
.search-result .contentTab .item .texthold{ float: right; width: 85%; padding-left: 15px;}
.search-result .contentTab .item .texthold h3{ font-size: 1.20em;  text-align: left; padding: 0 0 10px;}
.search-result .contentTab .item .texthold h3 a{color: rgba(0,0,0,0.7); text-decoration: none;}
.search-result .contentTab .item .texthold h3 a:hover{ color: #000}
.search-result .contentTab .morebnt{ margin: 20px auto; max-width:350px; display: block; text-transform: uppercase; font-size: 1.2em; padding: 7px 15px;}


.errorpage{ display: block; clear: both; margin: auto;}
.errorpage .toparea{ display: block; text-align: center; padding: 10px 0; background: #fff; border-bottom: 1px solid rgba(0,0,0,0.1);}
.errorpage .midpart{ display: block;   padding:70px 0;     background: rgba(0,0,0,0.04); }
.errorpage .midpart:after{ display: table; clear: both; content: "";}
.errorpage .midpart .leftarea{ float: left; width: 50%;}
.errorpage .midpart .leftarea .look{ display: block; font-size: 2.3em; padding: 40px 0 25px; font-weight: 600; text-align: left; color: rgba(0,0,0,0.7);}
.errorpage .midpart .leftarea .codeerror{ display: block; font-size: 1.4em; padding: 0 0 30px; font-weight: 600; text-align: left; color: rgba(0,0,0,0.7);}
.errorpage .midpart .leftarea .helpful{ display: block; font-size: 1.2em; padding: 0 0 15px;  text-align: left; color: rgba(0,0,0,0.7);}
.errorpage .midpart .leftarea ul{ display: block; padding: 15px 0 0;}
.errorpage .midpart .leftarea ul li{ display: block; padding: 0 0 10px; }
.errorpage .midpart .leftarea ul li a{ color: rgba(0,0,0,0.7); text-decoration: none; }
.errorpage .midpart .leftarea ul li a:hover{ color: #000;}

.errorpage .midpart .rightarea{ float: right; width: 50%;}
.errorpage .midpart .rightarea img{ display: block; margin: auto; margin-right: 0;}

#form { padding-top: 45px;}
#form:after{ display: table; clear: both; content: "";}

#form #registration .formmain{ display: block; float: left; width: 70%; padding-right: 15px; }
#form .formmain .form-container{ border: 1px solid rgba(0,0,0,0.1); border-radius:10px; padding: 30px 30px 0; margin-bottom: 30px; }
#form .formmain .form-container .legend{ line-height: 1; color: rgba(0,0,0,0.8); padding: 0; text-align: left; font-size: 2em; padding-bottom:0px; font-weight:700; text-transform: uppercase;}
#form .formmain .form-container .formouter { display: block; clear: both; padding: 30px 30px; margin: 0 -30px 30px; border-bottom: 1px solid rgba(0,0,0,0.1); position: relative;}

#form .formmain .form-container .formouter:after{ display: block; width: 186px; left:50%; margin-left: -93px; content: ""; background: url(../image/form_bg2.png) no-repeat 0 0; position: absolute; bottom: -18px;  height: 35px;}
#form .formmain .form-container #request-password-reset-form .formouter{ padding-top: 10px;}
#form .formmain .form-container .formouter.buttonblock{ border: none; padding-bottom: 0; overflow: hidden; padding-top: 10px;}
#form .formmain .form-container .formouter.buttonblock:after{ display: none; }

#form .formmain .form-container  label{ font-family: "Lato", 'open sans', arial; color:#333; font-weight: inherit; text-align: left;}

#form .formmain .form-container .formouter h3{ font-size: 1.2em; font-weight: 600; color: rgba(0,0,0,0.7); line-height: 1; padding-bottom: 5px;}
#form .formmain .form-container .formouter .form-fields{ display: block; padding: 0; margin-bottom: 0;}
#form .formmain .form-container .formouter .form-fields:after{ display: table; clear: both; content: "";}
#form .formmain .form-container .formouter .form-fields li{ display: block; padding: 0; padding: 10px 0; margin: 0 -15px;}
#form .formmain .form-container .formouter .form-fields li:after{ display: table; clear: both; content: "";}
#form .formmain .form-container .formouter .form-fields li .form-field{ display: block; float: left; width: 50%; padding: 0 15px;}
#form .formmain .form-container .formouter .form-fields li .form-field .row{ display: block; margin: 0 -5px;}
#form .formmain .form-container .formouter .form-fields li .form-field .row .col-sm-4{ float: left; width: 35%; padding: 0 5px;}
#form .formmain .form-container .formouter .form-fields li .form-field .row .col-sm-8{ float: left; width: 65%; padding: 0 5px;}

#form .formmain .form-container .formouter .form-fields li .form-field.wide{ width: 100%;}
#form .formmain .form-container .formouter .form-fields li .form-field.bythird{ width: 33.3334%;}
#form .formmain .form-container .formouter .form-fields li .form-field .address-type { padding-top: 15px;}
#form .formmain .form-container .formouter .form-fields li .form-field .address-type:after{ clear: both; display: table; content: "";}
#form .formmain .form-container .formouter .form-fields li .form-field .address-type .radio{ float: left; padding-right: 30px; margin: 0;}
#form .formmain .form-container .formouter .form-fields li .form-field .form-group{ position: relative; display: block; margin: 0; padding-bottom: 0;}

#form .formmain .form-container .formouter .form-fields li .form-field .form-group.field-userprofile-mobile:after,
#form .formmain .form-container .formouter .form-fields li .form-field .form-group.field-userprofile-alternate_no:after,
#form .formmain .form-container .formouter .form-fields li .form-field .form-group.field-contactperson-0-mobile:after{ position: absolute; left: 15px; top: 38px; content: "+91"; color: rgba(0,0,0,0.6); width: 25px; height: 20px;}

#form .formmain .form-container .formouter .form-fields li .form-field .form-group .help-block{/* position: absolute; bottom: -4px; left: 0;*/ margin: 0; padding: 0; font-size: 0.95em;     color: #a94442;}
#form .formmain .form-container .formouter .form-fields li .form-field .form-group label{   font-size: 0.97em;  }
#form .formmain .form-container .formouter .form-fields li .form-field .form-group .form-control{ box-shadow: none; height: 55px; border-color: rgba(0,0,0,0.24);}
#form .formmain .form-container .formouter .form-fields li .form-field .form-group textarea.form-control{ height: 100px; resize: none;}

#form .formmain .form-container .formouter .form-fields li .form-field .form-group .form-control:focus, 
#form .formmain .form-container .formouter .form-fields li .form-field .form-group .form-control:hover{ border-color: rgba(233,130,50,.4); -webkit-box-shadow: 0 0 1px rgba(37,106,6,.4); -moz-box-shadow: 0 0 1px rgba(37,106,6,.4); box-shadow: 0 0 1px rgba(37,106,6,.4);}
#form .formmain .form-container .formouter .form-fields li .form-field .form-group.field-userprofile-mobile .form-control,
#form .formmain .form-container .formouter .form-fields li .form-field .form-group.field-userprofile-alternate_no .form-control,
#form .formmain .form-container .formouter .form-fields li .form-field .form-group.field-contactperson-0-mobile .form-control{ padding-left: 45px;}

#form .formmain .form-container .formouter .form-fields li .form-field .form-group.has-error .form-control{ border-color: #a94442;}
#form .formmain .form-container .formouter .form-fields li .form-field .form-group.has-success .form-control{ border-color: #3c763d;}



#form .formmain .form-container .formouter .form-fields li .form-field .file-upload-wrapper{ position: relative; padding-right: 85px;}
#form .formmain .form-container .formouter .form-fields li .form-field .file-upload-wrapper .file-upload-input {    width: 100%;
                                                                                                                    height: 55px;
                                                                                                                    border: none;
                                                                                                                    padding: 0 20px;
                                                                                                                    color: rgba(0,0,0,0.7);
}
#form .formmain .form-container .formouter .form-fields li .form-field .file-upload-wrapper .file-upload-input:focus{ outline: 0 none;}
#form .formmain .form-container .formouter .form-fields li .form-field .custom-file-upload .help-block{ white-space: nowrap;}
#form .formmain .form-container .formouter .form-fields li .form-field .file-upload-wrapper .form-control{padding: 6px ; background: none; position: absolute; top: 0; left: 0;}
#form .formmain .form-container .formouter .form-fields li .form-field .file-upload-wrapper .form-control span{ background: rgba(0,0,0,0.1); border-radius: 4px; color: rgba(0,0,0,0.7); text-align: center; display: block; max-width: 70px; padding: 10px 0; margin: auto; margin-right: 0;}


#form .formmain .form-container .formouter .form-fields li .form-field.minusplus .btn{ margin-right: 5px;}
#form .formmain .form-container .formouter .form-fields li .form-field.minusplus .addmorebtn{ margin-right: 5px;}



#form .formmain .form-container .formouter .formpad{ display: block; padding-bottom: 0;}
#form .formmain .form-container .formouter .formpad .form-fields{ padding-bottom: 0; margin-bottom: 0;}
#form .formmain .form-container .formouter .form-subtitles{ font-size: 1.1em; text-align: left; font-weight: 600; color: rgba(0,0,0,0.7); padding: 15px 0 0;} 
#form .formmain .form-container .formouter .formpad .control-label{ display: block; clear: both;}
#form .formmain .form-container .formouter .formpad .form-fields li .form-field .form-group textarea.form-control{ height: 243px;}
#form .formmain .form-container .formouter .formpad .form-fields li .form-field .form-group span.form-control{ padding: 0; position: relative;}
#form .formmain .form-container .formouter .formpad .form-fields li .form-field .form-group span.form-control:after{ position: absolute; top: 17px; right: 17px; font-family: fontawesome; content: "\f0d7"; color: rgba(0,0,0,0.7); }
#form .formmain .form-container .formouter .formpad .form-fields li .form-field .form-group span.form-control:hover:after{    content: "\f0d8";}
#form .formmain .form-container .formouter .formpad .form-fields li .form-field .form-group .custom-select{ width: 100%; height: 100%;   top: 0; left: 0; border: none; background: none;  z-index: 1;     border: 1px solid rgba(0,0,0,0.24);  padding: 17px 12px; border-radius: 3px;}
#form .formmain .form-container .formouter .formpad .form-fields li .form-field .form-group .custom-select:hover,
#form .formmain .form-container .formouter .formpad .form-fields li .form-field .form-group .custom-select:focus{ border:1px solid rgba(233,130,50,.4);
                                                                                                                  -webkit-box-shadow: 0 0 1px rgba(37,106,6,.4);
                                                                                                                  -moz-box-shadow: 0 0 1px rgba(37,106,6,.4);
                                                                                                                  box-shadow: 0 0 1px rgba(37,106,6,.4); }
#form .formmain .form-container .formouter .formpad .form-fields li .form-field .form-group span.form-control .holder{ padding: 17px ; display: block;}
#form .formmain .form-container .formouter .formpad .form-fields li .form-field .form-group.has-error .custom-select{border-color: #a94442 !important;}

#form .formmain .form-container .formouter .btn-forms { border: 1px solid rgba(0,0,0,0.3); padding: 10px 15px; width: 250px; margin: auto; font-size: 1.5em; font-weight: 600; text-transform: uppercase;  text-align: center; display: block;


                                                        background-image: -moz-linear-gradient(top,  rgba(0,0,0,0) 0%, rgba(0,0,0,0) 1%, rgba(0,0,0,0.15) 100%);
                                                        background-image: -webkit-linear-gradient(top,  rgba(0,0,0,0) 0%,rgba(0,0,0,0) 1%,rgba(0,0,0,0.15) 100%);
                                                        background-image: linear-gradient(to bottom,  rgba(0,0,0,0) 0%,rgba(0,0,0,0) 1%,rgba(0,0,0,0.15) 100%);     

                                                        box-shadow:0 2px 1px rgba(0,0,0,.05),inset 0 1px rgba(255,255,255,.24);
                                                        text-shadow:1px 1px rgba(0,0,0,.38);

}
#form .formmain .form-container .formouter .btn-forms:hover{background-image: -moz-linear-gradient(top,  rgba(0,0,0,0.15) 0%, rgba(0,0,0,0) 99%, rgba(0,0,0,0) 100%);
                                                            background-image: -webkit-linear-gradient(top,  rgba(0,0,0,0.15) 0%,rgba(0,0,0,0) 99%,rgba(0,0,0,0) 100%);
                                                            background-image: linear-gradient(to bottom,  rgba(0,0,0,0.15) 0%,rgba(0,0,0,0) 99%,rgba(0,0,0,0) 100%);

}



#form .formmain .form-container .formouter .container-department{ padding-top: 20px;}

#form .companybox{ display: block; float: right; width:30%; padding-left: 15px; }
#form .companybox .innerhold{  border: 1px solid rgba(0,0,0,0.1); border-radius:10px; padding: 30px; }
#form .companybox .innerhold .csrblock-title{ font-size: 1.7em; font-weight: 600; }
#form .companybox.govts .innerhold .csrblock-title{ font-size: 1.3em;  }
#form .companybox .innerhold p{  font-size: 0.97em; line-height: 1.6; padding-top: 10px;}
#form .companybox .innerhold  .csrblock-title + p{padding: 25px 0 0;}
#form .companybox .innerhold ol{ display: block; clear: both; padding: 15px 0 0; margin: 0; }
#form .companybox .innerhold ol li{ display: block; clear: both; padding-bottom: 25px;}
#form .companybox .innerhold ol li h3{ font-size: 1.2em; color: rgba(0,0,0,0.85); padding-top:5px;}







/*home dynamic pages css*/
.dynamic-pages{ display: block; clear: both; padding:  0; }
.dynamic-pages:after{ display: table; clear: both; content: "";}
.dynamic-pages .mainbanner{ display: block; clear: both; padding: 50px 20px 50px; background: url(../image/handicraft-banner.jpg) no-repeat 0 0; background-size: cover; -webkit-background-size: cover; margin-top: -7px;}
.dynamic-pages .mainbanner:after{ display: table; clear: both; content: "";}

.dynamic-pages .mainbanner.healthbanner {background-image: url('../image/healthbanner.jpg');}
.dynamic-pages .mainbanner.skillbanner {background-image: url('../image/skillbanner.jpg') ;}
.dynamic-pages .mainbanner.swachbanner {background-image: url('../image/swachbanner.jpg');  }
.dynamic-pages .mainbanner.waterbanner {background-image: url('../image/waterbg.jpg');}




.dynamic-pages .mainbanner i{ font-size: 2.4em; color: #fff; text-align: left; padding: 0 0 15px; line-height: 1.2; font-style: italic;}
.dynamic-pages .mainbanner p{ color: #fff; text-align: left; font-size: 1.7em; font-weight: 400; line-height: 1.4; padding-bottom: 15px; }
.dynamic-pages .mainbanner .bannertext{ max-width: 750px; }
.dynamic-pages .mainbanner .youtube_thums{ display: block; clear: both; margin: 0 -15px; padding: 0 0 20px;}
.dynamic-pages .mainbanner .youtube_thums:after{ display: table; clear: both; content: "";}
.dynamic-pages .mainbanner .youtube_thums li{ float: left;  padding:  15px; display: block;}
.dynamic-pages .mainbanner .youtube_thums li a{ display: block;}
.dynamic-pages .mainbanner .youtube_thums li a img{ transition: all ease 0.3s; -webkit-transition: all ease 0.3s; display: block;}
.dynamic-pages .mainbanner .youtube_thums li a:hover img{ transform: scale(1.05);}

.dynamic-pages .mainbanner .bntsectionnew { display: block; clear: both; margin: 0 ; padding: 0;}
.dynamic-pages .mainbanner .bntsectionnew:after{ display: table; clear: both; content: "";}
.dynamic-pages .mainbanner .bntsectionnew a{ float: left;  padding:10px  15px; background: none; border: 2px solid #fff; color: #fff; text-align: center; display: block; float: left; margin-right: 20px; font-size: 1.3em; text-decoration: none;}
.dynamic-pages .mainbanner .bntsectionnew a:hover{ background: #fff; color: #000;}

.dynamic-pages .whyimp{ display: block; clear: both; padding: 45px 0;}
.dynamic-pages .whyimp:after{ display: table; clear: both; content: "";}
.dynamic-pages .whyimp .whyleft{ float: left; width: 50%; padding-right: 25px;}
.dynamic-pages .whyimp .whyright{ float: right; width: 50%; padding-left: 25px;}
.dynamic-pages .whyimp .whylefthead{ font-size: 2.2em; font-weight: 700; color: #852738; text-align: left; padding-bottom: 20px;}
.dynamic-pages .whyimp .whylefthead span{ display: block; font-weight: 400; font-size: 0.95em; }
.dynamic-pages .whyimp .whyleft p{ font-size: 1.45em; font-weight: 400; line-height: 1.65; color: rgba(0,0,0,0.65); padding-bottom: 20px; text-align: justify;}
.dynamic-pages .whyimp .whyright p{ font-size: 1.45em; font-weight: 400; line-height: 1.65; color: rgba(0,0,0,0.65); padding-bottom: 20px; text-align: justify;}
.dynamic-pages .whyimp .whyright .whydark{ font-size: 1.2em; line-height: 1.45; padding-bottom: 15px;}
.dynamic-pages .whyimp .whyright .rightcontri{ font-size: 1.2em; line-height: 1.45; color: #852738; }
.dynamic-pages .whyimp .whyright .whydark i{ color: #852738;}

.dynamic-pages .handicraftimg{ display: block; clear: both; padding: 100px 0 100px; background: url(../image/handicraft-img.jpg) no-repeat 0 0; background-size: cover; -webkit-background-size: cover; }
.dynamic-pages .handicraftimg img{ display: block; max-width: 522px; padding: 10px 0 30px; margin: auto;}
.dynamic-pages .handicraftimg p{ font-size: 1.45em; font-weight: 300; line-height: 1.65; color: #fff; padding-bottom: 20px; text-align: center; max-width:1000px; margin: auto;}

.dynamic-pages .handicraftgallery{ display: block; clear: both; padding: 45px 0;}
.dynamic-pages .handicraftgallery:after{ display: table; clear: both; content: "";}
.dynamic-pages .handicraftgallery #gallerybody{ display: block; clear: both; margin:-2px; padding: 0; }
.dynamic-pages .handicraftgallery #gallerybody:after{ display: table; clear: both; content: "";}
.dynamic-pages .handicraftgallery #gallerybody li{ float: left; padding: 2px; display: block;}
.dynamic-pages .handicraftgallery #gallerybody li:after{ display: table; clear: both; content: "";}
.dynamic-pages .handicraftgallery #gallerybody li .item{ display: block; overflow: hidden; position: relative;}
.dynamic-pages .handicraftgallery #gallerybody li a{ overflow: hidden; display: block; position: relative;}
.dynamic-pages .handicraftgallery #gallerybody li a:before{ border: 1px solid #fff; background: none; height: calc(100% - 10px); width: calc(100% - 10px); display: block; position: absolute; top: 5px; left: 5px; content: ""; z-index: 1; opacity: 0; transition: all ease 0.3s; -webkit-transition: all ease 0.3s;}
.dynamic-pages .handicraftgallery #gallerybody li a:after{ display: block; width: 35px; height: 35px; border: 1px solid #fff; border-radius: 50%; text-align: center; line-height: 32px; font-family: 'icomoon'; content: "\e90a"; font-size: 1.1em; position: absolute; top: 50%; left: 50%; margin: -17px 0 0 -17px; color: #fff; opacity: 0; transition: all ease 0.3s; -webkit-transition: all ease 0.3s; transform: translateY(-120px);}

.dynamic-pages .handicraftgallery #gallerybody li a:hover:before{ opacity: 1;}
.dynamic-pages .handicraftgallery #gallerybody li a:hover:after{ opacity: 1; transform: translateY(0) scale(1.3);}


.dynamic-pages .handicraftgallery #gallerybody li img{ width: 100%; transition: all ease 0.3s; -webkit-transition: all ease 0.3s; display: block;}
.dynamic-pages .handicraftgallery #gallerybody li a:hover img { transform: scale(1.1);}



.dynamic-pages .handicraftgallery #gallerybody li.one{ width: 45.5%;}
.dynamic-pages .handicraftgallery #gallerybody li.two{ width: 32%;}
.dynamic-pages .handicraftgallery #gallerybody li.three{ width: 22.5%;}

.dynamic-pages .handicraftgallery #gallerybody li.one .listone{ float: left; width: 44%; padding-right: 2px;}
.dynamic-pages .handicraftgallery #gallerybody li.one .listone  .item{  padding: 2px 0 0}
.dynamic-pages .handicraftgallery #gallerybody li.one .listone  .item:first-child{ padding: 0 0 2px}
.dynamic-pages .handicraftgallery #gallerybody li.one .lsittwo{ float: right; width:56%; padding-left: 2px;}


.dynamic-pages .handicraftgallery #gallerybody li.two .listone{ display: block; clear: both;}
.dynamic-pages .handicraftgallery #gallerybody li.two .listone:after{ display: table; clear: both; content: "";}
.dynamic-pages .handicraftgallery #gallerybody li.two .listone  .item{  float: left; width: 51%; padding: 0 0 2px 2px;}
.dynamic-pages .handicraftgallery #gallerybody li.two .listone  .item:first-child{ padding: 0 2px 2px 0; width: 49%;}
.dynamic-pages .handicraftgallery #gallerybody li.two .lsittwo  .item { padding-top: 2px; display: block;}

.dynamic-pages .handicraftgallery #gallerybody li.three .listone  .item{ display: block; padding-bottom: 2px;}
.dynamic-pages .handicraftgallery #gallerybody li.three .lsittwo{  clear: both;}
.dynamic-pages .handicraftgallery #gallerybody li.three .lsittwo:after{ display: table; clear: both; content: "";}
.dynamic-pages .handicraftgallery #gallerybody li.three .lsittwo  .item{ float: left; width: 42%; padding: 2px 0 0 2px;}
.dynamic-pages .handicraftgallery #gallerybody li.three .lsittwo  .item:first-child{ width: 58%; padding: 2px 2px 0 0;}


.dynamic-pages .taxhandicraft{ display: block; clear: both; padding: 0 0 30px;}
.dynamic-pages .taxhandicraft:after{ display: table; clear: both; content: "";}
.dynamic-pages .taxhandicraft .taxhead{ font-size: 2em; color: #852738; text-transform: uppercase; font-weight: 700; padding-bottom: 30px;}
.dynamic-pages .taxhandicraft .taxtitle{ display: block; text-transform: none; font-size: 1.5em; font-weight: 500; padding-bottom: 5px;}
.dynamic-pages .taxhandicraft p { font-size: 1.2em; font-weight: 400; line-height: 1.65; color: rgba(0,0,0,0.65); padding-bottom: 20px;  text-align: justify; }
.dynamic-pages .taxhandicraft .note { font-size: 1.2em; font-weight: 400; line-height: 1.65; color: rgba(0,0,0,0.65); padding-bottom: 20px;  text-align: justify; }
.dynamic-pages .taxhandicraft .bold { font-size: 1.2em; font-weight: 600; line-height: 1.65; color: rgba(0,0,0,0.65); padding-bottom: 20px;  text-align: justify; }

/*popups css */

@media (min-width: 768px){
    .modal-dialog {
        width: 700px;
        margin: 30px auto;
    }
}

#gsc_modal_overlay{ background: rgba(0,0,0,0.5);}
.gsc_modal_noscroll{ overflow: auto;}
.gsc_modal .gsc_modal_wrapper{ border: none; padding: 0;   display: block; overflow: auto; color: #333333;}
.gsc_modal.gsc_modal_open{ display: block;}
.gsc_modal_vmiddle{ top: 30px; margin-top: 0; transform: translateY(0);}




.modal-body { padding: 20px; }
.modal-body .csrblock-title{ font-size: 2em; font-weight: 600; padding-bottom: 15px;}
.registration-popup,
.registration-popup .regsttype{ display: block; clear: both; padding: 0; padding: 0;}
.registration-popup .regsttype { padding:20px 0;}
.registration-popup:after,
.registration-popup .regsttype:after{ display: table; clear: both; content: ""}
.registration-popup .regsttype li{ display: block; float: left; width: 20%; padding: 0; margin: 0;}
.registration-popup .regsttype li .regstlist{ display: block; width: 150px; height: 150px; border-radius: 50%; border: 2px solid rgba(0,0,0,0.3); text-align: center; margin: auto; padding-top: 21px; position: relative; transition: ease all 0.3s; cursor: pointer;}
.registration-popup .regsttype li .regstlist:before{ width: 42px; height: 42px; background: #fff; border-radius: 50%; position: absolute; top: 2px; right: -5px;   content: "\e911"; font-family: 'icomoon'; font-size: 2.3em; line-height: 39px;    text-align: center; opacity: 0; transition: ease all 0.3s; color: #000;}
.registration-popup .regsttype li .regstlist.activelist:before,
.registration-popup .regsttype li .regstlist:hover:before{ opacity: 1;}
.registration-popup .regsttype li .regstlist i{ font-size: 3.2em; color: rgba(0,0,0,0.6); transition: ease all 0.3s;}
.registration-popup .regsttype li .regstlist.govt { padding-top: 5px;}
.registration-popup .regsttype li .regstlist.govt i{ font-size: 5em; color: rgba(0,0,0,0.8); transition: ease all 0.3s;}

.registration-popup .regsttype li .regstlist .title{ display: block; font-weight: 400; font-size: 0.97em; color: rgba(0,0,0,0.7); line-height: 1.3; padding: 5px 0 0; display: block; transition: ease all 0.3s;}


.registration-popup .regsttype li .regstlist:hover{ border-color: #000;}
.registration-popup .regsttype li .regstlist:hover i{color: #000;}
.registration-popup .regsttype li .regstlist.govt:hover i{color: #000;}
.registration-popup .regsttype li .regstlist:hover .title{color: #000;}


.registration-popup .regsttype li .regstlist.activelist{ border-color: #000;}
.registration-popup .regsttype li .regstlist.activelist i{color: #000;}
.registration-popup .regsttype li .regstlist.activelist.govt i{color: #000;}
.registration-popup .regsttype li .regstlist.activelist .title{color: #000;}



.modal-body .btn-popup { border: 1px solid rgba(0,0,0,0.3); padding: 10px 15px; width: 250px; margin: auto; font-size: 1.5em; font-weight: 600; text-transform: uppercase;  text-align: center; display: block;
                         background-color: rgba(0,0,0,0.3);   

                         background-image: -moz-linear-gradient(top,  rgba(0,0,0,0) 0%, rgba(0,0,0,0) 1%, rgba(0,0,0,0.15) 100%);
                         background-image: -webkit-linear-gradient(top,  rgba(0,0,0,0) 0%,rgba(0,0,0,0) 1%,rgba(0,0,0,0.15) 100%);
                         background-image: linear-gradient(to bottom,  rgba(0,0,0,0) 0%,rgba(0,0,0,0) 1%,rgba(0,0,0,0.15) 100%);     

                         box-shadow:0 2px 1px rgba(0,0,0,.05),inset 0 1px rgba(255,255,255,.24);
                         text-shadow:1px 1px rgba(0,0,0,.38);

}
.modal-body .btn-popup:hover{background-image: -moz-linear-gradient(top,  rgba(0,0,0,0.15) 0%, rgba(0,0,0,0) 99%, rgba(0,0,0,0) 100%);
                             background-image: -webkit-linear-gradient(top,  rgba(0,0,0,0.15) 0%,rgba(0,0,0,0) 99%,rgba(0,0,0,0) 100%);
                             background-image: linear-gradient(to bottom,  rgba(0,0,0,0.15) 0%,rgba(0,0,0,0) 99%,rgba(0,0,0,0) 100%);

}

.registration-popup .btnblock p{    margin-top: 10px;
                                    display: block;
                                    padding: 5px 0 15px;
                                    text-align: center;
                                    font-size: 1.3em;}


.registration-popup .btnblock p a{ text-decoration: none; color: rgba(0,0,0,0.7);}
.registration-popup .btnblock p a:hover{ color: #000;}



/*show intreset popup css here*/

.shointreset{ display: block; clear: both;}
.shointreset .csrblock-title small{     display: block;
                                        line-height: 1.5;
                                        font-size: 0.5em;
                                        text-transform: none;
                                        font-weight: 400;
                                        letter-spacing: 0.05em;
                                        padding: 4px 0 0;
                                        font-family:'Lato', 'open sans', arial;
}

.shointreset #form{ padding-top: 0;}
.shointreset #form .formmain .form-container{ border: none; padding: 0; margin-bottom: 0;}
.shointreset #form .formmain .form-container .formouter{ margin: 0 -15px 30px; padding: 10px 20px;}
.shointreset #form .formmain .form-container .formouter li{ padding: 0 0 10px;}
.shointreset #form .formmain .form-container .formouter .form-fields li .form-field .form-group textarea.form-control{ height: 120px;}
.shointreset #form .formmain .form-container .formouter.buttonblock{ margin-bottom: 0;}
.shointreset #form .formmain .form-container .formouter .formpad .form-fields li .form-field .form-group span.form-control { overflow: hidden;}
.shointreset #form .formmain .form-container .formouter .formpad .form-fields li .form-field .form-group span.form-control select{ opacity: 1; width: 105%;}


/*Sponsor popup css here*/

.sponsorForm{ display: block; clear: both;}
.sponsorForm .csrblock-title small{     display: block;
                                        line-height: 1.5;
                                        font-size: 0.5em;
                                        text-transform: none;
                                        font-weight: 400;
                                        letter-spacing: 0.05em;
                                        padding: 4px 0 0;
                                        font-family:'Lato', 'open sans', arial;
}

.sponsorForm #form{ padding-top: 0;}
.sponsorForm #form .formmain .form-container{ border: none; padding: 0; margin-bottom: 0;}
.sponsorForm #form .formmain .form-container .formouter h3.csrblock-title{line-height: 1.4; padding: 15px 0 10px;  }
.sponsorForm #form .formmain .form-container .formouter{ margin: 0 -15px 30px; padding: 10px 20px;}
.sponsorForm #form .formmain .form-container .formouter li{ padding: 0 0 10px;}
.sponsorForm #form .formmain .form-container .formouter .form-fields li .form-field .form-group textarea.form-control{ height: 120px;}
.sponsorForm #form .formmain .form-container .formouter.buttonblock{ margin-bottom: 0;}
.sponsorForm #form .formmain .form-container .formouter .formpad .form-fields li .form-field .form-group span.form-control { overflow: hidden;}
.sponsorForm #form .formmain .form-container .formouter .formpad .form-fields li .form-field .form-group span.form-control select{ opacity: 1; width: 105%;}
.sponsorForm #form .formmain .form-container .formouter .formpad .form-fields li .minusplus{ text-align: left; padding-top: 10px ;}
.sponsorForm #form .formmain .form-container .formouter .formpad .form-fields li.addtion{ display: none;}
.sponsorForm #form .formmain .form-container .formouter .formpad .container-items1 { padding-top: 20px;}
.sponsorForm #form .formmain .form-container .formouter .formpad .item1:last-child li.addtion{ display: block;}
.sponsorForm #form .formmain .form-container .formouter .formpad .item1{ position: relative; border-bottom: 1px solid rgba(0,0,0,0.2); margin: 0 0 20px; padding: 0 0 10px;}
.sponsorForm #form .formmain .form-container .formouter .formpad .item1:last-child{ border: none; margin: 0; padding: 0;}
.sponsorForm #form .formmain .form-container .formouter .formpad .item1:before,
.sponsorForm #form .formmain .form-container .formouter .formpad .item1:after{ border: 3px solid rgba(0,0,0,0.2); background: #fff; border-radius: 50%; width: 15px; height: 15px; content: ""; position: absolute; bottom: -8px; display: block;}
.sponsorForm #form .formmain .form-container .formouter .formpad .item1:before{ left: 0;}
.sponsorForm #form .formmain .form-container .formouter .formpad .item1:after{ right: 0;}
.sponsorForm #form .formmain .form-container .formouter .formpad .item1:last-child:before,
.sponsorForm #form .formmain .form-container .formouter .formpad .item1:last-child:after{ display: none;}

.sponsorForm #form .formmain .form-container .formouter .formpad .radiobtnclass{ text-align: left;}
.sponsorForm #form .formmain .form-container .formouter .formpad .radiobtnclass .address-type{ padding-top: 5px;}
.sponsorForm #form .formmain .form-container .formouter .formpad .address-type .checkbox label{ font-size: 1.15em; display: block; margin: 10px 0;}
.sponsorForm #form .formmain .form-container .formouter .formpad .address-type .checkbox label:before{  top: 3px;   height: 20px;    width: 20px;}
.sponsorForm #form .formmain .form-container .formouter .formpad .address-type .checkbox label:after{font-size: 14px; left: 3px; top: 6px;}


/*recomandation popup*/

.recommendform{ display: block; clear: both;}
.recommendform .logo-cf{width: 68px; margin: auto; padding-bottom: 10px; }
.recommendform .csrblock-title small{     display: block;
                                          line-height: 1.5;
                                          font-size: 0.5em;
                                          text-transform: none;
                                          font-weight: 400;
                                          letter-spacing: 0.05em;
                                          padding: 4px 0 0;
                                          font-family:'Lato', 'open sans', arial;
}

.recommendform #form{ padding-top: 0; max-height: 500px; overflow-x: hidden; overflow-y: auto;}
.recommendform #form .formmain .form-container{ border: none; padding: 0; margin-bottom: 0;}
.recommendform #form .formmain .form-container .formouter{ margin: 0 -15px 30px; padding: 10px 20px;}
.recommendform #form .formmain .form-container .formouter li{ padding: 0 0 10px;}
.recommendform #form .formmain .form-container .formouter .form-fields li .form-field .form-group textarea.form-control{ height: 120px;}
.recommendform #form .formmain .form-container .formouter.buttonblock{ margin-bottom: 0;}
.recommendform #form .formmain .form-container .formouter .formpad .form-fields li .form-field .form-group span.form-control { overflow: hidden;}
.recommendform #form .formmain .form-container .formouter .formpad .form-fields li .form-field .form-group span.form-control select{ opacity: 1; width: 105%;}


.pledenow .logo-cf{width: 68px; margin: auto; padding-bottom: 10px; }

.pledenow.registration-popup .regsttype li{ width: 33.3334%;}
.pledenow.registration-popup .regsttype li:nth-child(2){ border: 1px solid rgba(0,0,0,0.1); border-width: 0 1px;}

.pledenow.registration-popup .btnblock{ padding: 30px 0;}


#form #registration .pledge.formmain{ float: none; margin: auto;}
#form #registration .pledge.formmain .logo-cf{width: 68px; margin: auto; padding-bottom: 10px; }
#form #registration .pledge.formmain .csrblock-title{
    font-size: 2em;
    font-weight: 600;
    padding-bottom: 15px;
}
#form #registration .pledge.formmain p{ text-align: center; font-size: 1.3em; letter-spacing: 0;}
#form #registration .pledge.formmain .resourc-li .checkbox-holder{ display: block; clear: both;}
#form #registration .pledge.formmain .resourc-li .checkbox-holder:after{ display: table; clear: both; content: ""}
#form #registration .pledge.formmain .resourc-li .checkbox-holder .indisplay{ display: block; clear: both;  padding-top: 20px;}
#form #registration .pledge.formmain .resourc-li .checkbox-holder .indisplay:after{ display: table; clear: both; content: ""}
#form #registration .pledge.formmain .resourc-li .checkbox-holder .checkbox{ float: left; width: 50%; margin-bottom: 0; margin-top: 0;}
#form #registration .pledge.formmain .resourc-li .checkbox-holder .checkbox label{ font-size: 1.1em;}

/*.otp #form #registration .formmain .form-container{ border: none;}
.otp #form #registration .formmain .form-container .formouter{margin: 0 -15px 30px; padding: 10px 20px;}*/
#form  .formmain.otp .form-container h3{ text-align: center;}
#form  .formmain.otp .form-container p{ text-align: center;}

#form  .formmain.otp .form-container  .form-fields { text-align: center; max-width: 300px; margin: auto; padding: 10px 0 0;}
#form  .formmain.otp .form-container  .form-fields li .form-control{ text-align: center;}
#form  .formmain.otp .form-container  .form-fields li .help-block{ text-align: center;}
#form  .formmain.otp .form-container  .form-fields li .help-block{ text-align: center;}

#form .formmain #interested-form.form-container .formouter p{ text-align: center;}
#form .formmain #interested-form.form-container .formouter.noAfter{ border: none; margin-bottom: 0;}
#form .formmain #interested-form.form-container .formouter.noAfter:after{ display: none;}


.successpage .midpart{ background:rgba(0,0,0,0.04) url('../image/thankubg.png') no-repeat center top; padding-bottom: 250px; }
.successpage .thankubg{ max-width: 950px; margin: auto;}
.successpage .thankubg:after{ display: table; clear: both; content: ""}
.successpage .thankubg .thankuleft { float: left; width: 50%;}
.successpage .thankubg .thankuright { float: right; width: 50%;}
.successpage .thankubg .thankuright h1{ display: block; clear: both; padding: 120px 0 15px; margin: auto; font-family: 'aspiredemibold', arial; font-size: 8em; letter-spacing: -0.04em; color: #000; text-shadow: 0 1px 2px rgba(0,0,0,0.3); text-align: center;}

.successpage .thankubg .thankuright p{ font-size: 1.3em; font-weight: 400; line-height: 1; padding-bottom: 25px; text-align: center;}

.successpage .thankubg .thankuright .btn-return { border: 1px solid rgba(0,0,0,0.3); padding: 10px 25px; width: auto; margin: auto; font-size: 1.2em; font-weight: 600; text-transform: uppercase;  text-align: center; display: block; background-image: -moz-linear-gradient(top,  rgba(0,0,0,0) 0%, rgba(0,0,0,0) 1%, rgba(0,0,0,0.15) 100%);
                                                  background-image: -webkit-linear-gradient(top,  rgba(0,0,0,0) 0%,rgba(0,0,0,0) 1%,rgba(0,0,0,0.15) 100%); background-image: linear-gradient(to bottom,  rgba(0,0,0,0) 0%,rgba(0,0,0,0) 1%,rgba(0,0,0,0.15) 100%); box-shadow:0 2px 1px rgba(0,0,0,.05),inset 0 1px rgba(255,255,255,.24);text-shadow:1px 1px rgba(0,0,0,.38);}

.successpage .thankubg .thankuright .btn-return:hover{background-image: -moz-linear-gradient(top,  rgba(0,0,0,0.15) 0%, rgba(0,0,0,0) 99%, rgba(0,0,0,0) 100%); background-image: -webkit-linear-gradient(top,  rgba(0,0,0,0.15) 0%,rgba(0,0,0,0) 99%,rgba(0,0,0,0) 100%); background-image: linear-gradient(to bottom,  rgba(0,0,0,0.15) 0%,rgba(0,0,0,0) 99%,rgba(0,0,0,0) 100%);}

.successpage .thankubg .thankuleft  .bigcircle{ display: block; max-width: 410px; height: 412px; position: relative; }
.successpage .thankubg .thankuleft  .thumcircle{     display: block;
                                                     position: absolute;
                                                     left: 50%;
                                                     top: 50%;
                                                     max-width: 306px;
                                                     height: 303px;
                                                     margin-left: -152px;
                                                     margin-top: -149px;}



.successpage .thankubg .thankuleft  .spinreverse {
    -webkit-animation: antispin 50s infinite linear;
    -moz-animation: antispin 50s infinite linear;
    -ms-animation: antispin 50s infinite linear;
    -ms-animation: antispin 50s infinite linear;
    animation: antispin 50s infinite linear
}

@-webkit-keyframes antispin {
    0% {
        -webkit-transform: rotate(0deg)
    }
    100% {
        -webkit-transform: rotate(-360deg)
    }
}

@-moz-keyframes antispin {
    0% {
        -moz-transform: rotate(0deg)
    }
    100% {
        -moz-transform: rotate(-360deg)
    }
}

@-ms-keyframes antispin {
    0% {
        -ms-transform: rotate(0deg)
    }
    100% {
        -ms-transform: rotate(-360deg)
    }
}

@-o-keyframes antispin {
    0% {
        -o-transform: rotate(0deg)
    }
    100% {
        -o-transform: rotate(-360deg)
    }
}

div.powerlistmenu { display: none;}
.header .header-inner .menu-btn{ display: none;}
.menu-bg{ display: none;}

.without-pipe-sign:after {content:"" !important}


/*services detail page css*/

.providers{ display: block; clear: both; padding: 15px 0;}
.providers h2 {
    font-size: 1.45em;
    display: block;
    clear: both;
    padding: 0 0 15px;
    margin: 0;
}
.providers .provider-list{ display: block; clear: both; padding: 0;}
.providers .provider-list:after{ display: table; clear: both; content: "";}

.providers .provider-list .p-item-list{ display: block; clear: both; padding: 0; margin: 0 -5px;}
.providers .provider-list .p-item-list:after{ display: table; clear: both; content: "";}

.providers .provider-list .p-items{ display: block; float: left; width: 25%; padding: 0 5px; text-align: center; }
.providers .provider-list .p-items .item-holder{ position: relative; overflow: hidden;}
.providers .provider-list .p-items .item-holder:after{ display: table; clear: both; content: "";}
.providers .provider-list .p-items .provider-logo{ display: block; clear: both; border: 1px solid rgba(0,0,0,0.1); padding: 5px; height: 200px; line-height: 185px; text-align: center; vertical-align: middle;}
.providers .provider-list .p-items .provider-logo > img{ display: inline-block; vertical-align: middle; max-height: 95%; max-width: 95%; width: auto; height: auto;}
.providers .provider-list .p-items .provider-detail{ position: absolute; left: 0; top: calc(100% - 30px); transition: all ease 0.3s; -webkit-transition: all ease 0.3s;  width: 100%; height: 100%;  display: block; clear: both; padding: 10px 10px 40px; background: rgba(31,55,65,0.93);}
.providers .provider-list .p-items:hover .provider-detail{ top: 0;}
.providers .provider-list .p-items .provider-detail h3{ font-size: 1.05em; font-weight: 500; text-transform: uppercase; white-space: nowrap; text-align: left; line-height: 1; padding: 0 0 5px;  color:#fff; overflow: hidden; text-overflow: ellipsis;}
.providers .provider-list .p-items .provider-detail p{ font-size: 0.95em; line-height: 1.35; text-align: left; color:#fff; padding-bottom: 10px;}

.providers .provider-list .p-items .provider-detail a {
    display: block;
    width: 90px;
    padding: 5px 0;
    text-align: center;
    background: rgba(0,0,0,0.2);
    color: #fff;
    font-size: 0.85em;
    position: absolute;
    bottom: 10px;
    left: 10px;
}
.providers .provider-list .p-items .provider-detail a:hover{ background: rgba(0,0,0,0.8);}
.providers .provider-list .gscr_slideOuter{ overflow: hidden;}
.providers .provider-list .gscr_slideOuter .gscr_lSAction a { width: 40px; height: 40px; border-radius: 50%; background: rgba(0,0,0,0.5); color: #fff; text-align: center;  top: 50%; transform: none; transition: all ease 0.3s; -webkit-transition: all ease 0.3s; margin-top: -20px;}
.providers .provider-list .gscr_slideOuter .gscr_lSAction a:before{font-size: 25px; width: 40px; text-align: center; display: block; line-height: 38px;}
.providers .provider-list .gscr_slideOuter .gscr_lSAction a:hover { background: rgba(0,0,0,0.8);}
.providers .provider-list .gscr_slideOuter .gscr_lSAction a.gscr_lSPrev{left:-50px}
.providers .provider-list .gscr_slideOuter .gscr_lSAction a.gscr_lSNext{right:-50px}
.providers .provider-list .gscr_slideOuter:hover .gscr_lSAction a.gscr_lSPrev{left:15px}
.providers .provider-list .gscr_slideOuter:hover .gscr_lSAction a.gscr_lSNext{right:15px}




/*footer changes with new footer*/

.footer .footer-top .nodal-officer{ float: left; width:55%; padding: 0 10px;}
.footer .footer-top .nodal-officer .nodal-container{ display: block; margin: auto; }
.footer .footer-top .nodal-officer .nodal-container:after{ display: table; clear: both; content: "";}
.footer .footer-top .nodal-officer h3{text-align: center; }
.footer .footer-top .nodal-officer p.links{ line-height: 1; font-size: 0.90em; color: rgba(156, 178, 168, 0.55); padding: 10px 0; text-align: center;}
.footer .footer-top .nodal-officer p.links:after{ display: table; clear: both; content: "";}
.footer .footer-top .nodal-officer p.links span { display: inline-block; padding: 0 10px;}
.footer .footer-top .nodal-officer p.links span.email{    border-left: 1px solid rgba(156, 178, 168, 0.55);}
.footer .footer-top .nodal-officer p.links a{ text-decoration: none; color:rgba(156, 178, 168, 0.55); }
.footer .footer-top .nodal-officer p.links a:hover{ color: rgba(156, 178, 168, 0.88);}
.footer .footer-top .nodal-officer p.info{ line-height: 1.3; font-size: 0.90em; color: rgba(156, 178, 168, 0.5); padding: 10px 0; text-align: center;}


/*addetional header css with chnages*/

.header .header-inner .headpanel .govtinfo{ display: block; }
.header .header-inner .headpanel .govtinfo h3{ font-size: 1em; text-align: left; font-weight: 800; color: rgba(0,0,0,0.7); line-height: 1; padding: 0; text-transform: uppercase; padding-bottom:5px;}
.header .header-inner .headpanel .govtinfo p{ font-size: 1.04em; color:  rgba(0,0,0,0.7); line-height: 1; padding: 0; white-space: nowrap;}



.box-layout .gs_ta_results{ z-index: 99; text-transform: uppercase; overflow-x: hidden; min-height: 32px;}
.box-layout .gs_ta_results li { padding: 5px 1em; font-size: 0.95em;}





/*services provider detail page design setting css*/
.services-detail .detailcont{background: none;}

.services-detail .detailcont .imghold{ float: left; width: 30%; padding-bottom: 15px;}
.services-detail .imghold .slide-container {
    overflow: hidden;
    padding: 3px;
    background: #fff;
    box-shadow: 0 0 5px rgba(0,0,0,0.2);
}

.services-detail .imghold .slide-container .galleryopnen {
    display: block;
    vertical-align: middle;
    text-align: center;
    min-height: 250px;
    line-height: 250px;
}

.services-detail .imghold .slide-container .galleryopnen img {
    display: inline-block;
    margin: auto;
    width: auto;
    height: auto;
    width: auto;
    max-width: 100%;
    max-height: 250px;
}

.services-detail .imghold .slide-container .gscr_lSAction a {
    display: block;
    width: 30px;
    height: 30px;
    text-align: center;
    line-height: 34px;
    background: rgba(255,255,255,0.5);
    color: rgba(0,0,0,0.7);
}

.services-detail .imghold .slide-container:hover .gscr_lSAction .gscr_lSPrev {
    left: 5px;
}


.services-detail .imghold .slide-container:hover .gscr_lSAction .gscr_lSNext {
    right: 5px;
}

.services-detail  .detailcont .detailtop {
    border: 1PX SOLID rgba(0,0,0,0.1); margin-bottom: 0;
}



.services-detail .detaillist ul {
    display: block;
    clear: both;
    padding: 0 0 0 15px;
    margin: 0;
}

.services-detail .detaillist ul li {
    display: block;
    clear: both;
    padding: 0 0 15px;
}
.services-detail .detaillist ul li:after{ display: table; clear: both; content: "";}

.services-detail .detaillist ul li .detaillistleft {
    float: left;
    width: 50%;
}


.services-detail .detaillistleft .viewMore{ color: rgba(0,0,0,0.6); text-decoration: none; font-weight: 500;}
.services-detail .detaillistleft .viewMore:hover{ color: rgba(0,0,0,1);}

.services-detail .service-address{ display: block; clear: both; border-top: 1px solid rgba(0,0,0,0.1); padding: 15px 0 0; margin: 15px 0 0;}
.services-detail .service-address .detaillistrow h3{ padding-bottom: 10px;}
.services-detail .service-address .address-list{ display: block; clear: both;   }
.services-detail .service-address .address-list:after{ display: table; clear: both; content: "";}
.services-detail .service-address .address-list > li {clear: both; margin: 0 -10px; display: block; padding-bottom: 20px}
.services-detail .service-address .address-list > li:after{ display: table; clear: both; content: "";}
.services-detail .service-address .address-list > li > .address-box{ float: left; width: 50%; padding: 0 10px; display: block; }
.services-detail .service-address .address-list > li p {border: 1px solid rgba(0,0,0,0.1); padding: 10px 15px; font-size: 0.95em; line-height: 1.5; }
.services-detail .service-address .address-list > li p > span{ display: block; font-weight: 600; padding-bottom: 5px; line-height: 1;}

.services-detail .client-contacts { display: block; clear: both;  padding: 15px 0 0; margin:  0;}
.services-detail .client-contacts h3{ padding-bottom: 10px;}
.services-detail .client-contacts .person-list{ display: block; clear: both;   }
.services-detail .client-contacts .person-list:after{ display: table; clear: both; content: "";}
.services-detail .client-contacts .person-list > li {clear: both; margin: 0 -10px; display: block; padding-bottom: 20px; }
.services-detail .client-contacts .person-list > li:after{ display: table; clear: both; content: "";}
.services-detail .client-contacts .person-list > li > .detaillistleft{ float: left; width: 50%; padding: 0 10px; display: block; }
.services-detail .client-contacts .person-list > li  .cp-box-outer{border: 1px solid rgba(0,0,0,0.1); padding: 10px 15px;}
.services-detail .client-contacts .person-list > li  .cp-box-outer:after{ display: table; clear: both; content: "";}
.services-detail .client-contacts .person-list > li .cperson-box{  float: left; width: 25%;  padding: 0; padding-left: 10px; border-left: 1px solid rgba(0,0,0,0.1) }
.services-detail .client-contacts .person-list > li .cperson-box:first-child{ width: 75%; padding: 0; padding-right: 5px; border: none;}
.services-detail .client-contacts .person-list > li p {font-size: 0.95em; line-height: 1;  }
.services-detail .client-contacts .person-list > li p > span{ display: block; font-weight: 600; padding-bottom: 5px; line-height: 1;}


.services-detail .detaildescribe {border-top: 1px solid rgba(0,0,0,0.1); padding: 15px 0 0; margin: 15px 0 0;}
.services-detail .detaildescribe .video-holder {
    float: left;
    width: 50%;
    padding: 0 20px 20px 0;
}






.services-detail .providers-lists { display: block; clear: both; padding: 15px 0; margin: 0 -10px;}
.services-detail .providers-lists:after{ display: table; clear: both; content: "";}
.services-detail .providers-lists .providers{ float: left; width: 50%; clear: none; padding: 0 10px;}
.services-detail .providers-lists .providers.single-section {width: auto; float: none;}
.services-detail .providers-lists .providers:not(.single-section) .provider-list .p-items{ width: 50%;}
.services-detail .providers-lists .providers .providers-content{ display: block; clear: both; border: 1px solid rgba(0,0,0,0.1); padding: 10px 20px;}
.services-detail .providers-lists .providers .providers-content:after{ display: table; clear: both; content: "";}
.services-detail .providers-lists .providers .providers-content h3{ padding-bottom: 10px;}




.pd-videoslider-container .gscr_lSAction a{    background: rgba(255,255,255,0.5); color: #fff; line-height: 32px; text-align: center;}



.pd-videoslider-container iframe {
    max-width: 100% !important;
    /*  width: auto !important;
      height: auto !important;*/
}


/** 20-05-2019  home changes  **/
.tab-panel .features-list .features-item .backbox {
    position: absolute;
    height: 180px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    width: 100%;
    padding: 0;
}

.tab-panel .features-list .features-item .backbox .btn {
    width: 150px;
    margin: 3px auto 3px;
    padding: 10px 0;
}
.tab-panel .features-container .gscr_lSAction a{
    top:40%;
}
.tab-panel .features-list .features-item .backbox .btn.project-count {
    background: none;
    box-shadow: none;
}






@media (min-width:768px){
    .hamburger.graybg{ opacity: 0; display: none;}

}



.leftsearch .empty{ text-align: center;     padding: 5% 0 10%; min-height: 150px; font-size:35px;}




/*Event pages css */


.projectpages.eventpages .filterlist{margin: -1px 0 0; border-top: none;}
/*
.projectpages.eventpages  .filterlist li{ padding-right: 0;}
.projectpages.eventpages  .filterlist li a{ padding-right: 30px;}
*/

.projectpages.eventpages .eventlisting { display: block; clear: both; padding: 10px 0 0;}
.projectpages.eventpages .eventlisting:after{ display: table; clear: both; content: "";}
.projectpages.eventpages .eventlisting .item{ display: block; clear: both; margin-bottom: 15px; transition: all 0.3s ease-out;    -webkit-transition: all 0.3s ease-out; padding-right: 0;}
.projectpages.eventpages .eventlisting .item:after{ display: table; clear: both; content: "";}
.projectpages.eventpages .eventlisting .item:hover{-webkit-box-shadow: 1px 1px 7px 0 rgba(0,0,0,.18); box-shadow: 1px 1px 7px 0 rgba(0,0,0,.18); -o-box-shadow: 1px 1px 7px 0 rgba(0,0,0,.18); -ms-box-shadow: 1px 1px 7px 0 rgba(0,0,0,.18); }
.projectpages.eventpages .eventlisting .item .eventcont{ background: #fff;/* border: 1px solid rgba(0,0,0,0.1); padding: 1px; margin: 0;*/}
.projectpages.eventpages .eventlisting .item .eventcont:after{ display: table; clear: both; content: "";}
.projectpages.eventpages .eventlisting .item .eventcont .listingimg{ float: left; width: 25%; padding:10px;  }
.projectpages.eventpages .eventlisting .item .eventcont .listingimg a{ display: block; padding: 0; height: 200px; vertical-align: middle; line-height: 200px; position: relative;}
.projectpages.eventpages .eventlisting .item .eventcont .listingimg a:after {
    position: absolute; display: none;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: 1px solid #ccc;
    background: none;
    box-shadow: inset 0 0 0 1px rgba(255,255,255,1);
    content: "";
}
.projectpages.eventpages .eventlisting .item .eventcont .listingimg img { display: inline-block; max-width: 100%; max-height: 100%; width: auto; height: auto; margin: auto;}
.projectpages.eventpages .eventlisting .item .eventcont .listingdetail{ float: right; width: 75%; padding:0 15px 15px;}
.projectpages.eventpages .eventlisting .item .eventcont .listingdetail h3{ font-size: 1.41em; font-weight: 500;}
.projectpages.eventpages .eventlisting .item .eventcont .listingdetail h3 span{ display: block; font-weight: 400; text-transform: uppercase; font-size: 0.62em; color: #000;}
.projectpages.eventpages .eventlisting .item .eventcont .listingdetail h3 a { display: inline-block; clear: both; padding: 5px 0 0; text-decoration: none; color: #444; line-height: 1.4;}
.projectpages.eventpages .eventlisting .item .eventcont .listingdetail h3 a:hover{ color: #000;}
.projectpages.eventpages .eventlisting .item .eventcont .listingdetail .event-description{  padding:  0;}
.projectpages.eventpages .eventlisting .item .eventcont .listingdetail p { font-size: 0.95em; text-align: left; line-height: 1.4; padding: 0 0 5px; }
.projectpages.eventpages .eventlisting .item .eventcont .listingdetail .eventtitle{ line-height: 1; font-weight: 500; color: rgba(0,0,0,0.7); display: block; padding:5px 0 ;}
.projectpages.eventpages .eventlisting .item .eventcont .listingdetail .eventceteg p{ padding-top: 0;}
.projectpages.eventpages .eventlisting .item .eventcont .listingdetail .eventceteg p.datetime{ color:rgba(0,0,0,0.9); font-style: italic;}
.projectpages.eventpages .eventlisting .item .eventcont .listingdetail .event-bottom:after{ display: table; clear: both; content: "";}
.projectpages.eventpages .eventlisting .item .eventcont .listingdetail .event-bottom .eventceteg{ float: left; width: 70%;}
.projectpages.eventpages .eventlisting .item .eventcont .listingdetail .event-bottom .go-detail{ float: right; width: 30%; padding-top: 12px; position: absolute; right: 15px; bottom: 15px;}
.projectpages.eventpages .eventlisting .item .eventcont .listingdetail .event-bottom .go-detail a { text-align: center; border-radius: 5px;
                                                                                                    background: rgba(0,0,0,0.1);
                                                                                                    padding: 8px 15px;
                                                                                                    color: rgba(0,0,0,0.7);
                                                                                                    display: block;
                                                                                                    max-width: 110px;
                                                                                                    margin:  auto ; margin-right: 0;
                                                                                                    text-decoration: none;}
.projectpages.eventpages .eventlisting .item .eventcont .listingdetail .event-bottom .go-detail a:hover{color: #fff;    background: #000;}

.projectpages.eventpages .eventdeatil-right{float: right;
                                            width: 75%;
                                            padding-left: 15px; padding-bottom: 15px; }

.projectpages.eventpages .eventdeatil-right .eventdital{ display: block; clear: both; padding: 10px;  border: 1px solid rgba(0,0,0,0.1);}
.projectpages.eventpages .eventdeatil-right .eventdital:after{ display: table; clear: both; content: "";}

.projectpages.eventpages .eventdeatil-right .eventdital .event-thumb{ float: left; width: 25%; padding-right: 0;}
.projectpages.eventpages .eventdeatil-right .eventdital .event-thumb a{ display: block; height: 200px; vertical-align: middle; line-height: 200px; position: relative;}
.projectpages.eventpages .eventdeatil-right .eventdital .event-thumb a:after {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: 1px solid #ccc;
    background: none;
    box-shadow: inset 0 0 0 1px rgba(255,255,255,1);
    content: "";
}
.projectpages.eventpages .eventdeatil-right .eventdital .event-thumb img { display: inline-block; margin: auto; max-width: 100%; max-height: 100%; width: auto; height: auto;}

.projectpages.eventpages .eventdeatil-right .hadingsection { display: block;  padding: 0; float: left; width: 100%;}
.projectpages.eventpages .eventdeatil-right .eventdital .event-thumb + .hadingsection{ width: 75%;  padding-left: 15px;}
.projectpages.eventpages .eventdeatil-right .hadingsection h2{ font-size: 1.41em; text-align: left; color: rgba(0,0,0,0.8); line-height: 1.4;}
.projectpages.eventpages .eventdeatil-right .hadingsection h2 span{display: block; font-weight: 400; text-transform: uppercase; font-size: 0.62em; color: #000;}


.projectpages.eventpages  .eventdeatil-right  p { font-size: 0.95em; text-align: left; line-height: 1.4; padding: 0 0 5px; }
.projectpages.eventpages  .eventdeatil-right .eventtitle{ line-height: 1; font-weight: 500; color: rgba(0,0,0,0.7); display: block; padding:5px 0 ;}
.projectpages.eventpages  .eventdeatil-right .eventceteg { padding: 10px 0 5px;}
.projectpages.eventpages  .eventdeatil-right .eventceteg p{ padding: 0;}
.projectpages.eventpages  .eventdeatil-right .eventceteg p.datetime{ color:rgba(0,0,0,0.9); font-style: italic;}

.projectpages.eventpages  .eventdeatil-right .event-description{display: block; clear: both; padding: 15px;  border: 1px solid rgba(0,0,0,0.1); margin-top: 15px;}
.projectpages.eventpages  .eventdeatil-right .event-description .eventceteg{ padding: 0;}
.projectpages.eventpages  .eventdeatil-right .event-description .eventceteg .eventtitle{ font-size: 1.3em; color: rgba(0,0,0,0.8); padding-bottom: 10px; border-bottom: 1px solid rgba(0,0,0,0.1); margin: 0 -15px; padding:5px 15px 15px; margin-bottom: 15px;}

.projectpages.eventpages  .eventdeatil-right .event-description .highlight{ margin: 0 -15px; border-top: 1px solid rgba(0,0,0,0.1); padding: 15px 15px 0; margin-top: 15px;}
.projectpages.eventpages  .eventdeatil-right .event-description .highlight a{ padding-top: 5px; display: block;text-decoration: none; color: rgba(0,0,0,0.6);}
.projectpages.eventpages  .eventdeatil-right .event-description .highlight a:hover{ color: rgba(0,0,0,0.9);}

.projectpages.eventpages  .eventdeatil-right .relatednews{ display: block; clear: both; padding: 15px; padding: 15px;  border: 1px solid rgba(0,0,0,0.1); margin-top: 15px;}

.projectpages.eventpages  .eventdeatil-right .relatednews h3{font-size: 1.41em; text-align: left; color: rgba(0,0,0,0.8); line-height: 1;    border-bottom: 1px solid rgba(0,0,0,0.1); margin: 0 -15px; padding:5px 15px 15px; margin-bottom: 0;}
.projectpages.eventpages  .eventdeatil-right .relatednews .eventrelatednews{ display: block; padding:15px 0  0; margin:0 -15px;}
.projectpages.eventpages  .eventdeatil-right .relatednews .eventrelatednews:after{ display: table; clear: both; content: "";}
.projectpages.eventpages  .eventdeatil-right .relatednews .eventrelatednews li{ float: left; width: 25%; padding: 0 15px; display: block; }
.projectpages.eventpages  .eventdeatil-right .relatednews .eventrelatednews li a{ display: block; text-decoration: none; color: rgba(0,0,0,0.7); padding-bottom: 10px; }
.projectpages.eventpages  .eventdeatil-right .relatednews .eventrelatednews li a:hover{color: rgba(0,0,0,0.9);}



body .gs_ta_results{ border-radius:0 0 3px 3px;    box-shadow: 0 4px 5px rgba(0,0,0,0.1);}
body .gs_ta_results.no_result_container{ max-height: inherit !important; }
.gs_ta_results p.gs_ta_moreinfo, .gs_ta_results p.gs_ta_noresults{line-height: 30px; color: #999; height: 30px; }





.gsm_hWrap .tabcontent{ padding: 5px 5px 10px; background: #fff;}
.gsm_hWrap .tabcontent .menu_tab {
    display: block;
    background: rgba(0,0,0,0.2);
    color: #000;
    line-height: 1;
    min-height: inherit;
    cursor: pointer;
    height: auto;
    padding: 10px 40px 10px 10px;
    border: 1px solid rgba(0,0,0,0.2);
    border-radius: 3px;
    position: relative; margin-bottom: 5px;

}

.gsm_hWrap .tabcontent .menu_tab:before{ font-family: 'FontAwesome'; content: "\f106"; position: absolute; right: 14px; top: 9px; font-size: 15px;}
.gsm_hWrap .tabcontent .menu_tab.active{ border-radius: 3px 3px 0 0; border-bottom: none; margin-bottom: 0; }
.gsm_hWrap .tabcontent .menu_tab.active:before{ content: "\f107";}
.gsm_hWrap .tabcontent .product_menu_section.menu_tab{ display: none;}
.gsm_hWrap .tabcontent .product_menu_section.mobile-tabs{ display: block;}
.gsm_hWrap .tabcontent .menu-tab-content{ border: 1px solid rgba(0,0,0,0.2); border-top: none; border-radius: 0 0 3px 3px; display: none; margin-bottom: 10px; }
.gsm_hWrap .tabcontent .menu-tab-content ol{ display: block; height: auto; clear: both;}
.gsm_hWrap .tabcontent .menu-tab-content ol li{ display: block; height: auto; clear: both;}



/*body:not(.home) */.page{ background: url(../image/inner-boxbg-gray.png) no-repeat top center fixed; background-size:cover; -webkit-background-size:cover;}
/*body:not(.home) */.inner-boxlayout{ display: block; clear: both; margin: auto; background: #fff; padding: 0;     box-shadow: 0 0px 20px 5px rgba(0, 0, 0, 0.176); min-height: 350px;}
.inner-boxlayout:after{ display: table; clear: both; content: "";}


/*new news & event page css start here*/

.newsEvent{ display: block; clear: both; padding: 0 0 0;}
.newsEvent:after{ display: table; clear: both; content: "";}
.newsEvent.eventDetail{ padding: 35px 0;}
.newsEvent .newsEvent-left{/* float: left; width: 68%; padding: 0 20px 0 10px;*/  padding: 0 20px ; }
.newsEvent .en-col-page .newsEvent-left{float: left; width: 68%; padding: 0 20px;}
.newsEvent .newsEvent-left:after{ display: table; clear: both; content: "";}
.newsEvent .newsEvent-right{ float: right; width: 32%; padding: 0 20px;  }
.newsEvent .neLeft-content{ padding: 0;}
.newsEvent .neLeft-content:after{ display: table; clear: both; content: "";}

.newsEvent .neLeft-content h2{ display: block; clear: both; font-size: 1.5em; font-weight: 600; color: rgba(0,0,0,0.95); position: relative; padding-left: 25px; text-transform: uppercase;}
.newsEvent .neLeft-content h2 span {
    position: absolute;
    left: 0;
    top: 5px;
    width: 13px;
    height: 13px;
    background: #444;
}
.newsEvent .neLeft-content h2 span:after {
    display: block;
    position: absolute;
    height: 10px;
    width: 10px;
    border: 2px solid #333;
    border-width: 0 2px 2px 0;
    left: 7px;
    top: 7px;
    content: "";
}
.newsEvent .neLeft-content h2{ position: relative;}
.newsEvent .neLeft-content h2 .fa {
    display: none;
    position: absolute;
    right: 15px;
    top: 6px;
}

/*.newsEvent .gscr_outerwrapper{ padding: 15px 0 20px;}*/
.newsEvent .featured-news-slider{ display: block; clear: both; padding: 0;}
.newsEvent .featured-news-slider .newsitem { position: relative; display: block; padding: 0 10px; float: left; width: 20%; overflow: hidden; max-height: 162px;}
.newsEvent .featured-news-slider .figure{ display: block;  vertical-align: middle; border: 1px solid rgba(0,0,0,0.1); position: relative;}

.newsEvent .featured-news-slider .figure .news-thumb{ display: block; vertical-align: middle; text-align: center; min-height: 160px;  line-height: 160px;}
.newsEvent .featured-news-slider .figure img{display: inline-block;
                                             margin: auto;
                                             width: auto;
                                             height: auto;
                                             width: auto;
                                             max-width: 100%;
                                             max-height: 160px;}
.newsEvent .featured-news-slider .figcaption{ position: absolute; height: 100%;   padding: 0;  width:100%;   background: rgba(31,55,65,0.93); top: calc(100% - 30px); transition: all ease 0.3s; padding-bottom: 40px;}
.newsEvent .featured-news-slider .figcaption .figtitle{ display: block; padding: 5px 10px;/* background: rgba(0,0,0,0.2);*/ color: #fff; text-align: left; font-size: 1.0em; text-transform: uppercase; white-space: nowrap; text-overflow: ellipsis; cursor: pointer; overflow: hidden; border-radius: 0;}
.newsEvent .featured-news-slider .figcaption .caption{background: rgba(0,0,0,0.5); color: #fff; text-align:left; font-size: 0.87em; padding: 3px 10px; text-align: center; line-height: 1; display: none;}

.newsEvent .featured-news-slider .newsitem:hover .figcaption{ top: 0;}
.newsEvent .featured-news-slider .newsitem:hover .figcaption .figtitle{white-space: normal; transition: all ease 0.3s; overflow: visible; text-overflow: inherit; height: auto;}

.newsEvent .featured-news-slider .figcaption .item-descrip {max-height: 78px; overflow: hidden; text-overflow: ellipsis; padding: 5px 10px;}
.newsEvent .featured-news-slider .figcaption .item-descrip p{color: #fff; text-align: left;  font-size: 1em; line-height: 1.5;}

.newsEvent .featured-news-slider .figcaption span.view-detil{ display: block; width:90px; padding: 5px 0; text-align: center; background: rgba(0,0,0,0.2); color: #fff; font-size: 0.85em; position: absolute; bottom: 10px; left: 10px;}
.newsEvent .featured-news-slider .figcaption:hover span.view-detil{ background: rgba(0,0,0,1);}
.newsEvent .featured-news-slider .figcaption > a{ position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: none;}
.newsEvent .featured-news-slider .figcaption > a .hide{ display: none;}

.newsEvent .newsslide-container{ overflow: hidden; margin: 0 -10px;  max-height: 235px; padding: 15px 0 20px;}
.newsEvent .newsslide-container .gscr_slideOuter .gscr_lSAction a { width: 30px; height: 30px; border-radius: 50%; background: rgba(0,0,0,0.5); color: #fff; text-align: center;  top: 85px; transform: none; transition: all ease 0.3s; -webkit-transition: all ease 0.3s;}
.newsEvent .newsslide-container .gscr_slideOuter .gscr_lSAction a:before{font-size: 20px; transition: all ease 0.3s; -webkit-transition: all ease 0.3s;  line-height: 28px;}

.newsEvent .newsslide-container .gscr_slideOuter .gscr_lSAction a.gscr_lSPrev{left:-50px}
.newsEvent .newsslide-container .gscr_slideOuter .gscr_lSAction a.gscr_lSNext{right:-50px}
.newsEvent .newsslide-container .gscr_slideOuter:hover .gscr_lSAction a.gscr_lSPrev{left:10px}
.newsEvent .newsslide-container .gscr_slideOuter:hover .gscr_lSAction a.gscr_lSNext{right:10px}
.newsEvent .newsslide-container .gscr_slideOuter .gscr_lSAction a:hover{background: rgba(0,0,0,1); }





.newsEvent  .view-all {
    position: relative;
    left: 50%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    margin-top: 20px;
    padding: 10px 20px;
}




.newsEvent .featuredNews{display: block; clear: both; padding: 0;}
.newsEvent .featuredNews .slideItem{display: block; clear: both; padding: 0; position: relative; }
.newsEvent .featuredNews .slideItem .img-holder { overflow: hidden; border-radius: 3px; height: 358px; line-height: 358px; text-align: center;     background: rgba(0,0,0,0.1);  }
.newsEvent .featuredNews .slideItem .img-holder img{ display: inline-block; vertical-align: middle; width: auto; height: auto; max-width: 100%; max-height: 100%;}
.newsEvent .featuredNews .slideItem .itemCaption{ position: absolute; bottom: 30px; left: 30px; display: block; background: #fff; border-radius: 3px; padding: 10px 15px 15px; text-align: center; width: calc(100% - 60px); border-radius: 3px; }
.newsEvent .featuredNews .slideItem .itemCaption p{font-size: 1.5em; color: rgba(0,0,0,0.95); line-height: 1.5; font-weight: 700; font-family: 'roboto', arial; letter-spacing: 0;}

.newsEvent .featuredNews .gscr_slideOuter .gscr_lSAction a{ width: 31px; height: 31px; background: rgba(0,0,0,0.9); color: #fff; text-align: center; line-height: 31px; border-radius: 2px;}



.newspages .news-blocks .relatednews .rltd-container{ display: block; margin: 0 ;}
.newspages .news-blocks .relatednews .rltd-container:after{ display: table; clear: both; content: "";}
.newspages .news-blocks .relatednews .rltdNewsSlider{ display: block; clear: both; padding: 0; margin: 0 -10px;}
.newspages .news-blocks .relatednews > .rltdNewsSlider .newsitem { width: 25%;}
.newspages .news-blocks .relatednews .rltdNewsSlider .newsitem { position: relative; display: block; padding: 0 10px; float: left; width: 25%; overflow: hidden; max-height: 162px;}
.newspages .news-blocks .relatednews .rltdNewsSlider .figure{ display: block;  vertical-align: middle; border: 1px solid rgba(0,0,0,0.1); position: relative;}

.newspages .news-blocks .relatednews .rltdNewsSlider .figure .news-thumb{ display: block; vertical-align: middle; text-align: center; min-height: 160px;  line-height: 160px;}
.newspages .news-blocks .relatednews .rltdNewsSlider .figure img{display: inline-block;
                                                                 margin: auto;
                                                                 width: auto;
                                                                 height: auto;
                                                                 width: auto;
                                                                 max-width: 100%;
                                                                 max-height: 160px;}
.newspages .news-blocks .relatednews .rltdNewsSlider .figcaption{ position: absolute; height: 100%;   padding: 0;  width:100%;   background: rgba(31,55,65,0.93); top: calc(100% - 30px); transition: all ease 0.3s; padding-bottom: 40px;}
.newspages .news-blocks .relatednews .rltdNewsSlider .figcaption .figtitle{ display: block; padding: 5px 10px;/* background: rgba(0,0,0,0.2);*/ color: #fff; text-align: left; font-size: 1.0em; text-transform: uppercase; white-space: nowrap; text-overflow: ellipsis; cursor: pointer; overflow: hidden;}
.newspages .news-blocks .relatednews .rltdNewsSlider .figcaption .caption{background: rgba(0,0,0,0.5); color: #fff; text-align:left; font-size: 0.87em; padding: 3px 10px; text-align: center; line-height: 1; display: none;}

.newspages .news-blocks .relatednews .rltdNewsSlider .newsitem:hover .figcaption{ top: 0;}
.newspages .news-blocks .relatednews .rltdNewsSlider .newsitem:hover .figcaption .figtitle{white-space: normal; transition: all ease 0.3s; overflow: visible; text-overflow: inherit; height: auto;}

.newspages .news-blocks .relatednews .rltdNewsSlider .newsitem .figcaption .item-descrip {max-height: 78px; overflow: hidden; text-overflow: ellipsis; padding: 5px 10px;}
.newspages .news-blocks .relatednews .rltdNewsSlider .newsitem .figcaption .item-descrip p{color: #fff; text-align: left;  font-size: 1em; line-height: 1.5;}

.newspages .news-blocks .relatednews .rltdNewsSlider .figcaption span.view-detil{ display: block; width:90px; padding: 5px 0; text-align: center; background: rgba(0,0,0,0.2); color: #fff; font-size: 0.85em; position: absolute; bottom: 10px; left: 10px; border-radius: 0;}
.newsEvent .news-blocks .relatednews .rltdNewsSlider .figcaption:hover span.view-detil{ background: rgba(0,0,0,1);}
.newsEvent .news-blocks .relatednews .rltdNewsSlider .figcaption > a{ position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: none;}
.newsEvent .news-blocks .relatednews .rltdNewsSlider .figcaption > a .hide{ display: none;}

.newspages .news-blocks .relatednews .gscr_slideOuter .gscr_lSAction a { width: 30px; height: 30px; border-radius: 50%; background: rgba(0,0,0,0.5); color: #fff; text-align: center;  top: 85px; transform: none; transition: all ease 0.3s; -webkit-transition: all ease 0.3s;}
.newspages .news-blocks .relatednews .gscr_slideOuter .gscr_lSAction a:before{font-size: 20px; transition: all ease 0.3s; -webkit-transition: all ease 0.3s;  line-height: 28px;}

.newspages .news-blocks .relatednews .gscr_slideOuter .gscr_lSAction a.gscr_lSPrev{left:-50px}
.newspages .news-blocks .relatednews .gscr_slideOuter .gscr_lSAction a.gscr_lSNext{right:-50px}
.newspages .news-blocks .relatednews .gscr_slideOuter:hover .gscr_lSAction a.gscr_lSPrev{left:10px}
.newspages .news-blocks .relatednews .gscr_slideOuter:hover .gscr_lSAction a.gscr_lSNext{right:10px}
.newspages .news-blocks .relatednews .gscr_slideOuter .gscr_lSAction a:hover{background: rgba(0,0,0,1); }








.newsEvent .latestEvents{ display: block; clear: both; padding:35px; background: rgba(0,0,0,0.03);  margin: 0 -35px 0; }
.newsEvent .latestEvents:after{ display: table; clear: both; content: "";}
.newsEvent .latestEvents h2{ display: block; clear: both; font-size: 1.5em; font-weight: 600; color: rgba(0,0,0,0.95); position: relative; padding-left: 25px; text-transform: uppercase;}
.newsEvent .latestEvents h2 span {
    position: absolute;
    left: 0;
    top: 5px;
    width: 13px;
    height: 13px;
    background: #444;
}
.newsEvent .latestEvents h2 span:after {
    display: block;
    position: absolute;
    height: 10px;
    width: 10px;
    border: 2px solid #333;
    border-width: 0 2px 2px 0;
    left: 7px;
    top: 7px;
    content: "";
}
.newsEvent .latestNews h2{ position: relative;}
.newsEvent .latestNews h2 .fa {
    display: none;
    position: absolute;
    right: 15px;
    top: 6px;
}
.newsEvent .latestNews{ padding:  35px; margin: 0 -35px; border-bottom: 1px solid rgba(0,0,0,0.07);}
.newsEvent .eventsContainer{ display: block; clear: both; padding: 15px 0 20px;}
.newsEvent .eventsContainer:after{ display: table; clear: both; content: "";}
.newsEvent .eventsContainer .eventsList{ display: block; clear: both; padding: 0; margin: 0 -10px}
.newsEvent .eventsContainer .eventsList:after{ display: table; clear: both; content: "";}
.newsEvent .eventsContainer .eventsList .notavialable{ display: block; clear: both; padding: 20px 25px; }
.newsEvent .eventsContainer .eventsList .notavialable p{ font-size: 1.5em; color: #f00; text-align: center; border:1px solid rgba(0,0,0,0.1); padding: 5px; border-radius: 5px; box-shadow:0 3px 0px 1px rgba(0,0,0,0.05); }

.newsEvent .eventsContainer .eventsList .item{ float: left; width: 25%; padding: 10px 10px 15px; display: block;}
.newsEvent .eventsContainer .eventsList .item .eventsItem{ display: block; padding: 4px; border: 1px solid rgba(0,0,0,0); background:rgba(0,0,0,0.05); border-radius: 5px; position: relative; transition: all 0.3s ease-out;    -webkit-transition: all 0.3s ease-out;    -moz-transition: all 0.3s ease-out;}
.newsEvent .eventsContainer .eventsList .item .eventsItem:hover{ box-shadow: 0 0 10px rgba(0,0,0,0.18); border-color: #ffe0be;}
.newsEvent .eventsContainer .eventsList .item .eventsItem .viewDetail{ position: absolute; left: 0; top: 0; width: 100%; height: 100%; display: block; color: rgba(0,0,0,0.5);}
.newsEvent .eventsContainer .eventsList .item .eventsItem .viewDetail span{ display: none; z-index: 99;}
.newsEvent .eventsContainer .eventsList .item .eventsItem .img-holder{ display: block; clear: both; background: rgba(0,0,0,0.05); line-height: 156px; height: 156px; text-align: center; position: relative;}
.newsEvent .eventsContainer .eventsList .item .eventsItem .img-holder:after{ display: block; clear: both; width: 100%; height: 5px; background:rgba(0,0,0,0.05); content: ""; position: absolute; bottom: -5px; z-index: 99;}
.newsEvent .eventsContainer .eventsList .item .eventsItem .img-holder img { display: inline-block; vertical-align: middle; max-height: 100%; max-width: 100%; height: auto; width: auto;}
.newsEvent .eventsContainer .eventsList .item .eventsItem .eventsCaption{ background: #fff;  display: block; clear: both; padding:20px 10px 45px; border-radius: 0 0 3px 
                                                                              3px; position: relative;}
.newsEvent .eventsContainer .eventsList .item .eventsItem .eventsCaption h3{ font-weight: 400; color: rgba(0,0,0,0.95); line-height: 1.3; font-size: 1.05em; max-height: 38px; overflow: hidden; text-overflow: ellipsis;}
.newsEvent .eventsContainer .eventsList .item .eventsItem .eventsCaption .date{ position: absolute; font-size: 0.85em; color: rgba(0,0,0,0.5); bottom: 10px; right: 15px;}

.newsEvent .neRight-content{    background: #fafafa url(../image/neRightBg.jpg) no-repeat bottom left; min-height: 480px; border-radius: 5px; padding: 15px 15px 100px;}

.newsEvent .latestNews h2{ display: block; clear: both; font-size: 1.5em; font-weight: 600; color: rgba(0,0,0,0.95); position: relative; padding-left: 25px; text-transform: uppercase;}
.newsEvent .latestNews h2 span {
    position: absolute;
    left: 0;
    top: 5px;
    width: 13px;
    height: 13px;
    background: #444;
}
.newsEvent .latestNews h2 span:after {
    display: block;
    position: absolute;
    height: 10px;
    width: 10px;
    border: 2px solid #333;
    border-width: 0 2px 2px 0;
    left: 7px;
    top: 7px;
    content: "";
}

.newsEvent .neRight-content .latestNews{ margin: 0; padding: 10px; border-bottom: none;}
.newsEvent .neRight-content .latestNews .filterlist { display: block;}


.newsEvent .neRight-content  .latestNews .newsContainer{ display: block; clear: both; padding: 5px 0 20px; min-height: 300px;}
.newsEvent .neRight-content  .latestNews .newsContainer:after{ display: table; clear: both; content: "";}
.newsEvent .neRight-content  .latestNews .newsContainer .newsList{ display: block; clear: both; padding: 0; margin: 0}
.newsEvent .neRight-content  .latestNews .newsContainer .newsList:after{ display: table; clear: both; content: "";}
.newsEvent .neRight-content  .latestNews .newsContainer .newsList li{ display: block; clear: both; padding: 0; transition: all ease 0.35s;  -webkit-transition: all ease 0.35s;}




.newsEvent .neRight-content  .latestNews .newsContainer .newsList li .newsItem{ position: relative;  text-transform: uppercase; font-size: 0.90em;}
.newsEvent .neRight-content  .latestNews .newsContainer .newsList li .newsItem a{ display: block; color: rgba(0,0,0,0.95); text-decoration: none; padding: 15px 5px; border-bottom: 1px dashed rgba(0,0,0,0.1)}
.newsEvent .neRight-content  .latestNews .newsContainer .newsList li .newsItem .newsTitle{ display: block; color: rgba(0,0,0,0.7);  padding: 0 5px;}
.newsEvent .neRight-content  .latestNews .newsContainer .newsList li:hover{background: rgba(255, 220, 201, 0.5);}

.newsEvent .neRight-content  .latestNews .newsContainer .newsList li.notavialable{ display: block; clear: both; padding: 0; }
.newsEvent .neRight-content  .latestNews .newsContainer .newsList li.notavialable p{ font-size: 1.2em; color: #f00; text-align: center; border:1px solid rgba(0,0,0,0.1); padding: 5px; border-radius: 5px; box-shadow:0 3px 0px 1px rgba(0,0,0,0.05); }




.newsEvent.eventDetail .eventDiscription{ display: block; clear: both; padding: 35px 0 20px; clear: both; text-align: justify;}
.newsEvent.eventDetail .eventDiscription:after{ display: table; clear: both; content: "";}

.newsEvent.eventDetail .eventDiscription h3{ font-size: 1.4em; color: rgba(0,0,0,0.95); line-height: 1.4; font-weight: 600; }
.newsEvent.eventDetail .eventDiscription .eventTime{ display: block; clear: both; padding: 10px 0 20px; border-bottom: 1px dashed rgba(0,0,0,0.1); margin-bottom: 20px; }
.newsEvent.eventDetail .eventDiscription .eventTime:after{ display: table; clear: both; content: "";}
.newsEvent.eventDetail .eventDiscription .eventTime p { padding:25px 0 0; line-height: 1.4; font-size: 1.0em; color: #000; font-weight:600;}
.newsEvent.eventDetail .eventDiscription .eventTime h3{ background: rgba(0,0,0,0.085); line-height: 1; padding: 0; font-size: 1.1em; height: 17px;}
.newsEvent.eventDetail .eventDiscription .eventTime .dtTitle{ text-transform: uppercase; color: rgba(0,0,0,0.85); display: inline-block; clear: both; font-weight: 600; color: rgba(0,0,0,0.85); padding: 0 10px 0 0; background: #fff; line-height: 1;}
.newsEvent.eventDetail .eventDiscription .eventTime .dtTitle > i { color: #000; font-size:16px; padding-right: 5px; position: relative; top: 3px;}
.newsEvent.eventDetail .eventDiscription .eventTime .dateAdress{ display: block;    }

.newsEvent.eventDetail .eventDiscription .eventTime .time{ float: left; width: 50%; padding: 0 20px 0 0;}
.newsEvent.eventDetail .eventDiscription .eventTime .vanue{ float: left; width: 50%; padding: 0 0 0 20px;}
.newsEvent.eventDetail .eventDiscription .eventTime .vanue .dtTitle{ padding-top: 1px;}
.newsEvent.eventDetail .eventDiscription .eventTime .vanue .dtTitle > i{ font-size: 15px; top: 0;}


.newsEvent.eventDetail .eventDiscription p { padding: 15px 0 0; line-height: 1.2; letter-spacing: 0;}
.newsEvent.eventDetail .eventDiscription .register-invite{ padding: 15px 0 0; max-width: 700px; margin: auto; text-align: center;}
.newsEvent.eventDetail .eventDiscription .register-invite a{ display: inline-block; padding: 0 10px;}
.newsEvent.eventDetail .eventDiscription .register-invite .btn{ transition: all ease 0.3s; -webkit-transition: all ease 0.3s; padding: 20px 35px; text-transform: uppercase; font-size: 1.1em; font-weight: 600;}
.newsEvent.eventDetail .eventDiscription .related-links{ margin: 30px 0 0; display: block; clear: both;  background: #fff8f1; border-radius: 2px; padding: 10px;}
.newsEvent.eventDetail .eventDiscription .related-links h2{ font-size: 0.90em;
                                                            color: rgba(0,0,0,0.85);
                                                            line-height: 1;
                                                            font-weight: 600; padding: 0; }

.newsEvent.eventDetail .eventDiscription .related-links ul{ display: block; clear: both; padding: 5px 0 0;}
.newsEvent.eventDetail .eventDiscription .related-links ul:after{ display: table; clear: both; content: "";}
.newsEvent.eventDetail .eventDiscription .related-links ul li{ display: block; padding:0 0 10px; }
.newsEvent.eventDetail .eventDiscription .related-links ul li:last-child{ padding-bottom: 0;}
.newsEvent.eventDetail .eventDiscription .related-links ul li label{ display: inline-block; padding-right: 5px;  }
.newsEvent.eventDetail .eventDiscription .related-links ul li a{ font-style: italic; display: inline-block; color:#1c6cb0; opacity: 0.88; text-decoration: none;}
.newsEvent.eventDetail .eventDiscription .related-links ul li a:hover{ opacity: 0.5;}
.newsEvent.eventDetail .eventDiscription .eventDescrip{ padding: 40px 0 0;}
.newsEvent.eventDetail .eventDiscription .eventDescrip:after{ display: table; clear: both;  content: "";}

.event-filter{ display: block; clear: both; padding: 10px 0 0; position: relative;}
.event-filter:after{ display: table; clear: both; content: "";}
.event-filter .fList{ display: block; clear: both; padding: 0; margin: 0;}
.event-filter .fList:after{ display: table; clear: both; content: "";}
.event-filter .fList li { float: left; width:25%; display: block;}
.event-filter .fList li.filter-list { width:50%; padding: 0;} 
.event-filter .fList li .event-search { position: relative;}
.event-filter .fList li .event-search .search-field{ display: block; position: relative;}
.event-filter .fList li .event-search .search-field .form-control{ height: 50px; box-shadow: none; padding-left: 40px;}
.event-filter .fList li .event-search .search-field .icon-magnifire{ position: absolute; left: 15px; top: 17px;}
.event-filter .fList li .filter-wrap{ position: relative; margin: 0 -5px;}
.event-filter .fList li .filter-wrap:after{ display: table; clear: both; content: "";}
.event-filter .fList li .filter-wrap > .fWise { float: left; width: 50%;}
.event-filter .fList li .filter-wrap .fThis { float: left; width: 50%; padding: 0 5px;}
.event-filter .fList li .filter-wrap .fNext { float: left; width: 50%; padding: 0 5px;}
.event-filter .fList li .filter-wrap .thisFilter{ border: 1px solid rgba(0,0,0,0.1); text-align: center; border-radius: 3px; padding: 1px; transition: all ease 0.35s;  -webkit-transition: all ease 0.35s;  display: block; color: rgba(0,0,0,0.95);}

.event-filter .fList li .filter-wrap .thisFilter:hover{     box-shadow: 0 0 10px rgba(0,0,0,0.18);}
.event-filter .fList li .filter-wrap .thisFilter span{ display: block; padding: 2px 0; font-weight: 600;}
.event-filter .fList li .filter-wrap .thisFilter .label{ display: block; clear: both; background: rgba(0,0,0,0.1); font-size: 0.95em; padding: 3px 0; font-weight: 500; }
.event-filter .fList li .filter-wrap .thisFilter.active{box-shadow: 0 3px 0px 1px rgba(0,0,0,0.05);/* border-color: #00B050;*/ }
.event-filter .fList li .filter-wrap .thisFilter.active .label{ background: #000 !important; }

.event-filter .fList li .ctgryWise{ display: block; padding:0 10px;}
.event-filter .fList li .ctgryWise .form-control{ position: relative; height: 50px; line-height: 40px; box-shadow: none; color: rgba(0,0,0,0.55); text-transform: uppercase; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;}
.event-filter .fList li .ctgryWise .form-control:after{top: 50%;
                                                       left: auto;
                                                       border: solid transparent;
                                                       content: " ";
                                                       height: 0;
                                                       width: 0;
                                                       position: absolute;
                                                       pointer-events: none;
                                                       border-color: rgba(51, 51, 51, 0);
                                                       border-top-color: #333;
                                                       border-width: 5px;
                                                       margin-top: -2px; right: 15px; }
.event-filter .fList li .ctgryWise .cgtry-list{ position: relative; }
.event-filter .fList li .ctgryWise .cgtry-list ol { position: absolute; top: 100%; width: 100%; z-index: 9999; display: none; border: 1px solid rgba(0,0,0,0.1); background: #fff; border-radius:   5px; max-height: 250px; overflow-y: auto; box-shadow: 0 4px 8px 1px rgba(0, 0, 0, 0.176);}
.event-filter .fList li .ctgryWise .cgtry-list ol li{ float: none; display: block; clear: both; padding:1px; width: auto; border-top: 1px solid rgba(0,0,0,0.1); text-transform: uppercase; color: rgba(0,0,0,0.55); transition: all ease 0.3s; -webkit-transition: all ease 0.3s; cursor: pointer;}
.event-filter .fList li .ctgryWise .cgtry-list ol li > span{padding: 13px 15px 10px; line-height: 1.3; display: block; transition: all ease 0.3s; -webkit-transition: all ease 0.3s;}
.event-filter .fList li .ctgryWise .cgtry-list ol li:first-child{ border: none; }
.event-filter .fList li .ctgryWise .cgtry-list ol li.selected span,
.event-filter .fList li .ctgryWise .cgtry-list ol li:hover span{ background: rgba(0,0,0,0.15);}

.event-filter .fList li .ctgryWise .cgtry-list.openlist ol{ display: block;}

.newsEvent .eventsList .gscr_slideOuter .gscr_lSAction a{ width: 30px; height: 30px; border-radius: 50%; background: rgba(0,0,0,0.5); color: #fff; text-align: center;  top: 85px; transform: none; transition: all ease 0.3s; -webkit-transition: all ease 0.3s;}
.newsEvent .eventsList .gscr_slideOuter .gscr_lSAction a:before{font-size: 20px; transition: all ease 0.3s; -webkit-transition: all ease 0.3s;  line-height: 28px;}
.newsEvent .eventsList .gscr_slideOuter .gscr_lSAction a.gscr_lSPrev{left:-50px}
.newsEvent .eventsList .gscr_slideOuter .gscr_lSAction a.gscr_lSNext{right:-50px}
.newsEvent .eventsList .gscr_slideOuter:hover .gscr_lSAction a.gscr_lSPrev{left:10px}
.newsEvent .eventsList .gscr_slideOuter:hover .gscr_lSAction a.gscr_lSNext{right:10px}
.newsEvent .eventsList .gscr_slideOuter .gscr_lSAction a:hover{background: rgba(0,0,0,1); }


.gallery-detail{ display: block; clear: both; padding: 20px;}
.gallery-detail:after{ display: table; clear: both; content: "";}
.gallery-detail .gallery-row{ margin: -10px; display: block; clear: both;}
.gallery-detail .gallery-row:after{ display: table; clear: both; content: "";}
.gallery-detail .gallery-col{ float: left; width: 25%; padding: 10px;}
.gallery-detail .gallery-col .gallery-item{ cursor: pointer; text-align: center; overflow: hidden; position: relative;}
.gallery-detail .gallery-col .gallery-item .gallery-thumb{text-align: center;  border: 1px solid rgba(0,0,0,0.2); border-radius: 3px;  padding:0; height: 220px; line-height: 220px; overflow: hidden; }
.gallery-detail .gallery-col .gallery-item img{ display: inline-block; margin: auto; vertical-align: middle; max-width: 100%;}
.gallery-detail .gallery-col .gallery-item .gallery-cap{ display: block; clear: both; background: rgba(45,68,77,0.85); position: absolute;   border-radius: 3px; color: #fff; height:  100% ; width: 100% ; left: 0; transform: scale(1.3); -webkit-transform: scale(1.3); top: 0; transition: all ease 0.3s; -webkit-transition: all ease 0.3s; opacity: 0;}
.gallery-detail .gallery-col .gallery-item .gallery-cap h4{ display: block; clear: both; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; text-transform: uppercase; font-size: 1.1em; line-height: 1; padding-top: 20px;}
.gallery-detail .gallery-col .gallery-item .gallery-cap p{ max-height: 45px; overflow: hidden; line-height: 1.3; display: block; clear: both; padding: 5px 0 0;}
.gallery-detail .gallery-col .gallery-item:hover .gallery-cap{transform:  scale(1); -webkit-transform: scale(1); opacity: 1;}
.gallery-detail .gallery-col .gallery-item .view-gallery{ position: absolute; width: 50px; height: 50px; border-radius: 50%; border: 1px solid rgba(255,255,255,0.9); margin: -25px 0 0 -25px; color: #fff; font-weight: 20px; line-height: 50px; top: 50%; left: 50%; transform: translateY(300%); -webkit-transform: translateY(300%); transition: all ease 0.3s; -webkit-transition: all ease 0.3s;}
.gallery-detail .gallery-col .gallery-item:hover .view-gallery{transform: translateY(50px); -webkit-transform: translateY(50px)}
.gallery-detail .gallery-col .gallery-item .view-gallery:hover{ background: #fff; color: #000;}

.gallery-list{ display: block; clear: both; padding: 20px;}
.gallery-list:after{ display: table; clear: both; content: "";}
.gallery-list .gallery-tab{ text-align: center; display: block; clear: both; padding: 20px 0;}
.gallery-list .gallery-tab li{  display: inline-block; padding:0 0 0 1px ; text-transform: uppercase;}
.gallery-list .gallery-tab li a{ display: block; position: relative;}
.gallery-list .gallery-tab li a:after{    left: -3px; content: ""; height: 10px; width: 1px; background: #414141; position: absolute;  top: 50%; margin-top: -5px; }
.gallery-list .gallery-tab li:first-child a:after{ display: none;}
.gallery-list .gallery-tab li a span{ display: block; padding: 8px 15px 6px; border-radius: 2px; color: #414141; }
.gallery-list .gallery-tab li a.selected span,
.gallery-list .gallery-tab li a:hover span{ color: #fff; background: #666;}

.gallery-list .gallery-row{ margin: -10px; display: block; clear: both;}
.gallery-list .gallery-row:after{ display: table; clear: both; content: "";}
.gallery-list .gallery-col{ float: left; width: 25%; padding: 10px;}
.gallery-list .gallery-col .gallery-item{ cursor: pointer; text-align: center; overflow: hidden; position: relative;}
.gallery-list .gallery-col .gallery-item .gallery-thumb{text-align: center;  border: 1px solid rgba(0,0,0,0.2); border-radius: 3px;  padding:0; height: 220px; line-height: 220px; overflow: hidden; }
.gallery-list .gallery-col .gallery-item img{ display: inline-block; margin: auto; vertical-align: middle; max-width: 100%;}
.gallery-list .gallery-col .gallery-item .gallery-cap{ display: block; clear: both; background: rgba(45,68,77,0.85); position: absolute;   border-radius: 3px; color: #fff; height:  100% ; width: 100% ; left: 0; transform: scale(1.3); -webkit-transform: scale(1.3); top: 0; transition: all ease 0.3s; -webkit-transition: all ease 0.3s; opacity: 0;}
.gallery-list .gallery-col .gallery-item .gallery-cap h4{ display: block; clear: both; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; text-transform: uppercase; font-size: 1.1em; line-height: 1; padding-top: 20px;}
.gallery-list .gallery-col .gallery-item .gallery-cap p{ max-height: 45px; overflow: hidden; line-height: 1.3; display: block; clear: both; padding: 5px 0 0;}
.gallery-list .gallery-col .gallery-item:hover .gallery-cap{transform:  scale(1); -webkit-transform: scale(1); opacity: 1;}
.gallery-list .gallery-col .gallery-item  .view-detail{ position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
.gallery-list .gallery-col .gallery-item  .view-detail span{ display: block; width: 120px; border: 1px solid rgba(255,255,255,0.8); color: #fff; text-transform: uppercase; text-align: center; margin: auto; padding: 8px 0 6px; position: absolute; bottom: 20px; left: 50%; margin-left: -55px; transform: translateY(200px); -webkit-transform: translateY(200px);  transition: all ease 0.3s; -webkit-transition: all ease 0.3s;  }

.gallery-list .gallery-col .gallery-item:hover .view-detail span{transform: translateY(0); -webkit-transform: translateY(0);}
.gallery-list .gallery-col .gallery-item .view-detail span:hover{ background: #fff; color: #414141;}





.for-print{ display: none;}



/***************** About CSR Page NEW ******************/
/***********************************************************/
.ab-row{padding: 0 2em;position: relative; min-height:100px; font-family: 'Lato','open sans',arial,verdana;}
.ab-row:before,
.ab-row:after,
.ab-graph:before,
.ab-graph:after,
.ab-row .acp-section:before,
.ab-row .acp-section:after{clear: both;display: table;content:'';}
.ab-left{float:left;}
.ab-right{float:right}
.ab-row .ab-col7{width:60%;padding-top:80px;}
.ab-row .ab-col7 h2{font-size: 1.6em; text-transform:uppercase;}
.ab-row .ab-col7 p{font-size: 1.1em;font-weight: 600;line-height: 1.4;color: rgba(0,0,0,0.75);    }
.ab-row .ab-col7 p span{font-size: 0.9em;font-weight: 400;display:block;}
.ab-right-img{ position: absolute; width: 40%; right: 0; }
.ab-right-img .ab-social{position: absolute;width:100%;right:15px;}
.ab-right-img .ab-social::before{position: absolute;top:25px;content: '';width:1px;height:120px;left:10%;background: #ed8122;}

.ab-row .social-top{margin-top:145px;font-size:1.5em;position: relative;z-index: 1;}
.social-top .ic-top{position:absolute;color: #ed8122;}
.social-top .ic-open{top:-80px; font-size: 70px;transform: rotate(180deg);-webkit-transform: rotate(180deg);}
.social-top .ic-close{right:-2px;font-size: 20px;top:-6px;position: relative;}
.ab-row .social-top> span{font-size: 0.8em;font-weight: 600;line-height: 1.4;display: block;letter-spacing:0; }
.ab-box2{margin-top:130px;} 
.ab-box2 p{margin-top:80px;font-size:1.1em;line-height: 1.5;color: rgba(0,0,0,0.75); }

.ab-graph{padding: 6em 0 6em 0;list-style: none;clear:both;margin:auto;text-align: center;}
.ab-graph li{ float:left;width:33%;position: relative;}
.ab-graph li:after{position: absolute;content: '- OR -'; font-size:1.9em;font-weight: 900;color: rgba(0,0,0,0.15);   right: -25px; top:50%;}
.ab-graph li:nth-child(3):after{display: none;}
.ab-graph li .ab-g-rs{margin-left:120px;font-size:1.5em;font-weight: 600;}
.ab-graph li .ab-g-time{margin-left: 20px; font-size: 1.7em;font-weight: 600;}


.ab-hightlight{background: #f8fff1;color:#528c17;font-size: 1.1em;line-height: 32px; padding: 22px;letter-spacing: .05em;border:1px solid #d7f6b8;border-radius: 5px;-webkit-border-radius: 5px;-moz-border-radius: 5px;-ms-border-radius: 5px;margin: 50px auto 75px;}


.ab-box3{margin-top:50px;} 
.ab-box3 p{margin:50px auto 15px;font-size:1.1em;line-height: 1.5;color: rgba(0,0,0,0.75); }
.ab-box3-steps-box{background:#fffdfb;padding: 3em 5.5em 1em 5em;border:1px solid #fff0df;margin:25px auto 34px;border-radius: 5px;-webkit-border-radius: 5px;-moz-border-radius: 5px;-ms-border-radius: 5px;}
.ab-box3-steps-box p{text-align: center;margin:25px auto 25px;color: rgba(0,0,0,0.75);}
.ab-box3-steps{list-style: none;margin:0;padding:0;}
.ab-box3-steps li{ font-size: 1.1em; padding-bottom:35px;list-style-type: decimal;color: rgba(0,0,0,0.75);font-family: 'Lato','open sans',arial,verdana;letter-spacing: .05em;}
.ab-step-img{margin:55px auto 60px;}

.ab-box3-steps-inner{padding-left: 35px;}
.ab-box3-steps-inner li{font-size: 1em;padding: 45px 0 0 15px;list-style-type:upper-alpha;  }


/*********** about CSR Portal ***********/
.ab-row .ab-col6{width:50%;padding-top:0;position: relative;}
.acp-top{font-size: 1.3em; line-height: 1.6;margin-top:35px;color: rgba(0,0,0,0.75);}
.ab-row .acp-section{margin-top:30px;}
.ab-row .acp-img-box{text-align: right;}
.ab-row .acp-img-box .acp-img {max-width:100%;display: block;}
.ab-row .ab-col6 .social-top{font-size:1.4em; margin-top: 116px;color: rgba(0,0,0,0.75);}
.ab-row .ab-col6 .social-top> span{font-size:0.89em;padding-top: 8px;}
.acp-left{position: relative;}
.acp-left:before,
.acp-left:after{position: absolute;content:'';background: #ed8122;width:2px; height:82%;top: 19%;}
.acp-left:before{left:-18px;}
.acp-left:after{left:-22px;}
.acp-row.ab-box2{    margin-top: 30px;}
.acp-row.ab-box2 .acp-struct{max-width:100%;margin:25px auto;display: block;}
.ab-row .ab-col6 .social-top .ic-close { right: -1px; top: -4px; }
.acp-bottom-row{margin:25px 0 0;position: relative;}
.acp-bottom-row .stc1,
.acp-bottom-row .stc2{position: absolute;}
.acp-bottom-row .stc1{    bottom: 25px; font-size: 32px;color:rgba(0,0,0,0.098);}
.acp-bottom-row .stc2{bottom: 0;right:0;}
.aboutacp{padding-bottom: 0;}
.stc1:after{    position: absolute;content: '';background: #ed8122;width: 50px;height: 1px;right: -18px;opacity: 0.7; bottom:46%;}


/*********** Comapy schedule ***********/
.ab-box3-steps-lower{padding-left: 35px;}
.ab-box3-steps-lower li{font-size: 1em;padding: 30px 0 0 0;list-style-type:lower-alpha;  }
.ab-box3-steps-lower.st-none li{list-style: none;}
.ab-box3.sc7{margin:0}
.ab-box3.sc7 p{text-align: left;}
.ab-box3.sc7 .ab-box3-steps li p {font-size: 0.9em;font-size: 1em;margin-bottom: 0;}


/***************** About CSR Page NEW ******************/
/***********************************************************/


/** homepage **/
.top-statistics{background:#fff;padding:0 10px;margin:0 -15px;padding:25px 40px}
.top-statistics h2{position:relative;font-size:18px;text-transform:uppercase;margin:20px 0 25px}
.st-left-col{border:1px solid #e9e9e9;border-radius:3px;-webkit-border-radius:3px}
.st-left-col:before,.st-left-col:after,.statistics-box:before,.statistics-box:after{display:table;content:'';clear:both}
.st-statistics-col{min-width:276px;float:left}
.st-statistics-col ul{list-style:none}
.st-statistics-col li{background:#f5f7fe;height:84px;margin-bottom:11px;border:1px solid #e9ebf6;border-radius:5px;-webkit-border-radius:5px;padding:20px}
.st-statistics-col li:last-child{margin-bottom:0}
.st-title{font-weight:500;font-size:16px;margin:5px 0 10px}
.st-left-col{padding:15px 25px 15px 45px}
.icon-projects,.icon-project-type-4,.icon-expenditure{font-style:normal;font-size:45px}
.tabValue{width:100%}
.tab-icon{float:left}
.tab-detail{float:right;text-align:right}
span.tab-title{display:block;font-size:13px;color:#000}
span.tab-value{font-size:18px;font-weight:600;color:#000}
.st-projects-col{float:left;padding-left:48px}
.st-table{display:table;border:1px solid #fff;border-collapse:collapse;width:100%;table-layout:fixed}
.st-table-row{display:table-row-group}
.st-table-cell{display:table-cell;height:72px;max-width:150px;min-width:122px;vertical-align:middle;text-align:center;font-size:16px;font-weight:600;box-shadow: 0 0 35px rgba(0,0,0,0.045);-webkit-box-shadow: 0 0 35px rgba(0,0,0,0.045);-moz-box-shadow: 0 0 35px rgba(0,0,0,0.045);position:relative}
.st-table-cell:hover{box-shadow:0 0 25px rgba(0,0,0,0.22),0 10px 85px rgba(0,0,0,0.2);-webkit-box-shadow:0 0 25px rgba(0,0,0,0.22),0 10px 85px rgba(0,0,0,0.2);-moz-box-shadow:0 0 25px rgba(0,0,0,0.22),0 10px 85px rgba(0,0,0,0.2);transition:all .5s ease-in-out;-moz-transition:all .5s ease-in-out;-webkit-transition:all .5s ease-in-out;z-index:9}
.st-table-row.st-table-head .st-table-cell{height:58px;color:#fff;font-size:13px;font-weight:600;text-transform:uppercase}
.st-table-row.st-table-head .stc1:after {display: none;}
.st-table-row.st-table-head .stc1{background:#e44b3f;}
.st-table-row.st-table-head .st-table-cell:hover,.st-table-cell.nc1:hover{box-shadow:none}
.st-table-row.st-table-head .stc2{background:#378fcc;}
.st-table-row.st-table-head .stc3{background:#314859;}
.st-table-row.st-table-head .stc4{background:#e8b539;}
.st-table-cell.nc1{background:#eee9e9;text-align:left;padding-left:26px}
.st-table-cell.nc2,.st-table-cell.nc3,.st-table-cell.nc4{background: #f8f8f8;}
.st-table-cell a {color: #000}
.st-left-col,.st-right-col,.cp-box{float:left;display:inline-flex}
.st-table-cell.nc1 span{display:block;font-size:10px;padding:0 15px 0 0;line-height:11px;color:#787878}
.cp-map-box{width:100%;float:right;display:flex;align-items:flex-start;justify-content:center;min-height:344px}
.st-left-col{width:65%}
.st-right-col{width:35%;padding:0 15px;justify-content:center}
.cp-box{border:1px solid #e9e9e9}
.cp-box-title{padding:27px 0;text-align:center;font-size:16px;font-weight:600}
.cp-box-link{color:#000}
.cp-box{border:1px solid #e9e9e9;border-radius:3px;max-width:100%;flex-direction:column}
.cp-box img{object-fit:cover;width:100%}
.cm-map-box-wrap{position:relative}
.map-box-detail{position:static;}
.map-title{font-size:15px;font-weight:500;color:#000;text-align: center;margin: 0 auto 12px;text-transform:uppercase}
.map-title span{display:block;color:#565656;font-size:13px;font-weight:400;text-transform:capitalize}
.top-visitors-count{margin:32px 0 25px;position:relative}
.visit-counts{display:inline-block;vertical-align:middle}
.visit-counts span{display:inline-block;padding:4px 8px 4px;border-radius:3px;background:linear-gradient(to bottom,rgba(102,102,102,1) 0,rgba(98,98,98,1) 30%,rgba(98,98,98,1) 43%,rgba(83,83,83,1) 71%,rgba(69,67,67,1) 88%,rgba(41,41,41,1) 100%);color:#fff;font-weight:600;font-size:15px;margin-right:-2px}
.top-statistics h2:after,.top-visitors-count:after{position:absolute;width:calc(100vw - 490px);right:0;height:13px;content:'';background:url(images/line-bg.html) repeat-x;margin:6px 0 0}
.top-visitors-count:after{margin:8px 0 0}
.home .tab-panel .features-list .features-item .backbox .btn{width: 167px; margin:8px auto;}
/** homepage **/


/**** Report css ***/
.select-dropdown,.csrpage-title.report-box h1{display:inline-block;vertical-align:middle}
select.select-district{height:35px;min-width:144px;border:0;border-radius:3px;padding-left:13px;font-size:14px;background:#343434;color:#fff;outline:0;cursor:pointer;appearance:none;-moz-appearance:none;-webkit-appearance:none;-o-appearance:none;-ms-appearance:none}
.select-dropdown{margin-left:15px;position:relative}
select.select-district option{background:#fff;color:#343434}
.report-page-main .report-tabs{padding:24px 22px 0;margin: 65px 0 0;position:relative}
.report-tabs li{font-size:15px;color:#000;text-align:center}
.report-tabs li span{font-size:14px;color:#a2a2a2;display:block;font-weight:600}
.report-tabs .gsc-ta-overHide{height:79px}
.report-tabs .tabs{list-style:none}
.report-tabs .tabs li{font-size:16px;padding:18px 27px;border:0;display:inline-block;background:#fff;border-radius:4px 4px 0 0;cursor:pointer;box-sizing:border-box;float:left;margin-right:2px;position:relative}
.report-tabs .tabs li:after{position:absolute;content:'';width:1px;height:38px;background:#d5d5d5;right:-2px;top:10px}
.report-tabs .tabs li.active::after,.report-tabs .tabs li:first-child::after,.report-tabs .tabs li:last-child::after{display:none}
.projects-tab.report-tabs #tab-year li:first-child::after, .projects-tab.report-tabs #tab-year li:last-child::after{display:none}
.report-tabs .tabs li.active{border:1px solid #d5d5d5;border-bottom:0}
.report-tabs .tabs li.active span{color:#357eb3}
.report-tabs .tabs div.gsc_ta_scroll{height:auto}
.report-page-main .tab-content{display:none;padding:15px}
.report-page-main .tab-content.active{display:inherit}
.report-page-main{padding:25px 100px;position:relative}
.report-page-main .gsc-ta-contentWrap{border:0;border-top:1px solid #d5d5d5}
.report-page-main .report-select.form-field{position:relative;float:left;margin:0 8px 0 0}
.report-page-main .report-select.form-field .select-sort{min-width:221px;height:45px;border-radius:3px;border:1px solid #e9e9e9;background:#fff;color:#343434;padding-left:20px;font-size:14px;font-weight:400;outline:0;cursor:pointer}
.report-page-main .report-select-box{margin:25px 0 18px}
.report-page-main .report-select-box:before,.report-page-main .report-select-box:after{display:table;content:'';clear:both}
.report-page-main .report-sort-filters{position:absolute;right:52px;top:58px}
.report-page-main .report-sort-filters .select-district{min-width:150px; max-width: 160px; padding-right: 35px; white-space: nowrap; overflow: hidden; text-overflow:ellipsis;}
.report-page-main .report-sort-filters .report-print{background:#343434;height:35px;min-width:82px;border-radius:3px;display:inline-block;vertical-align:middle;color:#fff;text-align:center;line-height:35px;cursor:pointer}
.report-page-main .report-sort-filters .select-dropdown{margin-left:8px}
.select-dropdown:after,.report-page-main .report-select.form-field:after,.bottom-dropdown:after{position:absolute;content:"\f107";font:normal normal normal 20px/1 FontAwesome;right:11px;top:7px;color:#fff}
.report-page-main .report-select.form-field:after{top:13px;right:15px;font-size:21px;color:#343434}
.report-page-main .report-select.form-field .select-sort{appearance:none;-moz-appearance:none;-webkit-appearance:none;-ms-appearance:none;-o-appearance:none}
.report-page-main [data-gsco-wrap]{background:#f3f3f3;border:1px solid #eee;border-radius:3px;padding:0 25px;margin-bottom:5px}
.report-page-main [data-gsco-wrap]>[data-gsco-header]{background:#f3f3f3;font-weight:500;cursor: pointer;font-size:17px;color:#000;border:0;padding:21px 0;position:relative}
.report-page-main [data-gsco-wrap] [data-gsco-header]+[data-gsco-content]{background:#fff;border-radius:3px;border:2px solid #eee;margin:0 0 25px;padding:0}
.report-page-main [data-gsco-wrap]>[data-gsco-header]:after{position:absolute;top:19px;right:0;width:29px;height:29px;background:#d7d7d7;color:#000;border-radius:3px;-webkit-border-radius:3px;text-align:center;font-size:15px;font-weight:500;line-height:29px;content:"\f067";font-family:FontAwesome}
.report-page-main [data-gsco-wrap]>[data-gsco-header].gsc_co_open:after{position:absolute;content:"\f068"}
.report-page-main span.project-est{position:absolute;right:48px;color:#357eb3}
.report-page-main .report-table{display:table;width:100%;table-layout:fixed;border-collapse:collapse}
.report-page-main .report-table-row{display:table-row-group}
.report-page-main .report-cell{display:table-cell;padding:20px 0;text-align:center;font-size:15px;border:1px solid #e2e2e2}
.report-page-main .report-table-row.report-head .report-cell{background:#f7f9fd;font-weight:600}
.report-page-main .rc1{width:5%}
.report-page-main .rc2{width:5%}
.report-page-main .rc3{width:30%;text-align:left;padding-left:20px}
.report-page-main .rc3 a {color: #357eb3;}
.report-page-main .rc4{width:15%}
.report-page-main .rc5{width:15%}
.report-page-main .rc6{width:15%}
.report-page-main .rc7{width:15%}
.report-page-main .report-table-row.report-head .report-cell.rc3{text-align:center}
.report-page-main .form-group input{padding:0;height:initial;width:initial;margin-bottom:0;display:none;cursor:pointer}
.report-page-main .form-group label{position:relative;cursor:pointer}
.report-page-main .form-group label:before{content:'';-webkit-appearance:none;background-color:transparent;border:1px solid #e9e9e9;box-shadow:0 1px 2px rgba(0,0,0,0.05),inset 0 -15px 10px -12px rgba(0,0,0,0.05);padding:7px;display:inline-block;position:relative;vertical-align:middle;cursor:pointer;margin-right:5px;border-radius:3px;-webkit-border-radius:3px}
.report-page-main .form-group input:checked+label:after{content:'';display:block;position:absolute;top:4px;left:6px;width:5px;height:10px;border:solid #0079bf;border-width:0 2px 2px 0;transform:rotate(45deg)}
/*** Report **/


.hero-slider .gscr_lSAction>a{
    width: 42px;
    height:42px;
    text-align: center;
    background: #fff;
    border-radius: 50%;
    cursor: pointer;
}
.hero-slider .gscr_lSAction>.gscr_lSNext {
    right: 30px;
}
.hero-slider .gscr_lSAction>.gscr_lSPrev {
    left: 30px;
}
#herobanner .hero-slider .gscr_lSAction a:before {
    font-family: 'FontAwesome';
    font-size: 30px;
    line-height: 40px;
}
.dropdown-bottom{
    padding: 10px;
    padding-left: 0;
}
.bottom-dropdown {
    margin-bottom: 15px;
    position: relative;
}
.bottom-dropdown select.select-district {
    min-width: 100%;
    background: none;
    color: #343434;
    border: 1px solid #565656;
}
.bottom-dropdown:after{
    right:15px;
    color: #333;
}

.projects-tab{
    margin: 30px auto 20px;
    overflow: hidden;
    text-align: center;
}
.projects-tab .tabs li{padding:0px;border:0;background:#fff;border-radius:4px 4px 0 0;cursor:pointer;box-sizing:border-box;margin-right:2px;position:relative}
.projects-tab li.tab-link.active{border:none}
.projects-tab li.tab-link span{color:#357eb3}
.projects-tab .project-tab-content{padding: 0;min-height: 200px;border-top: 1px solid #e5e5e5;}
.project-not-found {
    text-align: center;
    margin: 25px auto;
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 100px;
}
.csr-block.projects-wrap .projects-tab .filterslide .projectslids {
    max-width: 276px;
}
.projects-tab li a{ 
    position: relative;
    color: #565656;
    font-weight: 500;
    font-size: 19px;
    float: left;
    text-transform: uppercase;
    -webkit-border-radius: 5px 0 0 0;
    -moz-border-radius: 5px 0 0 0;
    border-radius: 5px 0 0 0;
    -moz-box-shadow: 0 2px 2px rgba(0,0,0,.4);
    -webkit-box-shadow: 0 2px 2px rgba(0,0,0,.12);
    box-shadow: 0 2px 2px rgba(0,0,0,.10);
    position: relative;
    /* background-image: linear-gradient(to bottom, #fff, #ddd); */
    padding: .712em 2.5em;
    float: left;
    text-decoration: none;
    color: #444;
    /* text-shadow: 0 1px 0 rgba(255,255,255,.8); */
    -webkit-border-radius: 5px 0 0 0;
    -moz-border-radius: 5px 0 0 0;
    border-radius: 5px 0 0 0;
    -moz-box-shadow: 0 2px 2px rgba(0,0,0,.4);
    /* -webkit-box-shadow: 0 2px 2px rgba(0,0,0,.4); */
    /* box-shadow: 0 2px 2px rgba(0,0,0,.4); */
}
.projects-tab li.active a {
    color: #fff;
    background: #000000;
}

.projects-tab li.tab-link.active a:after {
    position: absolute;
    content: '';
    /* width: 100%; */
    /* height: 6px; */
    background: #000;
    z-index: 2;
    /* left: 0; */
    /* bottom: -3px; */
}

.projects-tab li a:after {
    position: absolute;
    content: '';
    top: 0;
    top: 0px;
    z-index: 1;
    right: -.5em;
    bottom: 0;
    width: 1em;
    background: #e79035;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#e79035), to(#e79035));
    background-image: -webkit-linear-gradient(top, #e79035, #e79035);
    background-image: -moz-linear-gradient(top, #fff, #ddd);
    background-image: -ms-linear-gradient(top, #fff, #ddd);
    background-image: -o-linear-gradient(top, #fff, #ddd);
    background-image: linear-gradient(to bottom, #e79035, #e79035);
    -moz-box-shadow: 2px 2px 2px rgba(0,0,0,.4);
    -webkit-box-shadow: 2px 2px 2px rgba(0,0,0,.4);
    box-shadow: 3px 2px 2px rgba(0,0,0,.142);
    -webkit-transform: skew(10deg);
    -moz-transform: skew(10deg);
    -ms-transform: skew(10deg);
    -o-transform: skew(10deg);
    transform: skew(10deg);
    /* -webkit-border-radius: 0 5px 0 0; */
    -moz-border-radius: 0 5px 0 0;
    /* border-radius: 0 5px 0 0; */
    background: #fff;
    /* background-image: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#ddd)); */
    /* background-image: -webkit-linear-gradient(top, #fff, #ddd); */
    background-image: -moz-linear-gradient(top, #fff, #ddd);
    background-image: -ms-linear-gradient(top, #fff, #ddd);
    background-image: -o-linear-gradient(top, #fff, #ddd);
    background-image: linear-gradient(to bottom, #fff, #fff);
    -moz-box-shadow: 2px 2px 2px rgba(0,0,0,.4);
    /* -webkit-box-shadow: 2px 2px 2px rgba(0,0,0,.4); */
    /* box-shadow: 2px 2px 2px rgba(0,0,0,.4); */
    -webkit-transform: skew(10deg);
    -moz-transform: skew(10deg);
    -ms-transform: skew(10deg);
    -o-transform: skew(10deg);
    transform: skew(10deg);
    -webkit-border-radius: 0 5px 0 0;
    -moz-border-radius: 0 5px 0 0;
    border-radius: 0 5px 0 0;
}

.report-page-main .projects-tab.toggleOwl.report-tabs li:after{
    background: none;
}
.report-page-main .project-tab-content .tab-content{
    padding: 0;
}
.report-page-main .project-tab-content .filterslide {
    padding: 30px 0 10px;
}
div#projectsmain2 {
    padding: 0px 35px;
}

.product-detail-popup{
    text-align: left;
}
.product-detail-popup .product-detail-title {
    font-size: 21px;
    font-weight: 600;
    letter-spacing: 0;
    text-transform: capitalize;
    text-align: left;
    padding-right: 15px;
}
.product-detail-subtitle {
    font-weight: 500;
    font-size: 17px;
}
.product-popup-content {
    margin: 20px 0;
}
.product-popup-left, .product-popup-right {
    float: left;
    width: 50%;
    padding-right: 35px;
}
.product-popup-left p, .product-popup-right p{
    font-size: 14px;
    line-height: 23px;
    color:#343434;
    font-weight: 400;
}
.product-popup-left{
    position: relative;
}
.product-popup-left:after {
    position: absolute;
    top: 0;
    right: 20px;
    content: '';
    width: 1px;
    height: 100%;
    background: #c2c2c2;
}
.product-popup-right{
    padding-right: 10px;
}
.download-pdf{ display: inline-block; vertical-align: middle}
.features-container.categ-detail-view .features-list {
    height: auto !important;
    margin: auto;
    width: auto !important;
    transform: none !important;
}
.features-container.categ-detail-view .features-item {
    float:left;
    padding: 0;
    margin: 0;
    width: 19.6%;
    min-height: 220px;
}
.categ-btn{
    display: table;
    min-width: 108px;
    min-height: 42px;
    line-height: 42px;
    background: #253844;
    border-radius: 3px;
    margin:0px auto 30px;
    color: #fff;
    border:none;
    box-shadow: none;
}

.newsEvent.eventDetail.news-detail-page,
.newsEvent.eventDetail.news-detail-page .eventDiscription{
    padding:0;
}
.schedule7{font-family: 'Lato', 'open sans', arial, verdana;color:#757575; font-size: 1.17em;}
.schedule7 .active, .schedule7 .collapsible:hover,.schedule7 .collapsible:focus {color:#fff;background-color: #000; border-color: #000;}


.schedule7 .collapsible:after {content: '\002B';color: white;font-weight: bold;float: right;margin-left: 5px;}
.schedule7.aboutt-content.com-left {
    padding-right: 25px;
}
.schedule7.aboutt-content.com-left h2{
    position: relative;
}
.schedule7.aboutt-content.com-left h2:before{
    position: absolute;
    top: -12px;
    left: -2px;
    content: '';
    background: url(../image/import.svg) no-repeat;
    width: 100px;
    height: 36px;
    background-size: 75%;
}
.schedule7 .collapsible.select:after {content: "\2212";}
.csr-block.home-aboutus .aboutt-content.com-left, .com-left {width: 50%; float: left;}
.schedule7 .schedule-content {
    padding: 0 0 0 20px;
    max-height: 496px;
    overflow-y: auto;
    overflow-x: hidden;
    margin-right: -12px;
    padding-right: 12px;
}
.schedule7 .schedule-content::-webkit-scrollbar{width:8px; }
.schedule7 .schedule-content::-webkit-scrollbar-track{background:#e2e5ee;border-radius: 32px;-webkit-border-radius: 32px;-moz-border-radius: 32px;}
.schedule7 .schedule-content::-webkit-scrollbar-thumb{background:#c2c2c2;border-radius: 32px;-webkit-border-radius: 32px;-moz-border-radius: 32px;}
.schedule7 .schedule-content ul li{margin-bottom: 24px; list-style-type: none; line-height: 28px; position: relative;}
.schedule7 .schedule-content ul li:before{
    position: absolute;
    top:8px;
    left:-19px;
    content: '';
    width:11px;
    height:11px;
    border:2px solid #000;
    background: #fff;
    border-radius: 50%;
}
.schedule7 .schedule-content ul li b{ color: #000; font-style: italic;}
.header .header-inner .headpanel .header-top .ht-right .search-panel .panel-list.website-search,
.header .header-inner .headpanel .header-top .ht-right .search-panel .panel-list.google-search{ margin:0 10px 0 0;}

/** contact page ***/
.contact-page .inner-content {
    display: block;
    clear: both;
    padding: 20px 30px 40px;
    text-align: left;
}
.contact-page .inner-content h1 {
    font-weight: 600;
    font-size: 2.35em;
    text-align: center;
    padding:15px 0 28px;
    line-height: 1;
}
.contactdic .contact-person {
    clear: both;
    display: block;
    margin-bottom: 25px;
    padding: 0 0 5px;
}
.contact-page .row {
    padding: 15px 0 0;
}
.contact-page .row:after, .contact-page .row:before {
    display: table;
    content: " ";
    clear: both;
}
.contact-page .col-sm-6 {
    position: relative;
    width: 49%;
    min-height: 160px;
    float: left;
    cursor: text;
    margin-right:15px;
    padding: 20px 25px;
    background: #f2f2f2;
    border:1px solid #e9e9e9;
}

.contact-page .col-sm-6.selected{
    background: #fef4e7;
    border:1px solid rgba(215,101,37,0.4);
}
.contact-page .col-sm-6:last-child{
    margin: 0;
}
.contactdic .contact-person p {
    display: block;
    font-size: 17px;
    letter-spacing: 0.5px;
    line-height: 30px;
}
.contactdic .contact-person p strong {
    display: block;
    font-size: 18px;
}
.contactdic .contact-person p i {
    margin-right: 6px;
    width: 18px;
    text-align: center;
}
.contactdic b, .contactdic strong {
    font-weight: 700;
}
.contactdic h2 {
    clear: both;
    display: block;
    font-size: 20px;
    padding: 0 0 10px;
    text-align: center;
    text-transform: uppercase;
}
.contactdic .grid-view {
    overflow: auto;
    max-width: 100%;
    font-family: 'Lato', 'open sans', arial, verdana;
}
.contactdic .table {
    text-align: left;
    border: 1px solid #ddd;
    width: 100%;
    max-width: 100%;
    margin-bottom: 20px;
    border-spacing: 0;
    border-collapse: collapse;
}
.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: 8px;
    line-height: 1.42857143;
    vertical-align: top;
    border-top: 1px solid #ddd;
}
.table-bordered>tbody>tr>td, .table-bordered>tbody>tr>th, .table-bordered>tfoot>tr>td, .table-bordered>tfoot>tr>th, .table-bordered>thead>tr>td, .table-bordered>thead>tr>th {
    border: 1px solid #ddd;
}
.table-striped>tbody>tr:nth-of-type(odd) {
    background-color: #f9f9f9;
}
.table>tbody>tr>th:last-child, .table>tbody>tr>td:last-child{
    width:130px;
}

.faq-answer{display: none}
.faq-about{ padding-top: 35px;}
.accordion.faq-content {
    padding: 35px 30px;
}   
.accordion.faq-content .faqs ul, .accordion.faq-content .faqs ul li {
    list-style: none;
}
.accordion.faq-content .faqs ul li.accordion-section {
    background: #f2f2f2;
    margin: 0 0 5px; 
}
.accordion.faq-content .faqs ul li.accordion-section span.faq-question{
    position: relative;
    width: 100%;
    font-size: 15px;
    font-weight: 600;
    padding: 14px 65px 14px 10px;
    cursor: pointer;
    display: inline-block;
}
.accordion.faq-content .faqs ul li.accordion-section .faq-answer{
    padding: 15px 10px;
}
.accordion.faq-content .faqs ul li.accordion-section.active span.faq-question{
    background: #000;
    color:#fff;
}
.accordion.faq-content .faqs ul li.accordion-section.active .faq-answer{
    background: #f9f8f8;
    margin: 2px 0 0;
    border:1px solid #eee;
}
.accordion.faq-content .faqs ul li.accordion-section span.faq-question:after {
    position: absolute;
    content: '';
    right: 12px;
    top: 34%;
    background: url(../image/arrow-right.png) no-repeat;
    width: 28px;
    height: 28px;
    background-size: 70%;
}

.accordion.faq-content .faqs ul li.accordion-section.active span.faq-question:after{
    position: absolute;
    content: '';
    background: url(../image/arrow-right-white.png) no-repeat;
    transform: rotate(90deg);
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    top:31%;
    right:18px;
    width: 28px;
    height: 28px;
    background-size: 70%;

}


@media print{


    .for-print{ display: block;} 
    .header{ display: none;}
    body:not(.home) .page{ background: #ffffff; padding: 0;} 
    body .page{ background: #ffffff !important; padding: 0;} 
    .top-inner{ display: none !important; padding: 0;}
    .footer{ display: none;}
    .sharebtn{ display: none;}
    .mapicon{display:none}  
    .projectpages .detailheader .backblock{ display: none;}    
    .projectpages .detailcont .imgholder{ margin:0; width:auto; }    
    .projectpages .detailcont .detaillist .detail-list{  margin: 0;}  
    .projectpages .detailcont{ padding: 0;}   
    .projectpages.project-detail .detaildescribe .video-holder{ display: none;}     
    .for-print{display:block;margin:0 0 10px 0;padding:0}
    .for-print h2{margin:0;padding:0;font-size:20px;text-align:left;float:none;display:block;padding:0;color:#000;line-height:20px}
    .for-print .logo-csr{display:block;clear:both;border-bottom:1px solid #ccc;margin-top:-20px;padding:0 20px}
    .for-print .logo-csr:after{display:table;clear:both;content:""}
    .for-print .logo-csr .logo{float:left}
    .for-print .logo-csr .logo-title{background:#f7f7f7;padding:15px 20px;float:left}
    .for-print .logo-csr .logo-title h3{font-size:25px;letter-spacing:.05em;font-weight:600;margin:0;padding:0;line-height:1;text-transform:uppercase}
    .for-print .logo-csr .logo-title p{font-size:17px;letter-spacing:.05em;text-align:left;display:block;line-height:1.5;padding:5px 0 0;margin:0}
    .for-print .logo-csr .logo-title p span{display:block}
    .for-print .pdf-title{font-size:21px;margin:0;font-weight:700;text-transform:uppercase;text-align:center;padding:15px 0 0}
    .for-print .organizaion-name{display:block;font-size:15px;text-align:center;padding:10px 0;line-height:1;text-align:center}       
    .pdf-footer{position:relative;bottom:0;width:100%;text-align:center;display:block;page-break-after:auto;padding:50px 0 0 0}
    .pdf-footer:after{display:table;clear:both;content:""}
    .pdf-footer .proud-partner{font-size:14px;text-align:center;display:block;padding-bottom:10px}
    .pdf-footer .logo-gshz{display:inline-block;padding:0 10px}
    #registration{ display: block;}
    #form  #registration .companybox{ display: none;}
    #form #registration .formmain{ width: 100%; padding: 0;}
    #form .formmain .form-container{ display: block;}  
    #form .formmain .form-container .formouter .formpad .form-fields li .form-field .form-group span.form-control .holder{ display: none;}
    #form .formmain .form-container .formouter .formpad .form-fields li .form-field .form-group span.form-control::after{ display: none;}
    #form .formmain .form-container .formouter.buttonblock{ display: none;}  
    body .page .inner-boxlayout{ background: #fff; box-shadow: none; padding: 0; max-width: inherit; min-height: inherit; }



}      





/*Responsive css*/



@media (min-width:768px){    
    .header .header-inner .menu  .account-links{ display: none;}
    .gssticky{ position: inherit;}
    .hamburger .gsm_hWrap{ display: none !important;}
    .mobileSearch{ display: none;}
    .closeMe{ display: none;}
    .gssticky_wrapper{ height: inherit !important;}
    .projectpages .filterlist{ display: block;}
}

@media(min-width:1200px){

    .inner-boxlayout{ width: auto;}

}
@media(max-width:1650px){
    .st-left-col{padding:15px 20px 15px 20px}
    .st-statistics-col{min-width:245px}
    .st-projects-col{padding-left:20px}
    .cp-box{max-width:260px;height:344px}
}
@media(max-width:1400px){
    .st-title{font-size:14px}
    .st-table-cell{font-size:15px}
    .st-table-row.st-table-head .st-table-cell{font-size:13px}
    .st-statistics-col{min-width:230px}
    .st-right-col,.cp-map-box{justify-content:flex-end}
    .st-left-col{width:64%}
    .st-right-col{width:36%}
    .report-table-row.report-head .report-cell{padding:20px 5px;line-height:18px;vertical-align:middle}
    .report-page-main{padding:25px 50px}
    .header .header-inner .menu .main-menu .nav > li .dropdown-menu,
    .header .header-inner .menu .main-menu .nav > li:hover > .dropdown-menu{ white-space: normal; min-width: 280px;}
    .header .header-inner .menu .main-menu .nav .dropdown-menu > li > a{ white-space: normal;}
    .tab-panel .features-list .features-item .backbox{ height: 200px;}
}

@media(max-width:1199px){

    .inner-boxlayout {max-width: 1202px;}


    /***************** About CSR Page Start ******************/
    /***********************************************************/
    .aboutpages .csrblock-title{font-size: 1.9em;}
    .ab-row .ab-col7{width:60%;    padding-top: 50px;}
    .ab-row .ab-col7 h2 { font-size: 1.7em; }
    .ab-row .ab-col7 p{font-size: 1.1em;}
    .ab-row .ab-col7 p span{display: inline}
    .ab-row .social-top{margin-top: 105px;}
    .ab-row .social-top,
    .ab-graph li .ab-g-time { font-size: 1.4em; }
    .ab-row .social-top> span{font-size: 0.8em;}
    .ab-box2{    margin-top: 80px;}

    .ab-hightlight{margin: 30px auto 50px;font-size: 1.2em; padding: 18px 22px;line-height:28px;}
    .ab-box3 p{font-size: 1.1em;}
    .ab-box3-steps li{padding-bottom: 30px;}
    .ab-step-img { margin: 55px auto 50px;  }   
    .ab-box3-steps-box p { margin: 15px auto 25px;text-align: left; }
    .ab-box3-steps-box{    margin: 15px auto 34px;}

    .ab-box2 p,
    .ab-graph li .ab-g-rs,
    .ab-box3-steps li,
    .ab-box3-steps-box p {font-size: 1.1em; }
    .ab-box3-steps-inner li{font-size: 1em; padding: 30px 0 0; }


    .ab-row .ab-col6 { width: 100%; }
    .ab-row .acp-img-box{text-align: center;margin:auto;}
    .acp-top{font-size: 1.3em;}
    .ab-row .ab-col6 .social-top { font-size: 1.3em; }
    .acp-bottom-row .stc1{left:18px; font-size: 24px;}
    .acp-row.ab-box2{margin-top:0;}
    /***************** About CSR Page End ******************/
    /***********************************************************/
    .top-statistics h2:after,.top-visitors-count:after{width:calc(100vw - 385px);right:0}
    .st-left-col{width:60%;padding:15px}
    .st-right-col{width:40%}
    .features-container.categ-detail-view .features-item{float:left;padding:3px;margin:0;width:25%;min-height:220px}
    .features-container.categ-detail-view .features-item .backbox{height:auto;min-height:180px;}
    .features-container.categ-detail-view .features-item .item{max-height: 100% !important;}    
}


@media (max-width:1280px){
    .header .header-inner .menu .main-menu .nav>li>a{   letter-spacing: 0;}    
    .btn-lg {    font-size: 1.08em;}
    .csr-block.home-aboutus .aboutt-content .btn-set .btn{padding: 10px 18px;}
    .tab-panel .jalswavlamban{background-size: cover; -webkit-background-size: cover; -o-background-size: cover;}
    .jallogo{  left: 30px;}
    .csr-block.latest-news .news-slider{ padding-bottom: 20px;}
    .csr-block.projects-wrap .filterslide{ padding-bottom: 20px;}
    .csr-block.projects-wrap .filterslide .projectslids{ padding: 0 10px;}    
    .scroll-nav li a span{ right:-275px;}
    .scroll-nav li:hover a span{ right: 0;}


    /***************** About CSR Page Start ******************/

    .ab-row .ab-col6 .social-top {
        font-size: 1.3em;
        margin-top: 80px;
    }
    /***************** About CSR Page End ******************/

    .st-table-cell.nc1,.st-table-cell.nc1 span{padding:0 5px;text-align:center}
    .st-table-row.st-table-head .st-table-cell{font-size:11px}
    .st-title{font-size:16px}
    .top-statistics h2:after,.top-visitors-count:after{width:calc(100vw - 480px);right:0}
    .st-left-col{width:61%}
    .st-right-col{width:39%}
    .report-page-main{padding:25px 40px}
}



@media (min-width:1024px) and (max-width:1280px){

    .crowd-funding .video-caption .container{    padding-bottom: 30px;}
    .crowd-funding .video-caption h1{ font-size: 3.5em; padding: 0 50px;}
    .jallogo{  width: 100px; background-size: 100%;}
    .crowdfunding-page .campaign .layoutmain .rightone .rightpanle{ width: 50%;}
    .crowdfunding-page .campaign .layoutmain .rightone .rightpanle ul li .price{ font-size: 1.2em;}
    .crowdfunding-page .campaign .layoutmain .rightone .leftpanle{ width: 50%;}
    .crowdfunding-page .campaign .layoutmain .leftone h3{ font-size: 1.2em;}
    .crowdfunding-page .howyou .righthow ul{padding: 15px 15px 0 25px;}
    .crowdfunding-page .howyou .righthow ul li{padding: 5px 0 15px 60px;}  
    .crowdfunding-page .howyou .righthow ul li::before{ background-size: 170px; -webkit-background-size: 170px; width: 58px; height: 58px;}    
    .crowdfunding-page .howyou .righthow ul li.donation::before{ background-position: -57px 0;}
    .crowdfunding-page .howyou .righthow ul li.friends::before{ background-position: -115px 0;}
    .crowdfunding-page .howyou .righthow ul li h4{font-size: 1em; padding-bottom: 4px;}
    .crowdfunding-page .howyou .righthow ul li p{font-size: 0.87em;line-height: 1.6;}
    .tab-panel .jalswavlamban{    min-height: 250px; padding: 15px 287px 15px 60px;}
    .tab-panel .jalswavlamban p{ font-size: 1em;}
    .csr-block.latest-news .news-slider .newsslides{ padding: 0 10px;}
    .csr-block.latest-news .news-slider .newsslides h3{ font-size: 1.03em;}
    .csr-block.latest-news .news-slider .newsslides p{ line-height: 1.3; font-size: 1em;}
    .csr-block.latest-news .news-slider .newsslides .btn-view{ left:10px; }
    .activitieslist .active-list li{ width: 18%;}
    .activitieslist .active-list2 li > span{top: 0;}
    .activitieslist .active-list2 li p{ line-height: 1;     padding-bottom: 10px;}
    .board-role .boardblock .block-item ul li p{ line-height: 1.4;}
    .board-role .boardblock .block-item ul li > i{    top: 7px;}
    .projectpages .detailcont  .ftr-detailist li .orgcsrproject .name a > span{font-size: 1.08em;}
    .projectpages .detailcont  .ftr-detailist li .orgcsrproject .name a span .viewdetail{    font-size: 0.83em;}
    .projectpages .detailcont  .ftr-detailist li .cd-name{font-size: 1.05em;}
    .footer .footer-top .subscribtion .form-fileds .btn-subs{font-size: 1.0em;}


}


@media (max-width:1366px){
    .projectpages .projectpage-right .projects-reports .tabs .tabRow .catgry.pcol{width: 33.33%;}
}

@media (max-width:1199px){

    .tab-panel .container{ padding: 0;}
    .header .header-inner .headpanel .header-top .colour-themes{width: 100px;}
    .header .header-inner .headpanel .header-top .zoom-site{width: 78px;}
    .crowdfunding-page .howyou .lefthow{ width: 100%;}
    .crowdfunding-page .howyou .righthow{ width: 100%;}
    .header .header-inner .menu .main-menu{ width: auto; float: none;}

    .header .header-inner .menu .main-menu .nav > li > a{  font-size: 0.85em; padding: 12px 10px;}
    .header .header-inner .menu .main-menu .nav > li .dropdown-menu  a   {font-size: 0.85em;}

    .tab-panel .tab-bottom .tb-left{ width: 100%;}
    .tab-panel .tab-bottom .tb-right{ width: 40%;}

    .footer .footer-top .subscribtion .form-fileds .btn-subs{ padding: 10px 0 9px;}
    .tab-panel .tab-content{  margin: 0;} 
    .footer .footer-top .visitor-panel{ width: 25%;} 
    .footer .footer-top .subscribtion{width: 30%; padding: 0 10px;}
    .crowd-funding .video-caption h1{max-width: 545px; margin: auto; font-size: 2.5em; padding: 0;}
    #form .companybox .innerhold{ padding: 30px 15px;}
    .csrblock-title span{ padding: 0 0 10px;}
    #form .formmain .form-container{ padding: 30px 15px 0; }
    #form .formmain .form-container .formouter{ margin: 0 -15px 30px; padding:0 15px 30px 15px;}
    #form .formmain .form-container #request-password-reset-form  .formouter{ padding-top: 0;}
    .footer .footer-top .csrftr-logo{ padding-left: 20px;}
    .footer .footer-top .nodal-officer{ width: 50%;}
    .footer .footer-top .design-comp{ width: 25%;}
    .gsc_modal_vmiddle{ top: 10px;}    
    .newspages .news-blocks .panelleft .list-view .item .imgnewsbox a{ height: 150px; line-height: 150px;}
    .newspages .news-blocks .panelright .newbox .boximg{ height: 150px; line-height: 145px;}      
    .projectpages .filterlist li .project-badge .label{ line-height: 19px;}    
    .projectpages .projectpage-right .projects-reports .projectTabs .tab .tabValue .tab-title{ font-size: 0.95em;}
    .gallery-detail .gallery-col .gallery-item .gallery-thumb{     line-height: 170px;  height: 170px;}    
    .gallery-list .gallery-col .gallery-item .gallery-thumb{     line-height: 170px;  height: 170px;} 
    .report-page-main{padding:20px 25px}
}






@media (max-width:1080px){

    .header{ position: relative; width: auto; margin: 0 -15px;}  
    .header .header-inner .newsevnts{ margin:5px 15px 0;}
    .header .header-inner .menu .main-menu .nav > li a > .fa{ top:13px;}
    .header .header-inner .menu.gssticky{ position: fixed; top: 0; width: 100%; box-shadow: 0 4px 8px 1px rgba(0, 0, 0, 0.176);} 



    .tab-panel .features-container .gscr_lSAction a.gscr_lSPrev,
    .tab-panel .features-container .gscr_lSAction a.gscr_lSNext{ top: 50%; margin-top: -22px;}
    .tab-panel .features-container:hover .gscr_lSAction a.gscr_lSPrev,
    .tab-panel .features-container .gscr_lSAction a.gscr_lSPrev{ left: 10px;}    
    .tab-panel .features-container:hover .gscr_lSAction a.gscr_lSNext,
    .tab-panel .features-container .gscr_lSAction a.gscr_lSNext{ right: 10px;}
    .csr-block.latest-news .latestnews-container:hover .gscr_lSAction a.gscr_lSPrev,
    .csr-block.latest-news .latestnews-container .gscr_lSAction a.gscr_lSPrev{ left: 10px;}
    .csr-block.latest-news .latestnews-container:hover .gscr_lSAction a.gscr_lSNext,
    .csr-block.latest-news .latestnews-container .gscr_lSAction a.gscr_lSNext{ right: 10px;}
    .csr-block.projects-wrap .filterslide-container:hover .gscr_lSAction a.gscr_lSPrev,
    .csr-block.projects-wrap .filterslide-container .gscr_lSAction a.gscr_lSPrev{ left: 10px;}
    .csr-block.projects-wrap .filterslide-container:hover .gscr_lSAction a.gscr_lSNext,
    .csr-block.projects-wrap .filterslide-container .gscr_lSAction a.gscr_lSNext{ right: 10px;}
    .newspages .newsslide-container .gscr_slideOuter:hover .gscr_lSAction a.gscr_lSPrev,
    .newspages .newsslide-container .gscr_slideOuter .gscr_lSAction a.gscr_lSPrev{ left: 10px;}    
    .newspages .newsslide-container .gscr_slideOuter:hover .gscr_lSAction a.gscr_lSNext,
    .newspages .newsslide-container .gscr_slideOuter .gscr_lSAction a.gscr_lSNext{ right: 10px;}    
    .providers .provider-list .gscr_slideOuter:hover .gscr_lSAction a.gscr_lSPrev,
    .providers .provider-list .gscr_slideOuter .gscr_lSAction a.gscr_lSPrev{left:10px;}
    .providers .provider-list .gscr_slideOuter:hover .gscr_lSAction a.gscr_lSNext,
    .providers .provider-list .gscr_slideOuter .gscr_lSAction a.gscr_lSNext{right:10px;}

    .newsEvent .newsslide-container .gscr_slideOuter .gscr_lSAction a.gscr_lSPrev,   
    .newsEvent .newsslide-container .gscr_slideOuter:hover .gscr_lSAction a.gscr_lSPrev{left:10px}
    .newsEvent .newsslide-container .gscr_slideOuter .gscr_lSAction a.gscr_lSNext,
    .newsEvent .newsslide-container .gscr_slideOuter:hover .gscr_lSAction a.gscr_lSNext{right:10px}
    .newsEvent .eventsList .gscr_slideOuter .gscr_lSAction a.gscr_lSPrev,
    .newsEvent .eventsList .gscr_slideOuter:hover .gscr_lSAction a.gscr_lSPrev{left:10px}
    .newsEvent .eventsList .gscr_slideOuter .gscr_lSAction a.gscr_lSNext,  
    .newsEvent .eventsList .gscr_slideOuter:hover .gscr_lSAction a.gscr_lSNext{right:10px} 




    .newspages .newsslide-container .gscr_slideOuter .gscr_lSAction a{ width: 40px; height: 40px; text-align: center; line-height: 44px;}
    .tab-panel .features-list .features-item .item{background: rgba(0,0,0,0.2); border-radius: 5px; padding: 10px; min-height: 250px;max-height:325px;}
    .tab-panel .features-list .features-item .backbox{ position: relative; opacity: 1; margin-top: 10px; background:none; padding: 5px; transform: rotate(0); -webkit-transform: rotate(0);}
    .tab-panel .features-list .features-item .backbox .btn{ margin: 0 auto 5px;}
    .tab-panel .features-container{ max-height: inherit;}
    .tab-panel .features-list .features-item:hover .item .frontbox,
    .tab-panel .features-list .features-item .item .frontbox{transform: rotate(0); -webkit-transform: rotate(0); opacity: 1;}
    .tab-panel .features-list .features-item .frontbox h3{ min-height: 55px;}
    .tab-panel .features-list .features-item .backbox{ margin-top: 0;}
    .tab-panel .tab-bottom .tb-left{ padding: 21px 25px 20px}
    .header .header-inner .menu .main-menu .nav >  li .dropdown-menu.column1width{ width: 210px;}
    .header .header-inner .menu .main-menu .nav >  li .dropdown-menu.column2width{ width: 360px; left: -1px;}
    .header .header-inner .menu .main-menu .nav >  li .dropdown-menu.column3width{ width: 540px; left: -142px;}
    .header .header-inner .menu .main-menu .nav >  li .dropdown-menu.column4width{ width: 720px; left:-142px;}
    .header .header-inner .menu .main-menu .nav li.full-width-dd > .dropdown-menu > li > .column > li{ width: 180px;}    
    .header .header-inner .menu .main-menu .nav li.tabholdes > .dropdown-menu .column > li{ width: 175px;}    
    .header .header-inner .menu .main-menu .nav > li.tabholdes .dropdown-menu.column3width{left: -240px;}  
    .newsEvent .newsEvent-left{ padding-right: 10px;}
    .newsEvent .newsEvent-right{ padding-left: 10px;}
    .newsEvent .eventsContainer .eventsList { margin: 0 -10px;}
    .newsEvent .eventsContainer .eventsList .item{ padding: 10px;}
    .csr-block.projects-wrap .filterslide{ padding-top: 30px;} 
    .csr-block.projects-wrap > p{ line-height: 1.1;}
    .event-filter .fList li{ width: 50%;}   
    .event-filter .fList li.filter-list{ width: 100%; clear: both; padding-top: 10px;}
    .event-filter .fList li .ctgryWise{ padding-right: 0; padding-left: 5px;}
    .event-filter .fList li .event-search{ padding-right: 5px;}
    .newsEvent .featuredNews .slideItem .itemCaption p{font-size: 1.1em; font-weight: 600;}
    .tab-panel .features-container.projectcategory {
        max-height: 380px;
    }
    .features-container.categ-detail-view .features-item .item{max-height: 100% !important;height: 350px;}  


}


@media (min-width:768px) and (max-width:1080px){
    .top-inner{ padding-top: 20px;}

}


@media (max-width:1023px){

    .footer .footer-top .subscribtion .form-fileds .btn-subs {  border-radius: 3px;  display: block;    margin: 6px 0 0;  max-width: 102px;  padding: 5px 0; position: inherit;  width: 100%;}
    .footer .footer-top .subscribtion .form-fileds .form-control{width: 100%; border-radius: 3px;}    
    .csr-block.latest-news .news-slider .newsslides{ padding: 0 10px 40px;}
    .csr-block.home-aboutus .aboutt-content .btn-set .btn{ margin-right: 5px; font-size: 1em;}   
    .tab-panel .nav-tabs > li > a{padding: 20px 0;font-size: 1.2em;} 
    .csr-block.latest-news .news-slider .newsslides h3{font-size: 1.12em;}
    .csr-block.latest-news .news-slider .newsslides p{ font-size: 1em; line-height: 1.3;}
    .csr-block.latest-news .news-slider .newsslides .btn-view{ left: 10px;}
    .csr-block.projects-wrap > p{ line-height: 1.4;}
    .csr-block.home-aboutus .aboutt-content p{ line-height: 1.5;}   
    #form .companybox .innerhold{ padding: 30px 10px;}
    #form #registration .pledge.formmain{ float: none; margin: auto; width: auto;}   
    .projectpages .accordionouter h3 { cursor: pointer;}    
    .providers .provider-list .p-items{ width: 33.3334%;}


    .csr-block.home-aboutus{ padding: 30px 20px}


    .activitieslist .active-list li{ padding: 15px 10px;}
    .smes h4,
    .globlefirstblock h3,
    .benefit-detail h3{ text-align: left;}
    .benefit-detail .compliancesectin{ padding-bottom: 0;}
    .aboutpages .tab-panel-abt{ padding: 0 0;}
    .benefit-detail{ padding: 0 0;}
    .benifits-tree{ padding:20px 0;}
    .aboutpages .csrblock-title{ margin: 0 0 30px;}
    .globlefirstblock{ padding: 0 ;}
    .activitieslist{ padding: 20px 0 0; margin: 0;}
    .board-role{ padding: 20px 0 0;}
    .businesssection .businessinner{ padding: 0;}
    .comparativesection{ margin-top: 0; padding-top: 20px;}
    .businesssection{ margin-top: 20px; padding:20px 0 0;}
    .planningsection .businessinner{ padding: 0;}
    .planning .planningsection ul li{ text-align: justify; padding-bottom: 10px;}
    .planning .planningsection ul li p{ padding: 0;}

    .planning .processsection{ margin: 20px 0 0; padding: 20px 0 0;}
    .planning .listed > li{text-align: justify; padding-bottom: 10px; }
    .smes .stepsection{ padding: 0;}
    .smes #initiativessection.stepsection{ margin: 20px 0 0; padding: 20px 0 0;}
    .projectpages{ padding: 20px 0 0;}
    .projectpages .detailcont .detaildescribe{ text-align: justify;}
    .projectpages .projectlisting .item{ padding-bottom: 10px;}
    .projectpages .services-list .listingdetail{ text-align: justify;}
    .newsEvent .newsEvent-left{ padding: 0;}

    .newsEvent .latestNews{padding:20px 35px;}

    .projectpages .projectlisting.news-list .listingdetail .event-description{ text-align: justify;}
    .newspages .news-blocks{ padding: 0;}
    .newsEvent.eventDetail{ padding: 15px 0;}
    .newsEvent .en-col-page .newsEvent-left{ width: auto; float: none; padding: 0;}
    .newsEvent .newsEvent-right{ padding: 0; width: auto; float: none;}
    .newsEvent .neRight-content  .latestNews .newsContainer{ min-height: inherit;} 

    .newspages .news-blocks .relatednews > .rltdNewsSlider .newsitem { width: 33.3334%;} 
}




@media (min-width:992px) and (max-width:1023px){    
    .hero-slider .banner-content .cmnlogos .cm-photo{ height: 195px;}
    .tab-panel .features-list .features-item .frontbox h3{ font-size: 1.0em;}
    .crowdfunding-page .campaign .layoutmain .rightone .rightpanle{width: 50%; }
    .crowdfunding-page .campaign .layoutmain .rightone .rightpanle ul li .price{ font-size: 1.1em;}   

}


@media ( max-width:991px){ 
    .tab-panel .tab-bottom .tb-left{ padding:23px 25px 13px; width: 100%;}
    .tab-panel .tab-bottom .tb-right{width: 42%; padding: 10px;}
    .tab-panel .tab-bottom .tb-left .leftout{ width: 100%;}
    .top-inner .breadcrumbs{padding: 0 0 5px;}    
    .header .header-inner .menu .main-menu .nav > li{margin: 0 1px;}  
    /*.hero-slider .banner-content .cmnlogos .cm-photo{ height: 155px;}*/    
    .csr-block.home-aboutus .aboutt-content{ float: none; width: auto;}
    .csr-block.home-aboutus .volunteer{ display: block; clear: both; width: auto; max-width: 450px; margin: auto; float: none; padding-top: 25px ;}
    .tab-panel .jalswavlamban{ padding: 20px 185px 20px 20px; min-height: inherit; background-position: -295px 0;}
    .globlefirstblock .listblock li{ float: left; width: 50%;}
    .board-role .boardblock .block-item ul li > i{ top: 7px;}
    .board-role .boardblock .block-item ul li p{ line-height: 1.4;}    
    .planning .stepsection .stepuniverse{ width: 40%; padding-right: 5px;}
    .planning .stepsection .stepprocess{ width: 60%; padding-left: 5px;}
    .planning .listed > li p{  line-height: 1.4;}      
    .projectpages .projectpage-left{ width: 25%; padding-right: 0;}
    .projectpages .projectpage-right{width: 75%; padding-left: 5px;}       
    .projectpages .origation .listingdetail{padding: 0 0 35px 10px;}
    .projectpages .projectlisting .listingdetail .readMore{ left: 10px;}
    .projectpages .origation h3{ margin-bottom: 0;}
    .projectpages .origation .location{ line-height: 1;}
    .projectpages .projectlisting .item{ padding-bottom: 25px;}
    .projectpages .origation .item > a.url{ top: auto; bottom: 7px;}    
    .crowdfunding-page .campaign .layoutmain .rightone .leftpanle{ width: 100%;}
    .crowdfunding-page .campaign .layoutmain .rightone .rightpanle{ width: 100%; padding-top: 15px;}
    .crowdfunding-page .campaign .layoutmain .rightone .btnhold .interestedbtn{font-size: 1em;}
    .csrblock-title{ font-size: 2.0em;}    
    .crowdfunding-page .howit .rajasthanmap .mapline{   padding: 35px 0;}
    .crowdfunding-page .howit .rajasthanmap .mapline > div{width: 123px;}
    .crowdfunding-page .howit .rajasthanmap .mapline > div#two{ margin-top: 1px;}
    .crowdfunding-page .howit .rajasthanmap .mapline > div#three{ margin-top: 2px;}
    .crowdfunding-page .howit .rajasthanmap .mapline > div#six{ margin-top: 2px;}    
    .crowdfunding-page .howit .fbbox .leftside {padding:20px 30px;}
    .crowdfunding-page .howit .fbbox .leftside .partL{font-size: 1.3em; max-width: 50%; padding-right: 5px; padding-top: 19px;}
    .crowdfunding-page .howit .fbbox .leftside .partR{ width: 49%; padding-left: 5px; font-size: 1em;}
    .crowdfunding-page .howit .fbbox .rightside{ padding: 20px 0;}
    .crowdfunding-page .howit .fbbox .rightside .pledge-btn{font-size: 1em;width: 80%;}
    .crowd-funding .video-caption .container{ padding-bottom: 20px;}
    .jallogo{height: 120px;width: 120px; bottom: 114px; background-size: 100%; -webkit-background-size: 100%;}    
    .crowdfunding-page .thankyou .thankcontent .lefthold{ padding-right: 10px;}
    .crowdfunding-page .thankyou .thankcontent .righthold{ padding-left: 10px;}
    .crowdfunding-page .thankyou .thankcontent .righthold .thankslogo .partners ol li{ width: 50%;}    
    .tab-panel .tab-bottom .tb-left .leftout .btn{font-size: 0.85em;     letter-spacing: 0.05em;}
    .gallery-detail .gallery-col{ width: 50%;}
    .gallery-list .gallery-col{ width: 50%;}
    .top-statistics h2{margin:20px 0 15px}
    .st-left-col,.st-right-col{width:100%}
    .st-title{font-size:16px}
    .st-table-cell{font-size:15px}
    .st-table-row.st-table-head .st-table-cell{font-size:14px}
    .st-projects-col{padding:0 0 0 17px;margin:0}
    .cp-box,.cp-map-box,.st-right-col{display:block}
    .st-right-col{margin:22px 0 0}
    .cp-box{max-width:100%}
    .cp-map-box{width:100%;float:none;text-align:center}
    .cm-map-box-wrap{position:relative;max-width:400px;margin:auto}
    .rt-table-responsive{width:100%;overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch;-ms-overflow-style:-ms-autohiding-scrollbar}
    .report-page-main .report-cell{white-space:normal}
    .report-page-main .report-table{display:block}
    .report-page-main .report-select.form-field .select-sort{min-width:200px}
    .report-page-main .report-table{overflow-x:auto;width:800px}
    .report-page-main [data-gsco-wrap]>[data-gsco-header],.report-page-main span.project-est{font-size:16px}
    .report-page-main [data-gsco-wrap]>[data-gsco-header]:after{top:18px}
    .projects-tab .gsc-ta-contentWrap div.gsc-ta-content {
        margin: 75px 0 0;
    }
    .header .header-inner .menu .main-menu .nav > li:hover > .dropdown-menu{ white-space: normal; min-width: 220px;}
    .features-container.categ-detail-view .features-item{width:33.33%;}
    .contact-page .col-sm-6{margin-right: 10px;min-height: 145px;}
    .contact-page .row{padding:10px 0 0;}
    .contactdic .contact-person p{font-size:14px; letter-spacing: 0px;line-height: 26px;}
    .contactdic .contact-person p strong{font-size: 16px;}
}





@media (min-width:768px) and (max-width:1023px){ 
    .header .header-inner .logo-ashokasymbol{width: 5%;}
    .header .header-inner .headpanel .header-top .ht-left{ width:16%;}
    .header .header-inner .headpanel .header-top .ht-left .screen-reader{ width: 42%;} 
    .header .header-inner .headpanel .header-top .ht-left .screen-reader a{  font-size: 0.8em;}
    .header .header-inner .menu .main-menu .nav .dropdown-menu > li > a{ padding: 7px 20px; letter-spacing: 0.08em;}
    .header .header-inner .headpanel .header-top .colour-themes{/*width: 27%;*/ margin-left: 10px; float: left;}
    .header .header-inner .headpanel .header-top .zoom-site{ width: 81px;}
    .header .header-inner .headpanel .header-top .zoom-site li{ width: 33.33345%;}
    .header .header-inner .headpanel .header-top .zoom-site li .plus-minus{ width: 100%;}
    .header .header-inner .headpanel .header-top .ht-right{ max-width:84%;}
    .header .header-inner .headpanel .header-top .ht-right .search-panel .panel-list{ margin-right: 5px;}
    .header .header-inner .headpanel .header-top .ht-right .search-panel .clickSearch{ padding: 0 7px;}
    .header .header-inner .account-links .login-register{ font-size: 0.8em;  line-height: 1;}    
    .header .header-inner .account-links a.login-register:after{top: 15px;}    
    .projectpages .detailheader{ padding-bottom: 0;}
    .projectpages .detailcont{ padding: 15px 0;}
    .projectpages .detailcont .imgholder{width: 23%;}
    .projectpages .organizedetail .detailcont .detaillist{  width: 77%; padding-left: 20px;}
    .projectpages .detailcont .detaillist .detail-list{    padding-left: 0;}
    .projectpages .detailcont .detaillist .detail-list li .detail-row .detail-col{ width: 50%;}
    .projectpages .organizedetail .detailcont .imgholder{line-height: 150px; min-height: 150px; height: 150px;}   
    .projectpages.project-detail .imghold .projdetslider .contents .galleryopnen{line-height: 150px;
                                                                                 min-height: 150px; height: 150px;}
    .projectpages.project-detail .imghold .projdetslider .contents .galleryopnen img{ max-width: 100%; max-height: 95%;}    
    .projectpages.project-detail {    padding-top: 10px;} 
    .projectpages.project-detail .imghold{width: 40%;}
    .projectpages .detailcont .detaillist{ padding-left: 20px;}
    .projectpages .detailcont .detaillist ul{ padding-left:0; padding: 0; }
    .projectpages.project-detail .fundblock{ width: 100%; clear: both; padding: 5px;  }
    .projectpages.project-detail .fundblock .fund-inner{ padding: 10px;}
    .projectpages.project-detail .fundblock .fund-inner:after{ clear: both; content: ""; display: table;}
    .projectpages.project-detail .fundblock .counting{ float: left; padding: 0;}
    .projectpages.project-detail .fundblock .inr{ float: left;    padding-top: 20px;
                                                  padding-left: 5px;}
    .projectpages.project-detail .fundblock .detailbtn{ float: right; margin: 0;  }
    .projectpages.project-detail .fundblock .funds{padding: 10px 0;}
    .projectpages.project-detail .fundblock .fundprice .price{ float: none; display: inline-block; width: auto;}
    .projectpages.project-detail .fundblock .fundprice .lacstext2{ float: none; display: inline-block; position: relative; bottom: 20px; padding-top: 0;}
    .projectpages.project-detail .fundblock .btngray { width: auto; padding: 10px 15px; font-size: 1.05em;}  
    .projectpages .filterlist li{ padding: 5px;}
    .projectpages .filterlist li > a{padding:0;}
    .projectpages .filterlist li a span{left: 9px;}
    .projectpages .filterlist li .project-badge{ position: relative; top: 0; left: 0; margin-top: 5px;}
    .projectpages .filterlist li  .project-badge .label-default{ display: block; border-radius: .25em; }
    .projectpages .filterlist li .project-badge .label:after{top: -6px; transform: rotate(180deg); -webkit-transform: rotate(180deg); left: 22px;}
    .projectpages #accordion .filterlist li.has-sub{padding-bottom: 5px;}
    .projectpages #accordion .filterlist li > .accordiontitle a{ padding-bottom: 0;}
    .projectpages #accordion .filterlist li .project-badge{ top: 0;}    
    .newspages .news-blocks .panelleft{ width:70%;}
    .newspages .news-blocks .panelleft .list-view .item .newsfloat h3{ font-size: 1.05em;}
    .newspages .news-blocks .panelleft .list-view .item .newsfloat{ padding-left: 15px;}
    .newspages .news-blocks .panelright{ width: 30%;}
    .newspages .news-blocks .panelright .newbox h4{font-size: 1.03em;}    
    #form .companybox{padding-left: 5px;}
    #form #registration .formmain{padding-right: 5px;}
    #form .formmain .form-container .legend{font-size: 1.4em;}
    #form .companybox.govts .innerhold .csrblock-title{ font-size: 1em;}
    #form .formmain .form-container  label{ white-space: nowrap;}
    .footer .footer-top .csrftr-logo{ padding: 0 10px 0 0}
    .footer .footer-top .design-comp .title{font-size: 1.08em;}
    .footer .footer-top .nodal-officer h3{font-size: 0.9em; padding-top: 0;}
    .footer .footer-top .nodal-officer p.links{font-size: 0.8em;}
    .footer .footer-top .nodal-officer p.info{ line-height: 1.4;}    
    .projectpages.eventpages .projectpage-left { width: 25%;}
    .projectpages .projectpage-right,
    .projectpages.eventpages .eventdeatil-right{width: 75%; padding-left: 20px;}
    .projectpages.eventpages .eventlisting .item .eventcont .listingimg a{height: 103px; line-height: 103px;}
    .projectpages.eventpages .eventdeatil-right .eventdital .event-thumb a{height: 150px;    line-height: 150px;}
    .projectpages .accordionouter h3{padding: 10px 10px 10px 28px;    font-size: 0.95em; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}    
    .projectpages .accordionouter h3 span{ top: 12px; }    
    .projectpages.project-detail .fundblock .detailbtn{ font-size: 1em;}

    .projectpages.services-detail .detailcont .detaillist {width: 70%; padding-left: 20px;  }    
    .projectpages .projectpage-right .projects-reports .projectTabs .tab .tabValue .tab-title{ font-size: 0.87em;}
    .projectpages .projectpage-right .projects-reports .projectTabs .tab .tabValue{padding: 10px 0 10px 53px; min-height: 30px;}
    .projectpages .projectpage-right .projects-reports .projectTabs .tab .tabValue .tab-icon{ left: 10px; top: 10px;}
    .projectpages .projectpage-right .projects-reports .projectTabs .tab.tab2 .tabValue .tab-icon{ top: 7px;}
    .projectpages .projectpage-right .projects-reports .projectTabs .tab.tab3 .tabValue .tab-icon{ top: 5px;}
    .projectpages .projectpage-right .projects-reports .projectTabs .tab.tab1 .tabValue .tab-icon span{ font-size: 30px;}
    .projectpages .projectpage-right .projects-reports .projectTabs .tab.tab2 .tabValue .tab-icon > span{ font-size: 35px;}
    .projectpages .projectpage-right .projects-reports .projectTabs .tab.tab3 .tabValue .tab-icon > span{ font-size: 35px;}    
    .projectpages .projectpage-right .projects-reports .tabs .tabRow .catgry{ padding: 0;}    
    .projectpages .projectpage-right .projects-reports .tabs .tabRow .catgry.pcol{width: 100%; margin-bottom: 10px;}
    .projectpages .projectpage-right .projects-reports .tabs .tabRow .catgry .catgryItem{ padding: 0 5px 0 20px;}
    .projectpages .projectpage-right .projects-reports .tabs .tabRow .catgry .ctgry-icon{ left: 0; width: 15px; height: 15px;}
    .projectpages .projectpage-right .projects-reports .tabs .tabRow .catgry .ctgry-name{ font-size: 0.85em; line-height: 1.2;}
    .projectpages .projectpage-right .projects-reports .tabs .tabRow .catgry .ctgry-report{font-size: 0.85em;}

    .newsEvent .eventsContainer .eventsList .item{ width: 50%;}    

    /* List of comapnies filters  */
    .projectpages .accordionouter .gs-comp-title li h3{ padding:0 !important}
    .projectpages .gs-comp-title.filterlist li .project-badge{top:0 !important}
    .projectpages .gs-comp-title.filterlist li .project-badge .label:after {
        top: -6px !important;
        transform: rotate(180deg);
        -webkit-transform: rotate(180deg);
        left: 22px !important;
    }
    .projectpages .gs-comp-title.filterlist li{
        padding: 5px 0 5px 5px !important;
    }


}

@media (min-width:768px) and (max-width:991px){
    /*.header .header-inner .menu{ padding:8px 0 0;}*/
    .header .header-inner .menu{  padding:0 5px 0;}
    .header .header-inner .menu.hvprtnrlogos .main-menu{    width: 89%;}
    .header .header-inner .menu .main-menu .nav{ margin: 0; }
    .header .header-inner .menu .main-menu .nav > li{ margin: 0;}
    .header .header-inner .menu .main-menu .nav > li > a{ font-size: 0.85em; padding: 12px 9px;}
    .header .header-inner .menu .main-menu .nav > li a > .fa {    font-size: 1.1em;     right: 4px;    top: 13px;}
    .header .header-inner .menu .main-menu .nav > li.dropdown > a{ padding-right: 15px;}
    .header .header-inner .menu .gshzlogo > a,
    .header .header-inner .menu .gshzlogo > a:hover{ width: 30px; padding-left: 30px;}
    .header .header-inner .menu .gshzlogo > a.icon-hz:before{ left: 2px; top: 5px; background-size: 30px; -webkit-background-size: 30px; height: 30px; width: 30px;}
    .header .header-inner .menu .gshzlogo > a.icon-gs:before{ left: 3px; top: 5px; background-size: 30px; -webkit-background-size: 30px;}    
    .header .header-inner .menu .gshzlogo > a.icon-hz:hover:before{ left: 2px; }
    .header .header-inner .menu .gshzlogo > a.icon-gs:hover:before{ left: 3px;}


    .services-detail .client-contacts .person-list > li .cperson-box,
    .services-detail .client-contacts .person-list > li .cperson-box:first-child{ width: auto; float: none; border: none; padding:0;}
    .services-detail .client-contacts .person-list > li .cperson-box:first-child{ padding-bottom: 10px;}    
    .services-detail .providers-lists .providers:not(.single-section) .provider-list > .p-item-list > .p-items{ width:300px; margin: auto; float: none;}


    .header .header-inner .menu .gshzlogo{ padding-left: 0;} 

    .gallery-detail .gallery-col .gallery-item .gallery-thumb{     line-height: 160px;  height: 160px;} 
    .gallery-list .gallery-col .gallery-item .gallery-thumb{     line-height: 160px;  height: 160px;}
    .header .header-inner .menu .main-menu .nav > li .dropdown-menu{ width: 120px; white-space: normal;}
    .header .header-inner .menu .main-menu .nav .dropdown-menu > li > a{ white-space: normal;}
    .header .header-inner .menu .main-menu .nav > li.help-menu.dropdown:hover > .dropdown-menu,
    .header .header-inner .menu .main-menu .nav > li.help-menu.dropdown > .dropdown-menu{
        left:auto;
        right:0;
    }
}



@media (max-width:767px){
    .header{ width: 100%; margin: 0;}
    .header .header-inner .account-links{ top: 0;}
    .gsm_overFlow{ overflow: hidden;} 
    .page{ padding: 167px 0 0;}
    .page.nonewsevents{ padding: 130px 0 0;}
    body:not(.home) .page{padding-top: 177px; background-position:0 0;  }
    body:not(.home) .page.nonewsevents{padding-top: 143px;  }

    .header .container{ padding: 0; margin: 0;}
    .header{ position: absolute; }       
    .header .header-inner .newsevnts{ margin: 5px 0px 0 -61px; border-top: 1px solid rgba(0,0,0,0.1);  }
    .header .header-inner .headpanel #menu{ /*display: none;*/ margin: 0 -56px; display: block; padding: 5px 10px; background: rgba(0,0,0,0.35); border: none;}
    .header .header-inner .menu .main-menu{ display: none;}
    .header .header-inner .headpanel #menu.gssticky{ width: 100%; box-shadow: 0 4px 8px 1px rgba(0, 0, 0, 0.176);}
    .header .header-inner .headpanel .header-top{ padding-bottom: 5px; padding-top: 0; border: none;}
    .header .header-inner .headpanel .header-top .ht-left{ float: none; width: 100%; max-width: 100%; margin: 0 0 0 10px; padding: 0;}
    .header .header-inner .headpanel .header-top .ht-left:after{ display: table; clear: both; content: "";}
    .header .header-inner .headpanel .header-top .ht-left .screen-reader{ float: none; width: auto; padding: 3px 0;}
    .header .header-inner .headpanel .header-top .ht-left .screen-reader a{ text-align: center;}
    .header .header-inner .headpanel .header-top .ht-right{ width: auto; clear: both; float: none; background: none;  margin: 0 0 0 10px; padding: 5px 0; width: 100%; }
    .header .header-inner .headpanel .header-top .ht-right:after{ display: table; clear: both; content: "";}
    .header .header-inner .headpanel .header-top .ht-right .search-panel .clickSearch{ line-height: 26px;
                                                                                       height: 24px;   font-size: 0.75em; padding: 0 6px; background: rgba(0,0,0,0.4); color: #fff;}
    .header .header-inner .headpanel .header-top .ht-right .search-panel .google-search { margin-right: 0; }
    .header .header-inner .headpanel .govtinfo{  padding: 5px 0;}
    .header .header-inner .account-links{ float: left; padding:14px 50px 12px 0; margin: 0 0 0 0; position: relative; display: none;}
    .header .header-inner .account-links:after{ display: table; clear: both; content: "";}
    .header .header-inner .account-links .login-register{ color:#333; float: left; display: block; font-size: 0.90em; line-height: 1; padding: 3px 0 0; margin-top: 0;   }
    .header .header-inner .account-links .login-register:hover{ color:#666; }
    .header .header-inner .account-links .login-register span { border-color:#fff; color:#fff;}      
    .header .header-inner .gssticky_wrapper{ clear: both;}
    .header .header-inner .menu{ padding: 8px ;  }
    .header .header-inner .menu.gssticky{  width: 100%;     box-shadow: 0 4px 8px 1px rgba(0,0,0,.176);}
    .header .header-inner .menu  .account-links{ display: block; padding: 7px 0 0 0;}
    .header .header-inner .menu-btn{ display: block;float: right; border: none; background: rgba(0,0,0,0.5); color: #fff; border-radius: 2px; padding: 7px 15px; margin-top:-3px; cursor: pointer;  right: 0; top:0; min-height: 25px;}  
    .header .header-inner .menu .gshzlogo{ padding: 0 10px;}
    .header .header-inner .menu .gshzlogo > a,
    .header .header-inner .menu .gshzlogo > a:hover{ width: 30px; padding-left: 30px;}
    .header .header-inner .menu .gshzlogo > a.icon-hz:before{ left: 2px; top: 5px; background-size: 30px; -webkit-background-size: 30px; height: 30px; width: 30px;}
    .header .header-inner .menu .gshzlogo > a.icon-gs:before{ left: 3px; top: 5px; background-size: 30px; -webkit-background-size: 30px;}    
    .header .header-inner .menu .gshzlogo > a.icon-hz:hover:before{ left: 2px; }
    .header .header-inner .menu .gshzlogo > a.icon-gs:hover:before{ left: 3px;}


    .menu-bg{    background: rgba(0,0,0,0.5); position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 999; display: block; transform: translateX(115%); -webkit-transform: translateX(115%); transition: ease 0.5s all; -webkit-transition: ease 0.5s all;}    
    .menu-bg.open{transform: translateX(0); -webkit-transform:translateX(0);} 
    .gsm_hWrap .closemenu{ border: none; background: none; display: block; border-bottom: 1px solid rgba(0,0,0,0.1); min-height: 40px; text-align: center;   width: 100%;  display: block; z-index: 2020; font-weight: 400; font-size: 1em;     opacity: .6; color: #000;}
    .hamburger.graybg{    z-index: 999;} 
    .hamburger .gsm_hWrap{max-width:240px;    z-index: 999; height: 100%;} 
    .hamburger.gsm_hWrap > ul{ display: block; overflow: auto;}
    .hamburger.gsm_hWrap ul>li a{ width: auto; display: block; padding-right: 30px; position: relative;}
    .hamburger.gsm_hWrap ul>li a > .gsm_arrowSprit{ position: absolute; right: 10px;    top: 13px; margin: 0;} 
    .hamburger.gsm_hWrap ul>li.gsm_open > a{    background: rgba(0,0,0,0.5);}
    .hamburger.gsm_hWrap ul>li>ul{ background: rgba(0,0,0,0.1); border: none; border-radius: 0; padding-bottom: 0; border-bottom: 1px solid rgba(0,0,0,0.1);}
    .hamburger.gsm_hWrap ul>li>ul > li{ background: none; border: 1px solid rgba(0,0,0,0.1); border-width: 1px 0 0; }
    .hamburger.gsm_hWrap ul>li>ul > li > a{line-height: 1.2;white-space: normal; padding: 15px 12px;}
    .hero-slider .banner-content{ bottom: 0;}
    .hero-slider .banner-content .cmnlogos .cmor{ width: 60%; max-width: 226px;}
    .hero-slider .banner-content .cmnlogos .gshzlogo{ width: 40%;}
    .hero-slider .banner-content .cmnlogos .gshzlogo a{ width: 50%; padding: 0 3px; margin: 0;}
    .hero-slider .banner-content .cmnlogos .cm-photo{    width: 150px; max-height: 184px;  margin: auto;}
    .hero-slider .banner-content .cmnlogos .cmor .cmname{ width: auto;}
    .hero-slider .banner-content .cmnlogos .cmor .cmname .cm-name{font-size: 0.80em;}
    .hero-slider .banner-content .cmnlogos .cmor .cmname span{ font-size: 1em;}

    .main-content{ padding: 0;}
    .main-content > .container { padding: 0 5px;}



    #Tabhome.tab-panel.tab-panel{ margin-top: 0;}
    .tab-panel .tab-content #featuredPrograms{padding: 0 5px;}
    .tab-panel .nav-tabs > li > a{    font-size: 0.95em;     padding: 10px 0;}
    .tab-panel .features-list .features-item{ padding: 0 5px;}
    .tab-panel .features-list .features-item .frontbox h3{ font-size: 1em;}
    /*.tab-panel .features-list .features-item .backbox .btn{ width: auto;}*/
    .tab-panel .features-list .features-item .backbox input.btn{ padding: 9px 15px;}
    .tab-panel .jalswavlamban{ padding: 15px;}
    .tab-panel .tab-bottom .tb-left{ width: 100%; border: none; padding: 14px 12px 13px;}
    .tab-panel .tab-bottom .tb-left .leftout{ padding-bottom: 0;}
    .tab-panel .tab-bottom .tb-left .leftout h2{ font-size: 1em;}
    .tab-panel .tab-bottom .tb-left .leftout .button-groups{padding-top: 10px;}
    .tab-panel .tab-bottom .tb-left .leftout .btn{ font-size:0.75em; padding: 5px 8px; margin: 0 6px 6px 0; }
    .tab-panel .tab-bottom .tb-right{ float: none; width: auto; padding: 15px 0; clear: both; margin: auto;
                                      max-width: 340px;}
    .tab-panel .tab-bottom .tb-right:after{ display: table; clear: both; content: ""; }
    .tab-panel .tab-bottom .tb-right:before{ display: none;}
    .csr-block.latest-news{padding: 50px 10px;}
    .csr-block.projects-wrap{padding:50px 10px;}
    .csr-block.home-aboutus .aboutt-content .btn-set .btn{    font-size: 0.8em; padding: 5px 10px;} 
    .csr-block.home-aboutus .aboutt-content .btn-set .btn:last-child{ margin-right: 0;}
    .csr-block.home-aboutus .aboutt-content .abtlistsectn li{ float: none; width: auto; margin-bottom: 15px;}
    .csr-block.home-aboutus{    padding: 40px 0 35px;}

    .csr-block.projects-wrap .filterslide-container{ margin: 0 -10px;} 


    .footer .footer-top .title{ font-size: 1em;}
    .footer .footer-top .visitor-panel .visitor .label{ font-size: 1em;}
    .footer .footer-top .visitor-panel .update{ font-size: 0.85em;}
    .sharebtn{left: 10px; bottom: 2px;}
    .registration-popup .regsttype {max-width:300px; margin: auto;}
    .registration-popup .regsttype li{ width: 50%; padding-bottom: 15px;}
    .registration-popup .regsttype li .regstlist{width: 126px;    height: 126px;}
    .registration-popup .regsttype li .regstlist i{    font-size: 2.3em;}
    .registration-popup .regsttype li .regstlist.govt i{ font-size: 3.5em;}
    .registration-popup .regsttype li .regstlist .title{ line-height: 1.1;  font-size: 0.85em;}
    .modal-body .btn-popup{font-size: 1.2em;     width: 200px;}
    .registration-popup .btnblock p{    font-size: 1.0em;}
    .top-inner{    padding: 10px 0 ;}
    .top-inner .csrpage-title h1{ font-size: 1.5em;}

    .header .header-inner .gssticky.menu  { border-top: none;}

    #form{ padding-top: 0;}
    #form #registration .formmain{ float: none; width: auto; padding: 0;}
    #form .companybox{ float: none; clear: both; width: auto; padding: 0 0 15px;}
    #form .formmain .form-container .legend{ line-height: 1.3;  font-size: 1.3em;}
    #form .formmain .form-container p.reset{ letter-spacing: 0;}
    #form .formmain .form-container .formouter h3{line-height: 1.3; font-size: 1.1em;}
    #form .formmain .form-container .formouter .form-fields li{ padding: 0;}
    #form .formmain .form-container .formouter .form-fields li .form-field.bythird,
    #form .formmain .form-container .formouter .form-fields li .form-field{ width: 100%; padding: 10px 15px;}
    #form .formmain .form-container .formouter .form-fields li .form-field.bythird .radio,  #form .formmain .form-container .formouter .form-fields li .form-field.bythird .checkbox{ margin: 0;}
    .top-inner{ padding-bottom: 0;}
    .top-inner .container{ position: relative; padding-right: 25%; padding-bottom: 15px;}
    .top-inner .breadcrumbs{ float: noe; display: block; clear: both; width: 100%; padding-top: 10px;}
    .top-inner .csrpage-title{  float: none; width: 100%; clear: both;}
    .top-inner .hzgs-logo{ position: absolute; bottom: 15px; right: 15px; max-width: 24%;  }

    .projectpages .search-organization input.form-control{ padding: 5px 5px 5px 45px} 

    .aboutpages{ padding-top:10px;}
    .aboutpages .tab-panel-abt .tab-content .thumb-impression{ float: none; padding: 0 0 10px; width: auto;}
    .aboutpages .tab-panel-abt .tab-content .description{ float: none; padding:20px 0 0; width: auto;}
    .aboutpages .csrblock-title{ font-size: 1.43em;}
    .aboutpages .tab-panel-abt  .gsc-ta-overHide div.gsc_ta_scroll{ overflow: hidden;}
    .aboutpages .tab-panel-abt .nav-tabs{ padding: 0 0 30px;}
    .aboutpages .tab-panel-abt .nav-tabs>li{ margin-right: 0;  width:33.33%; display: block;}
    .aboutpages .tab-panel-abt .nav-tabs>li>a{ padding: 15px 5px;}
    .aboutpages .tab-panel-abt .nav-tabs>li>a .name{    font-size: 0.9em;}
    .aboutpages .tab-panel-abt .nav-tabs>li>a .thumb-impression .designation{    font-size: 0.72em;}
    .aboutpages .tab-panel-abt .nav-tabs > li > .tabitem .name{font-size:0.90em;}

    .benefit-detail .compliancesectin .warning-symbol{ float: none; width: auto; padding: 0 0 0 10xp;}
    .benefit-detail .compliancesectin .complince-detail{ float: none; clear: both; padding: 25px 0 0; width:auto;}
    .activitieslist .active-list li{ width: 49%; max-width: inherit;}
    .globlefirstblock .listblock li{ padding: 0 5px 0 0;}
    .globlefirstblock .listblock li:last-child{ padding: 0 0 0 5px;}
    .globlefirstblock .listblock li .listtitle{ font-size: 1em; min-height: 55px;}
    .board-role .boardblock.first{ float: none; clear: both; padding: 0 0 20px; width: auto;}
    .board-role .boardblock.last{ float: none; clear: both; padding: 0; width: auto;}
    .projectpages{ padding-top: 30px;}
    .projectpages .projectpage-left{ float: none; clear: both; padding: 0 0 10px; width: auto; background:#fef1e2; min-height: inherit; padding: 0;}
    .projectpages .accordionouter{ padding: 0;}
    .projectpages .accordionouter h3{padding-left: 45px;}
    .projectpages .filterlist{ background:#fff;  }
    .projectpages .filterlist li{ border-radius: 10px;}
    .projectpages .filterlist li:first-child{ border-radius: 0 0 10px 10px;}
    .projectpages .filterlist li:last-child{ border-radius: 10px;}
    .projectpages .filterlist li .project-badge .label:after{top: 0; left: 9px;}    

    .projectpages .filterlist li.active { margin: 1px 0; border: 1px solid #FFDCC9;}   
    .projectpages .filterlist li.active:before  { display: none;}
    .projectpages .filterlist li.active:after  { display: none;}
    .projectpages .projectpage-right{ float: none; clear: both; padding: 10px 0 0 ; width: auto;}
    .projectpages .origation .listingimg{ width: 25%;}
    .projectpages .origation .listingdetail{ width: 75%;}
    .projectpages .detailheader .backblock{ float: right; padding-top: 0; margin-left: 0;}
    .projectpages .detailheading{ clear: both;}
    .projectpages .detailcont .imgholder{ float: none; clear: both; padding: 0; width: auto; max-width: 340px; margin: auto;}
    .projectpages .detailcont .detaillist{ clear: both; float: none; width: auto; padding: 15px 0 0; border: 1px solid rgba(0,0,0,0.1); border-width: 1px 0 0; margin-top: 15px;}
    .projectpages .detailcont .detaillist .detail-list{ border: none; padding: 0;}
    .projectpages .detailcont .detaillist .detail-list li .detail-row .detail-col{ clear: both; width: auto;}

    .projectpages .projectlisting.program-list .item{ padding: 15px 15px 25px 15px;}  
    .projectpages .projectlisting.program-list .listingdetail{    padding: 0 0 0 15px; }
    .projectpages .projectlisting.program-list .listingimg   { height: 150px; margin-bottom: 15px;} 
    .projectpages .projectlisting.program-list .fundblock{   float: none;clear: both; display: block; border: none; border-top: 1px solid rgba(0,0,0,0.1); width: auto; padding: 10px 0 0; text-align: left; min-height: inherit; clear: both;  position: static; border-radius: 0 0 4px 4px; right: 0; padding: 10px 15px; margin: 0 -15px -25px; top: 0; }
    .projectpages .projectlisting.program-list .fundblock .funds{ display: block; padding-right: 0; line-height: 1;}
    .projectpages .projectlisting.program-list .fundblock .counting{padding: 2px 0 0; display: inline-block; font-size: 2em;}
    .projectpages .projectlisting.program-list .fundblock .inr{ display: inline-block; padding-left: 5px;}
    .projectpages .projectlisting.program-list .fundblock .detailbtn{ margin-top: -6px; float: right;}

    .projectpages.project-detail .fundblock{ position: inherit; float: none;clear: both; display: block; border: none; border-top: 1px solid rgba(0,0,0,0.1); width: auto; padding: 10px 0 0; text-align: left; min-height: inherit; padding: 15px; overflow: hidden; margin: 0 -15px -15px; border-radius: 0;  border-radius: 0 0; }
    .projectpages.project-detail .fundblock .funds{ display: block; padding-right: 0; line-height: 1; padding: 0;}
    .projectpages.project-detail .fundblock .counting{padding: 2px 0 0; display: inline-block; font-size: 2em;}
    .projectpages.project-detail .fundblock .inr{ display: inline-block; padding-left: 5px;}
    .projectpages.project-detail .fundblock .detailbtn{ margin-top: 0; float: right;}
    .projectpages.project-detail .fundblock .fund-inner{ padding: 10px 0 0; border-radius: 0; background: none;}
    .projectpages .organizedetail .detailcont .imgholder{display: block;
                                                         vertical-align: middle;
                                                         text-align: center;
                                                         min-height: 250px;
                                                         line-height: 250px; height: auto;}


    .projectpages .detailheader .pd-titles .title{ float: none; clear: both; padding-top: 0;}
    .projectpages .detailheader .pd-titles .projectstats{ float: none; clear: both; padding-top: 5px;}
    .projectpages.project-detail .detailheader .projectstats span{ text-align: left; display: inline-block; padding-right: 5px;}
    .projectpages.project-detail .detaillist ul{ padding: 0;}
    .projectpages.project-detail .detaillist ul li .detaillistleft{ width: 60%;}
    .projectpages.project-detail .detaillist ul li .detaillistleft:first-child{ width: 40%;}
    .projectpages.project-detail .imghold{ float: none; width: auto; padding-bottom: 10px; clear: both; max-width: 340px; margin: auto;}
    .projectpages.project-detail .imghold .projdetslider .contents img { width: 100%;}

    .projectpages .detailcont  .ftr-detailist{ text-align: center;}
    .projectpages .detailcont  .ftr-detailist li{ width: auto;}
    .projectpages.project-detail .detaildescribe .video-holder{ float: none; clear: both; padding-bottom: 15px; width: auto;}
    .newspages{ padding-top: 15px;}
    /*.newspages .featured-news-slider .newsitem img { width: 100%;}*/
    .newspages .news-blocks .panelright{ clear: both; float: none; padding: 10px 0 15px ; width: auto;}
    .newspages .news-blocks .panelleft{ clear: both; float: none; padding: 0 0 10px; width: auto;}
    .newspages .news-blocks .panelleft .list-view .item .imgnewsbox{ float: none; clear: both; width: auto; padding-bottom: 15px;}
    .newspages .news-blocks .panelleft .list-view .item .imgnewsbox a { display: block;}
    /*.newspages .news-blocks .panelleft .list-view .item .imgnewsbox img{ width: 100%;}*/

    .newspages .news-blocks .panelleft .list-view .item .newsfloat{ float: none; padding: 15px 0 0; width: auto;}
    .newspages .news-blocks .relatednews ul li{ width: 100%;}
    .newspages .news-blocks .panelleft .list-view .item .newsfloat h3{    font-size: 1.12em;}  
    .crowdfunding-page{ margin-top:-8px;}
    .crowd-funding .video-caption{   }
    .crowd-funding .video-caption h1{ max-width: 200px; margin-right: 0; text-align: left; font-size: 1em; padding: 5px; margin-top: 10px; background: rgba(0,0,0,.7);}
    .crowd-funding .video-caption p{ text-align: left; max-width: 200px; margin: auto; margin-right: 0; font-size: 0.85em; display: block; padding: 5px; margin-top: 5px;}
    .jallogo{ width: 70px; height: 70px; bottom: 0;     bottom: 40px;    left: 20px;}
    .crowdfunding-page .csrblock-title{    padding: 50px 0 45px; font-size: 1.8em;}
    .crowdfunding-page .campaign .layoutmain .midone{ float: none; clear: both; padding: 0; width: auto;}
    .crowdfunding-page .campaign .layoutmain .leftone{ float: none; width: auto;}
    .crowdfunding-page .campaign .layoutmain .leftone h3{ font-size: 1em;}
    .crowdfunding-page .campaign .layoutmain .rightone{ float: none; clear: both; padding: 15px 0 0; width: auto;}
    .scroll-nav{ display: none;}
    .crowdfunding-page .campaign .layoutmain .rightone .leftpanle{ width: 50%; padding-right: 5px;}
    .crowdfunding-page .campaign .layoutmain .rightone .rightpanle{ width: 50%; padding-left: 5px;}
    .crowdfunding-page .campaign .layoutmain .rightone .rightpanle ul li .price{ font-size: 1.3em;}
    .crowdfunding-page .mukhya-mantri .mapifrm-holder{ margin: 50px 30px 10px;}
    .crowdfunding-page .ongoing .ongoingslider{ padding-bottom: 15px;}
    .crowdfunding-page .ongoing .slick-dots{ position: inherit; bottom: 0; }
    .crowdfunding-page .howit .rajasthanmap{ min-height: inherit;}
    .crowdfunding-page .howit .rajasthanmap .mapline{ padding: 0;}
    .crowdfunding-page .howit .rajasthanmap .mapline > div{ width: 16.6666667%;}
    .crowdfunding-page .howit .rajasthanmap .mapline:before{ background: none;}
    .crowdfunding-page .howit .fbbox .leftside{ float: none; display: block; clear: both; padding: 15px; width: auto;}
    .crowdfunding-page .howit .fbbox .rightside{ float: none; width: auto; clear: both; }
    .crowdfunding-page .howit .fbbox .leftside .partL{ width: auto; max-width: inherit; padding: 0;}
    .crowdfunding-page .howit .fbbox .leftside .partR{ width: auto; max-width: inherit; padding: 0;}
    .crowdfunding-page .thankyou{ padding: 30px 0;}
    .crowdfunding-page .thankyou .thankcontent .lefthold{ width: auto; float: none; clear: both; padding: 0; }
    .crowdfunding-page .thankyou .thankcontent .righthold{ float: none; clear: both; padding: 0; padding-top: 15px; width: auto;}
    .footer .footer-top .visitor-panel,  
    .footer .footer-top .csrftr-logo{ float: left; width: 100%; padding: 0;}
    .footer .footer-top .nodal-officer{ width: 100%;}
    .footer .footer-top .csrftr-logo img{ max-width: 100%; display: block; margin: auto;}
    .footer .footer-top .design-comp{clear: both;float: none; width: auto;margin: auto;max-width: 181px;padding-top: 15px; padding-bottom: 10px;}
    .footer .footer-top .design-comp .title{ padding: 0; text-align: center;}
    .footer .footer-top .design-comp a{ text-align: center;}
    .footer .footer-top .nodal-officer{ padding-top: 20px;}
    .footer .footer-top .nodal-officer h3{ line-height: 1.4;}
    .footer .footer-top .nodal-officer p.info{ line-height: 1.4;}
    .footer .footer-top .nodal-officer p.links{ line-height: 1.4; padding-top: 0;} 
    .footer .footer-top .nodal-officer p.links span.email{ border: none;}
    .tab-panel .tab-bottom .tb-left .leftout h2{ line-height: 1.4;}
    .csr-block.latest-news .latestnews-container .gscr_lSAction a{ top: 160px;}    
    .csr-block.projects-wrap .filterslide-container .gscr_lSAction a{top: 100px;}
    .tab-panel .features-container .gscr_lSAction a,
    .csr-block.projects-wrap .filterslide-container .gscr_lSAction a,
    .csr-block.latest-news .latestnews-container .gscr_lSAction a{ width: 40px;  height: 40px; }
    .tab-panel .features-container .gscr_lSAction a:before,
    .csr-block.projects-wrap .filterslide-container .gscr_lSAction a:before,
    .csr-block.latest-news .latestnews-container .gscr_lSAction a:before{ font-size:17px; line-height: 40px; width: 40px;}
    .csr-block.projects-wrap .view-all{ margin-top: 0;}
    .csr-block.latest-news .news-slider .newsslides h3{min-height: 27px;}
    .projectpages.eventpages .eventdeatil-right{width: 100%; padding-left: 0;}        
    .projectpages.eventpages .eventlisting .item .eventcont .listingimg{ float: none; width: 100%;  max-width: 200px; height: 150px; margin: auto; margin-bottom: 15px;}
    .projectpages.eventpages .eventlisting .item .eventcont .listingdetail{ float: none; clear: both; width: auto; padding-left: 15px;  }  
    .projectpages.eventpages .eventlisting .item .eventcont .listingimg a{height: 130px; line-height: 130px;}
    .projectpages.eventpages .eventlisting .item .eventcont .listingdetail{ padding: 0;}   
    .projectpages .accordionouter h3 span{ top: 15px; left: 14px;}
    .projectpages .accordionouter h3  > .fa{ display: block;}
    .projectpages .search-organization{    padding: 10px;}
    .search-field{ position: fixed; top: 0; z-index: 99999; width: 100%; left: 0; display: block; transform: translateY(-100%); padding:10px; transition: all ease 0.3s;}
    .search-field.top{ transform: translateY(0);}
    .search-field.top .icon-magnifire{ display: none;}

    .projectpages .search-organization .search-field > i{ left: 35px;    top: 37px;}

    .mobileSearch { display: block; position: relative; color: rgba(0,0,0,0.5); line-height: 42px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;}
    .mobileSearch > i{ position: absolute; right: 15px; top: 18px; color: rgba(0,0,0,0.8); }
    .mobileSearch:focus{ outline: none; border-color: rgba(0,0,0,0.1) !important;}
    .closeMe{  position: absolute; right: 0; display: block;  border: none; background: #fff; top: 12px; left: 12px; width: 40px; height: 46px; border: 1px solid rgba(0,0,0,0); font-size: 19px;}
    .closeMe:after{ display: block; width: 10px; height: 2px ; position: absolute;  top:22px; left: 18px; background: rgba(0,0,0,0.5); content: "";}

    .searchbg{ position: fixed; background: rgba(255,255,255,0.95); top: 0; left: 0; width: 100%; height: 100%; transition: all ease 0.3s; z-index: 9999; opacity: 1; transform: none; will-change: inherit; will-change: initial; will-change: unset; visibility: visible; transform: translateY(100%);}
    .searchbg.top{ transform: translateY(0)}   

    .box-layout .gs_ta_results{ z-index: 99999;}
    body.hidden{ overflow: hidden;}  

    .header .header-inner .headpanel .govtinfo h3{ padding: 5px 0 3px;}
    .projectpages .detailheader .backblock a{ margin-left: 0;}
    .projectpages.services-detail .detailheader .pd-titles{ clear: both;}
    .services-detail .detailcont .imghold{ width: auto; max-width: 300px; margin: auto; float: none; display: block; clear: both;}
    .services-detail .detaillist ul{ padding-left: 0;}
    .services-detail .client-contacts .person-list > li{ margin: 0; padding-bottom: 0;}
    .services-detail .client-contacts .person-list > li > .detaillistleft{ float: none; display: block; clear: both; width: auto; padding: 0 0 10px; }
    .services-detail .service-address .address-list > li{ margin: 0; padding-bottom: 0;}
    .services-detail .service-address .address-list > li > .address-box{  float: none; display: block; clear: both; width: auto; padding: 0 0 10px;}
    .services-detail .providers-lists .providers{ float: none; width: auto; margin-bottom: 15px;} 
    .projectpages .projectpage-right .projects-reports .projectTabs .tab .tabValue .tab-title{ font-size: 0.87em;}
    .projectpages .projectpage-right .projects-reports .projectTabs .tab .tabValue{padding: 10px 0 10px 53px; min-height: 30px;}
    .projectpages .projectpage-right .projects-reports .projectTabs .tab .tabValue .tab-icon{ left: 10px; top: 10px;}
    .projectpages .projectpage-right .projects-reports .projectTabs .tab.tab2 .tabValue .tab-icon{ top: 7px;}
    .projectpages .projectpage-right .projects-reports .projectTabs .tab.tab3 .tabValue .tab-icon{ top: 5px;}
    .projectpages .projectpage-right .projects-reports .projectTabs .tab.tab1 .tabValue .tab-icon span{ font-size: 30px;}
    .projectpages .projectpage-right .projects-reports .projectTabs .tab.tab2 .tabValue .tab-icon > span{ font-size: 35px;}
    .projectpages .projectpage-right .projects-reports .projectTabs .tab.tab3 .tabValue .tab-icon > span{ font-size: 35px;}
    .projectpages .projectpage-right .projects-reports .tabs .tabRow .catgry{ padding: 0;}
    .projectpages .projectpage-right .projects-reports .tabs .tabRow .catgry .catgryItem{ padding: 0 5px 0 20px;}
    .projectpages .projectpage-right .projects-reports .tabs .tabRow .catgry .ctgry-icon{ left: 0; width: 15px; height: 15px;}
    .projectpages .projectpage-right .projects-reports .tabs .tabRow .catgry .ctgry-name{ font-size: 0.85em; line-height: 1.2;}
    .projectpages .projectpage-right .projects-reports .tabs .tabRow .catgry .ctgry-report{font-size: 0.85em;}
    .providers{ padding: 0;} 
    .projectpages.project-detail .detaillist ul li{ padding-bottom: 20px;}
    .providers .provider-list .p-items{ width: 50%;}

    .newsEvent .newsEvent-left{ width: 100%;}   
    .newsEvent .newsEvent-right{ width: 100%; clear: both;}
    .newsEvent .neRight-content {background:#fafafa; min-height: inherit; padding: 0; margin-bottom: 20px;}
    .newsEvent .latestNews .filterlist { display: block;}
    .newsEvent .latestNews .filterlist.menudispaly { display: none;}  
    .newsEvent .latestNews .newsContainer{ padding-bottom: 0;} 
    .newsEvent .latestNews h2{ cursor: pointer;}
    .newsEvent .latestNews h2 .fa { display: block;}   
    .event-filter .fList li .event-search .search-field{ position: fixed;}
    .event-filter .fList li .event-search .mobileSearch{height: 50px; text-align: left; box-shadow: none;}
    .newsEvent .eventsContainer .eventsList .item{ width: 50%;}
    .newsEvent .featuredNews .slideItem .itemCaption p{font-size: 1em; font-weight: 600;}


    .newspages .news-blocks .relatednews > .rltdNewsSlider .newsitem { width: 50%;} 





    .newsEvent.eventDetail .eventDiscription .eventTime{ padding-bottom: 0;}
    .newsEvent.eventDetail .eventDiscription .eventTime .time{ clear: both; float: none; padding: 0 0 10px; width: auto;}
    .newsEvent.eventDetail .eventDiscription .eventTime .vanue{ clear: both; float: none; padding: 20px 0 10px; width: auto;}
    .newsEvent.eventDetail .eventDiscription .register-invite a{ display: block; max-width: 230px; margin: auto; padding: 0 0 10px}
    .newsEvent.eventDetail .eventDiscription .register-invite a .btn{ padding: 15px ; font-size: 0.95em; display: block;}
    .gallery-detail .gallery-col{ width: 50%;}

    .footer .footer-top .csrftr-logo{ text-align: center;}
    .footer .footer-top .csrftr-logo a { margin: 0 auto; padding: 0;} 

    /***************** About CSR Page NEW ******************/
    /***********************************************************/

    .ab-row{padding: 0 0.7em;}
    .ab-left{float:none;}
    .ab-row .ab-col7{width:100%;padding-top: 26px;}
    .ab-right-img,
    .ab-right-img .ab-social{position: relative;width:100%;max-width:100%;left:auto;right:auto;margin:20px auto 0;}
    .ab-row .ab-col7 h2,
    .ab-row .social-top{font-size: 1.2em;}
    .ab-row .ab-col7 p{font-size: 1.1em;letter-spacing: 0;}
    .ab-box2 p{margin-top: 40px;font-size: 1.1em;}
    .ab-graph .ab-g-time,
    .ab-graph li .ab-g-rs{font-size: 0.7em !important;}
    .ab-graph-list{position: relative}
    .ab-g-rs{position: absolute;right:15px;margin-left: 0 !important;    top: -17px;}
    .ab-g-img{display: block;position: relative;}
    .ab-g-img>img{max-width: 90%;width:70%;}
    .ab-graph li:after { font-size: 1.1em; right: -20px;top:40%; }
    .social-top .ic-close { right: 0px; font-size: 15px; top: -2px; }
    .ab-graph { padding: 6em 0 3em 0;}
    .ab-hightlight,
    .ab-box3 p,
    .ab-box3-steps li, .ab-box3-steps-box p{font-size: 1em;text-align: justify;}
    .ab-box3-steps-box { padding: 1.5em 1em 1.8em 1.9em;}
    .ab-step-img { margin: 22px auto 20px; }
    .ab-box3{margin-top: 10px;}

    .acp-row.ab-box2,
    .ab-row .acp-section{margin-top:10px;}  
    .acp-top{font-size: 1.1em;}
    .ab-row .ab-col6 .social-top { font-size: 1.2em; }
    .acp-bottom-row .stc1{left:12px; font-size: 15px;}
    .ab-row .acp-img-box{margin:25px auto 0;}

    .ab-box3-steps-lower {
        padding-left: 10px;
    }
    .ab-box3-steps-lower li {

        padding: 20px 0 0 15px;

    }
    /***************** About CSR Page NEW ******************/
    /***********************************************************/
    .report-page-main .tab-content{padding:15px 0}
    .select-dropdown{margin-left:0}
    .report-page-main .report-sort-filters{right:10px;top:10px}
    .report-page-main{padding:5px}
    .report-page-main .report-tabs{padding:0}
    .report-tabs .tabs li, .projects-tab li{font-size:11px;padding:12px}
    .report-tabs li span, .projects-tab li span{font-size:12px}
    .report-page-main .report-select.form-field .select-sort{width:33%;min-width:100%;height:40px;padding-left:3px;font-size:12px}
    .report-page-main .report-select-box{margin:6px 0 18px}
    .report-tabs .tabs li:after{height:62%}
    .report-page-main [data-gsco-wrap]{padding:0 10px}
    .report-page-main span.project-est{position:relative;right:auto}
    .report-page-main [data-gsco-wrap]>[data-gsco-header]{padding-right:35px;font-size:14px;line-height:17px}
    .report-tabs .tabs li, .projects-tab li{font-size:11px;padding:12px 5px;width:33.33%;margin:0}
    .report-page-main span.project-est{font-size:14px;font-weight:600}
    .report-page-main .report-select.form-field{margin:0 4px 0 0;width:31.33%}
    .report-page-main .report-select.form-field:after{top:13px;right:9px;font-size:16px}
    .report-page-main .report-cell{font-size:14px}
    .report-page-main .report-table-row.report-head .report-cell{color:#343434}
    .dropdown-bottom{padding: 10px;}
    .hamburger .dropdown-menu-right{transform: rotateX(0);-webkit-transform: rotateX(0);-moz-transform: rotateX(0);-o-transform: rotateX(0);}
    .hamburger .dropdown-menu-right li, .gsm_hWrap ul>li>ul li:hover ul.dropdown-menu-right{background: #ececec;}
    .projects-tab .gsc-ta-contentWrap{padding: 0; border:none;}
    .projects-tab{padding:0;}
    .projects-tab li {
        float: left;
        padding: 12px 5px;
        text-align: center;
        font-size: 15px;
        border-radius: 0px; 
        border-bottom: 3px solid #fff;
    }
    .projects-tab li a{
        width: 100%;
    }

    .csr-block.projects-wrap .filterslide-container {
        margin: 0;
    }
    .projects-tab .gsc-ta-contentWrap div.gsc-ta-content {
        margin: 0;
    }
    .projects-tab .gsc-ta-contentWrap h2.inner-project-head{margin: 0;}
    .projects-tab li.gsc-ta-active { 
        margin-bottom: 12px;
    }
    .csr-block.projects-wrap .projects-tab .filterslide .projectslids{max-width: 100%;}
    .projects-tab li a{width: 100%; font-size: 15px;}
    .projects-tab .project-tab-content{border-top: none;}
    .csr-block.projects-wrap .filterslide .projectslids, .project-tab-content .tab-content-year{ padding: 0 !important;}
    div#projectsmain2 {padding: 0px 10px;}
    .product-popup-left, .product-popup-right{width:100%; padding:15px}
    .product-popup-left:after{ display: none;}
    .product-popup-left{ border-bottom: 1px solid #c2c2c2;}
    .report-page-main .report-sort-filters .select-district { min-width: 145px; max-width: 155px;padding-right: 30px;font-size: 12px;}
    .features-container.categ-detail-view .features-item{padding:3px; width:50%;}
    .contact-page .col-sm-6{width:100%;margin-bottom:10px;min-height: 140px;}
    .accordion.faq-content {
        padding: 35px 0;
    }
}



@media (min-width:568px) and (max-width:767px){


    .csr-block.latest-news .news-slider .newsslides .videoblock{    line-height: 190px; height:190px;   min-height: 1px;}
    .csr-block.latest-news .news-slider .newsslides .videoblock img{ max-height: 100%; max-width: 100%;}
    .registration-popup .regsttype{ max-width: inherit; padding: 20px 0 10px;}
    .registration-popup .regsttype li{ width: 33.3334%; }
    .registration-popup .regsttype li .regstlist{width: 115px;    height: 115px; /*transform: scale(0.95); -webkit-transform: scale(0.95);*/}
    .tab-panel .jalswavlamban {  padding: 15px 130px 15px 15px; background-size: 100% auto; -webkit-background-size: 100% auto; background-position: 0 0; background-color: #E7F2FA;}  
    .tab-panel .jalswavlamban p{ font-size: 1em;}
    .csr-block.projects-wrap .filterslide .projectslids .detailbox{ font-size: 0.8em;}
    .csr-block.home-aboutus .aboutt-content .abtlistsectn li{ float: left; width: 50%; padding: 0 10px;}
    .csr-block.home-aboutus .aboutt-content .abtlistsectn li:last-child{ padding-right: 0;}
    .top-inner .hzgs-logo span{ display: inline-block; width: 48%;}
    #form .formmain .form-container .formouter .form-fields li .form-field.bythird { width: 33.3334%;} 
    #form .formmain .form-container .formouter .form-fields li .form-field{ width: 50%;}
    .aboutpages .tab-panel-abt .tab-content .thumb-impression{ max-width: 340px; margin: auto;}
    .activitieslist .active-list li{ width: 32%;}
    .projectpages .detailcont .detaillist .detail-list li .detail-row .detail-col{ clear: none; width: 50%;}
    .projectpages .detailheader .pd-titles .title{ float: left; clear: none;}
    .projectpages .detailheader .pd-titles .projectstats{ float: right; clear: none;}
    .projectpages .detailheader .backblock{ float: right;}
    .newspages .news-blocks .panelleft{float: left; clear: none; width: 60%; padding-right: 7px;}
    .newspages .news-blocks .panelright{float: right; clear: none; width: 40%; padding-top: 0px; padding-left: 8px;}
    .crowd-funding .video-caption h1{ max-width: 300px; font-size: 1.5em;} 
    .crowd-funding .video-caption p{ max-width: 300px;}
    .crowdfunding-page .campaign .layoutmain .midone{    float: left;    width: 50%;    clear: none; padding-right: 7px;}
    .crowdfunding-page .campaign .layoutmain .rightone{    float: right;    width: 50%;    clear: none; padding-left: 8px; padding-top: 0;}
    .crowdfunding-page .campaign .layoutmain .rightone .leftpanle{ width: 55%;}
    .crowdfunding-page .campaign .layoutmain .rightone .rightpanle{ width: 45%; padding-top: 0;}
    .crowdfunding-page .campaign .layoutmain .rightone .rightpanle ul li .price{     font-size: 1.0em;}
    .crowdfunding-page .thankyou .thankcontent .lefthold{float: left; width: 60%; clear: none; padding-right: 10px;}
    .crowdfunding-page .thankyou .thankcontent .righthold{clear: none; float: left; width: 40%; padding: 0px 0px 0px 10px;}
    .footer .footer-top .design-comp .title{font-size: 1.08em;}
    .projectpages.eventpages .eventdeatil-right .eventdital .event-thumb a{ height: 150px; min-height: 150px; line-height: 150px;}


}


@media (min-width:481px) and (max-width:767px){

    /*  .header .header-inner .logo-ashokasymbol{ width: 43px; position: absolute; left: 10px; top: 0;}
  .header .header-inner .logocsr{ width: 55px; position: absolute; right: 5px; top: 10px;}
  .header .header-inner .headpanel{width: 100%;}
      .header .header-inner{ position: relative; padding: 0 56px;}*/

    /*    .projectpages.eventpages .eventlisting .item .eventcont .listingimg{ float: left; width: 25%;  max-width: 200px; height: 150px;  margin: auto; margin-bottom: 0;}
        .projectpages.eventpages .eventlisting .item .eventcont .listingdetail{ float: left; width: 75%; padding-left: 15px; clear: none;}  
    .projectpages .projectlisting.program-list .listingimg{ float: left; width: 25%;  max-width: 200px; height: 150px;  margin: auto; margin-bottom: 0;} 
    .projectpages .origation.program-list .listingdetail{ float: left; width: 75%; padding-left: 15px; clear: none;}  */


}

@media (max-width:567px){
    .projectpages .detailheader .backblock{ margin-bottom: 5px;}
    .services-detail .detaillist ul li{ padding-bottom: 0;}
    .services-detail .detaillist ul li .detaillistleft{ width: 100%; padding-bottom: 15px;}
    .services-detail .providers-lists .providers  .provider-list > .p-item-list > .p-items{ width: 300px; margin: auto; float: none;}
    .projectpages .services-list .listingimg{ width: 150px; height: 150px; float: none; display: block; margin: 0 auto 15px;}
    .projectpages .services-list .listingdetail{ padding: 0 0 25px; width: auto; float: none; clear: both;} 
    .projectpages .projectlisting.program-list .listingimg{ width: 150px; height: 150px; float: none; display: block; margin: 0 auto 15px;}    
    .projectpages .projectlisting.program-list .listingdetail{ padding: 0 0 15px; width: auto; float: none; clear: both;}    
    .projectpages .origation .listingimg{ width: 110px; height: 110px; float: none; display: block; margin: 0 auto 15px;}
    .projectpages .projectlisting.origation .listingdetail{ padding: 0 ; width: auto; float: none; clear: both; width: auto;}
    .projectpages .projectlisting .listingdetail .readMore{ left: 0; bottom: 0;}    
    .projectpages .projectpage-right .projects-reports .projectTabs .tab{ width: auto; clear: both; float: none; display: block; position: relative; border-bottom: 1px solid #fff;}
    .projectpages .projectpage-right .projects-reports .tabs{ position: relative; display: none;}
    .projectpages .projectpage-right .projects-reports .projectTabs .tab:hover .tabs{ display: block;}
    .projectpages .projectpage-right .projects-reports .tabs .tabRow .catgry{ clear: both; width: auto; float: none; padding-bottom: 10px;} 
    .projectpages.project-detail .detaillist ul li{ clear: both; padding-bottom: 0;}
    .projectpages.project-detail .detaillist ul li:first-child{ padding-bottom: 10px;}
    .projectpages.project-detail .detaillist ul li .detaillistleft{ clear: both; padding-bottom: 15px; width: auto !important;}
    .projectpages.project-detail .detaillist ul li h4{ padding-bottom: 5px;}


    .hero-slider .banner-content .cmnlogos .cmor.imor{ display: none;}
    .projectpages .projectlisting .item{ padding-bottom: 25px;}

    .projectpages .projectlisting.news-list .item{ padding: 10px;}
    .projectpages .projectlisting.news-list .listingimg{ width: 110px; height: 110px; float: none; display: block; margin: 0 auto 15px;}
    .projectpages .projectlisting.news-list .listingdetail{ padding: 0; width: auto; float: none; clear: both;}

    .projectpages .projectlisting.event-list .item{ padding: 10px;}
    .projectpages .projectlisting.event-list .listingimg{ width: 110px; height: 110px; float: none; display: block; margin: 0 auto 15px;}
    .projectpages .projectlisting.event-list .listingdetail{ padding: 0 0 30px; width: auto; float: none; clear: both;}

    .newsEvent .newsslide-container > .featured-news-slider .newsitem{ float: none; width:auto;}
    .newsEvent .toppanel_slider > .featured-news-slider .newsitem{ float: none; width:auto;}

    .newspages .news-blocks .relatednews > .rltdNewsSlider .newsitem { width: 100%;}  
    .gallery-detail .gallery-col .gallery-item .gallery-thumb{     line-height: 140px;  height: 140px;}  
    .gallery-list .gallery-col .gallery-item .gallery-thumb{     line-height: 140px;  height: 140px;}  

    .projectpages .projectpage-right .projects-reports .tabs .tabRow .catgry.pcol{width: 100%; margin-bottom: 5px;}

    /************about-new dashrath ****************/

    .acp-bottom-row .stc1 { left: auto; font-size: 15px; bottom: 156px;}
    .projects-tab li a{font-size: 12px; padding: 0.92em 0.5em;}
    .schedule7 {
        width: 100%;
        float: left;
        margin: 15px 0 0;
    }
    .csr-block.home-aboutus .aboutt-content .btn-set .schedule7 .btn {
        width: 100%;
    }
    .contact-page .row{border:none; padding: 0; margin-bottom: 10px;}
    .contact-page .col-sm-6{
        width: 100%;
        padding: 15px 10px;
        margin:0 0 10px;
        min-height: 50px;
    }
    .contactdic .table {
        width:600px;
    }
    .contact-page .inner-content {
        padding: 20px 10px 40px;
    }
}



@media (max-width:480px){
    .top-inner{ padding: 0 ;}
    .header .header-inner{ padding: 0 5px;}
    .main-content{ padding: 0;}
    .header .header-inner .logocsr{ width: 80px;}
    .header .header-inner .logo-ashokasymbol{ width: 50px; min-width: inherit;}
    .header .header-inner .headpanel{ width: calc(100% - 55px);}
    .header .header-inner .newsevnts{    margin: 5px 0 0 -50px;}
    .header .header-inner .menu{ padding: 5px; margin: 0 -5px;}
    .header .header-inner .menu-btn{ right: 5px;}
    .aboutpages .tab-panel-abt .nav-tabs>li>.tabitem{ padding: 5px;min-height: 191px;}
    .projectpages.eventpages .eventdeatil-right .eventdital .event-thumb{ float: none; max-width: 250px; margin: auto; clear: both; width: auto;}
    .projectpages.eventpages .eventdeatil-right .eventdital .event-thumb a{ height: 150px; line-height: 150px;}
    .projectpages.eventpages .eventdeatil-right .eventdital .event-thumb + .hadingsection{ float: none; clear: both; padding: 10px 0 0; width: auto;}
    .aboutpages .tab-panel-abt .nav-tabs > li > .tabitem .name{ line-height: 1.4;}
    .aboutpages .tab-panel-abt .tab-content .description .quotetext p{ padding-right: 10px;}
    .projectpages.project-detail .fundblock .detailbtn{ font-size: 0.95em; padding: 10px 15px; top: 0;}
    .services-detail .client-contacts .person-list > li .cperson-box,
    .services-detail .client-contacts .person-list > li .cperson-box:first-child{ width: auto; float: none; border: none; padding:0;}
    .services-detail .client-contacts .person-list > li .cperson-box:first-child{ padding-bottom: 10px;}
    .providers .provider-list .p-items{ width: 100%;} 
    .event-filter .fList li .filter-wrap > .fWise{ width: 100%; padding-bottom: 10px;}
    .event-filter .fList li.event-pikup,
    .event-filter .fList li.ctgry-filter{ width: 100%;}
    .event-filter .fList li .event-search{ padding: 0;}
    .event-filter .fList li .ctgryWise{ padding: 10px 0 0}
    .newsEvent .eventsContainer .eventsList .item{width: 100%;}
    .aboutpages .tab-panel-abt .nav-tabs{   max-width: 100%;overflow-x: auto;white-space: nowrap;}
    .aboutpages .tab-panel-abt .nav-tabs li{min-height: 191px;float: none; display: inline-block; vertical-align: top; width: 198px;}
    .aboutpages .tab-panel-abt .tab-content{ padding-bottom: 0;}
    .aboutpages .tab-panel-abt .nav-tabs>li> .tabitem .thumb-impression .designation{white-space: normal;}
    .header .header-inner .menu  .account-links{padding-top: 9px;}
    .header .header-inner .menu .gshzlogo{ margin-top: -3px;}
    .header .header-inner .menu-btn{ top: 0;}
    .gallery-detail .gallery-col{ width: 100%;}
    .gallery-list .gallery-col{ width: 100%;}
    .gallery-detail .gallery-col .gallery-item .gallery-thumb{ height: 250px; line-height: 250px;}
    .gallery-list .gallery-col .gallery-item .gallery-thumb{ height: 250px; line-height: 250px;}
    .projects-tab li a{font-size: 11px; padding: 0.92em 0.5em;}
    .report-page-main .projects-tab.toggleOwl.report-tabs {padding: 15px 5px 0 !important;}
    .features-container.categ-detail-view .features-item { width: 100%;height: 325px; }
    .header .header-inner .headpanel .header-top .colour-themes{margin-left: 0;}
    .hero-slider{margin:25px 0 0;}
    .main-content{margin: 18px 0 0;}
}

@media (max-width:370px){
    .header .header-inner .headpanel .govtinfo h3{ font-size: 1.1em;}
    .header .header-inner .headpanel .govtinfo p{ font-size: 0.95em;}
    .header .header-inner .logocsr {
        width: 60px;
    }
    .header .header-inner .logo-ashokasymbol{ width: 40px; min-width: inherit;}  
    .header .header-inner .headpanel{width: calc(100% - 42px);}
    .header .header-inner .newsevnts{    margin: 5px 0px 0 -40px;}
    .header .header-inner .headpanel .header-top .ht-left{ margin-left: 0; padding-left: 5px; max-width: inherit; }
    .header .header-inner .headpanel .header-top .ht-right{ margin-left: 0; padding-left: 5px; max-width: inherit; width: auto;}
    .tab-panel .features-list .features-item .item{ min-height: inherit;}
    .tab-panel .features-list .features-item .backbox{ text-align: center; padding: 0;}
    .tab-panel .features-list .features-item .backbox .btn{display: inline-block; margin: 0 5px 5px; width: 120px;}

    .projectpages .sortbybox h2{font-size: 0.95em; width: auto; padding: 0 0 10px;}
    .top-inner .breadcrumbs .breadcrumb li{padding-right: 8px;  font-size: 0.78em;}
    .top-inner .breadcrumbs .breadcrumb li span{ right: 2px; top: 2px;}
    .top-inner .hzgs-logo span{ display: block; max-width: 75%; padding-bottom: 5px; margin:auto; margin-right: 0;}
    .tab-panel .nav-tabs > li > a{font-size: 0.85em;}
    .tab-panel .tab-bottom .tb-left .leftout .btn{ margin: 3px 6px 6px 0;}  
    .csr-block.home-aboutus .aboutt-content .btn-set .btn{ margin: 3px 6px 6px 0;}  
    .hero-slider .banner-content .cmnlogos .cmor .cmname span{font-size: 0.85em;}
    .hero-slider .banner-content .cmnlogos .cm-photo {    height: 130px;}

    .projectpages.eventpages .eventlisting .item .eventcont .listingdetail .event-bottom .go-detail{ position: static; display: block; clear: both; float: none; width: auto;}
    .projectpages.eventpages .eventlisting .item .eventcont .listingdetail .event-bottom .go-detail a{ margin: auto;}
    .header .header-inner .account-links a.login-register:after{left: -3px;}
    .registration-popup .regsttype{ padding: 0 0 10px;}
    .registration-popup .regsttype li{ padding-bottom: 0;}
    .registration-popup .regsttype li .regstlist{transform: scale(0.95); -webkit-transform: scale(0.95);height: 118px;    width: 118px;}
    .registration-popup .btnblock p{ line-height: 1; padding: 5px 0;}
    .modal-body .btn-popup{padding: 9px 15px;}
    .csr-block.latest-news{padding: 50px 10px 30px;}

    .projectpages .filterlist li{ padding-right:60px; }
    /*.projectpages.project-detail .fundblock .detailbtn{ float: none; clear: both;}*/

    .gallery-detail .gallery-col .gallery-item .gallery-thumb{ height: 200px; line-height: 200px;}
    .gallery-list .gallery-tab li{ font-size: 0.75em;}

}
@media(max-width:359px){
    .report-page-main .report-select.form-field .select-sort{font-size:10px}
    .report-page-main .report-select.form-field:after{right:7px;font-size:14px}
    .report-tabs .tabs li{font-size:10px;padding:12px 5px}
    .report-page-main .report-sort-filters .select-district{max-width: 135px; min-width: 130px; font-size: 11px;padding-right: 25px;}
    select.select-district,.report-page-main .report-cell{font-size:12px}
}
.notify-main.item{padding: 0 !important;    font-family: 'Lato','open sans',arial,verdana;}
.notify-txt{
    padding: 15px 0 15px 15px !important;
    width:100% !important;
    position: relative;
}

.notify-txt .event-description{color:#555;position: relative;padding: 0 60px 0 30px;}
.notify-txt .event-description:before{
    position: absolute;
    content:'';
    background: url(../image/download-arrow.png) no-repeat;
    width:25px;
    height:16px;
    left:6px;
    top:2px;
}
.notify-txt .event-description.new-txt:after{
    position: absolute;
    content:'';
    background: url(../image/news-highlight.gif) no-repeat;
    width:25px;
    height:16px;
    right:26px;
    top:6px;
}

.notify-txt .event-bottom p{
    padding:0 !important
}
.notify-txt .event-bottom{
    margin: 0;
    width: auto;
    font-weight: 600;
    color: #555;
    font-size: 13px;

}



/**** List of comapnies filters  ****/

.projectpages .gs-comp-title.filterlist{
    display: block;
}
.projectpages .gs-comp-title.filterlist li{
    padding: 0;
    cursor: pointer;
}
.projectpages .accordionouter .gs-comp-title li h3 {
    padding: 15px;
    font-weight: normal;
    font-size: 0.99em;
    text-transform: capitalize;
    width: 100%;
    padding-right:52px;
    white-space: normal;
}
.projectpages .gs-comp-title.filterlist li .project-badge{
    top:15px;
}
.projectpages .gs-comp-title.filterlist li .project-badge .label:after{
    top:2px;
    left:8px;
}
.projectpages .gs-comp-title.filterlist li .project-badge .label{
    font-size: 0.85em;
    line-height: 18px;
}
.projectpages .gs-comp-title.filterlist li:last-child{
    border-bottom: 1px solid rgba(255,255,255,1)
}

.gs-comp-box {
    position: absolute;
    padding: 20px 15px 10px 20px;
    right: -304px;
    width: 304px;
    height: auto;;
    background: #fff;
    top: -69px;
    z-index: 555;
    border-top: 1px solid #e5e5e5;
    border-right: 1px solid #e5e5e5;
    border-bottom: 1px solid #e5e5e5;
    box-shadow: 7px 1px 25px rgba(0,0,0,0.10);
    -webkit-box-shadow: 7px 1px 25px rgba(0,0,0,0.10);
}
.projectpages .gs-comp-box .search-organization .form-control {
    font-size: .95em;
    height: 45px;
    margin-bottom: 15px;
    box-shadow: 0 0 3px rgba(0,0,0,0.2);
}
.projectpages .gs-comp-box .search-organization{
    padding: 0 0 10px 0;
}
.projectpages .gs-comp-box  .search-organization .search-field>i {
    right: 12px;
    top: 15px;
}
.projectpages .gs-comp-box li,
.projectpages .gs-comp-box li:hover{
    background: #fff;
}

.projectpages .gs-comp-box li a{
    color: #555;
    font-size: .98em;
    padding: 10px 3px;
    display: block;
}
.projectpages .gs-comp-title li.selected{
    background: #fff;
}
.projectpages .gs-comp-box .gsc_thin_scroll{
    width: auto;
    height: auto;
    max-height: 320px;
    min-height: 100px;
}
.projectpages .gs-comp-box .gsc_thin_scroll::-webkit-scrollbar{
    width:2px
}
.projectpages .gs-comp-box .gsc_thin_scroll::-webkit-scrollbar-thumb {
    background: #000;
}

.projectpages .gs-comp-box li:first-child a{
    padding:0 3px 10px 3px;
}

.projectpages .gs-comp-box .gs-comp-close {
    position: fixed;
    top: 10px;
    right: 10px;
    background: #fff;
    width: 30px;
    height: 30px;
    z-index: 999;
    cursor: pointer;
    display: none;
}

.projectpages .gs-comp-box .gs-comp-close span {
    width: 25px;
    height: 2px;
    background: #000;
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg);
    display: block;
    margin: 0 auto;
    margin-top: 10px;
}

.projectpages .gs-comp-box .gs-comp-close:after {
    content: '';
    width: 25px;
    height: 2px;
    background: #000;
    position: absolute;
    top: 10px;
    left: 3px;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
}


@media(max-width:767px){
    .notify-txt {
        padding: 15px 0 15px 5px !important;
    }
    .notify-txt .event-description{color:#555;position: relative;padding: 0 40px 0 30px;}
    .notify-txt .event-description.new-txt:after{
        right:12px;
    }

    /**** List of comapnies filters  ****/

    .gs-comp-box {
        position: fixed;
        width: 100%;
        height: 100%;
        padding: 42px 15px 10px 20px;
        background: #fff;
        top: 0;
        right: 0;
        z-index: 99999;
        box-shadow: 7px 1px 25px rgba(0,0,0,0.10);
        -webkit-box-shadow: 7px 1px 25px rgba(0,0,0,0.10);
    }
    .projectpages .gs-comp-box .gs-comp-close{
        display: block;
    }

    .projectpages .gs-comp-box .search-field{
        position: relative;
        transform: none;
    }

    .projectpages .gs-comp-box .search-field .closeMe{
        display:none;
    }
    .projectpages .gs-comp-box .search-organization input.form-control {
        padding: 5px 5px 5px 23px;
    }

    .projectpages .gs-comp-box .search-organization .search-field>i {
        right: 25px;
        top: 24px;
        left: auto;
    }

    .projectpages .gs-comp-box .gs-comp-list{
        padding:0 9px;
    }

    .projectpages .gs-comp-box button.mobileSearch.form-control,
    .projectpages .gs-comp-title.filterlist{
        display: none;
    }

    .projectpages .filterlist.menudispaly {
        display: block;
    }
    .top-statistics{margin:0 -15px;padding:15px 20px}
    .top-statistics h2{margin:0 0 15px}
    .top-statistics h2:after,.top-visitors-count:after{display:none}
    .st-left-col{padding:10px}
    .st-right-col{padding:0}
    .st-left-col,.st-right-col{display:inline-grid}
    .st-right-col, .cp-map-box {justify-content: center;}
    .cp-box{max-width:100%;width:100%;height:auto;margin-bottom:20px}
    .cp-map-box{width:100%}
    .st-table-row.st-table-head .st-table-cell{font-size:11px}
    .st-table-cell{font-size:13px}
    .st-table-cell.nc1 span{font-size:9px;line-height:9px}
    .st-title{font-size:14px}
    .st-projects-col{padding:0;margin:15px 0 0}
    .top-visitors-count{text-align:center}
    .csr-block.home-aboutus .aboutt-content.com-left, .com-left, .csr-block.home-aboutus .aboutt-content .abtlistsectn li {
        width: 100%;
        padding-right: 15px;
    }
    .csr-block.home-aboutus .aboutt-content .abtlistsectn { padding: 10px 0;}
    .schedule7.aboutt-content.com-left{margin:45px 0 0;}
    .schedule7 .schedule-content {
        max-height: 100%;
        overflow-y: hidden;    
        margin-right: 0;
        padding-right: 0;
    }
    .schedule7 .schedule-content ul li{margin-bottom: 15px;}
}
.gs-s-btn {
    padding: 9px 0;
    min-width: 150px;
    width: auto;
    max-width: 160px;
}
.dropdown-menu-right {
    right: 0;
    left: 100%;
    position: absolute;
    top: 0;
    background: #fff;
    z-index: 1;
    width: 230px;
    visibility: hidden;
    opacity: 0;
    -o-transform-origin: right top;
    -ms-transform-origin: right top;
    -moz-transform-origin: right top;
    -webkit-transform-origin: right top;
    -o-transition: -o-transform 0.5s, opacity 0.4s;
    -ms-transition: -ms-transform 0.5s, opacity 0.4s;
    -moz-transition: -moz-transform 0.5s, opacity 0.4s;
    -webkit-transition: -webkit-transform 0.5s, opacity 0.4s;
    transform-style: preserve-3d;
    -o-transform: preserve-3d;
    -moz-transform-style: preserve-3d;
    -webkit-transform-style: preserve-3d;
    transform: rotateX(-90deg);
    -o-transform: rotateX(-90deg);
    -moz-transform: rotateX(-90deg);
    -webkit-transform: rotateX(-90deg);
}

.header .header-inner .menu .main-menu .nav li .dropdown-menu li.dropdown.open:hover .dropdown-menu-right {
    visibility: visible;
    opacity: 1;
    transform: rotateX(0deg);
    -o-transform: inherit;
    -moz-transform: rotateX(0deg);
    -webkit-transform: rotateX(0deg);
}

.header .header-inner .menu .main-menu .nav li .dropdown-menu li.dropdown.open .dropdown-menu-right li a{
    border-bottom: 1px solid rgba(0,0,0,0.1);
    padding: 10px 15px;
    display: block;
    white-space: nowrap;
    text-overflow: ellipsis;
    max-width: 100%;
    overflow: hidden;
    line-height: 1;
    color: #333;
    border-radius: 0;
}

.header .header-inner .menu .main-menu .nav li .dropdown-menu li.dropdown.open .dropdown-menu-right li a:hover{
    background: rgba(0,0,0,0.5);
    color:#fff;
}

.header .header-inner .menu .main-menu .nav li .dropdown-menu li.dropdown.open a .fa{
    transform: rotate(-90deg);
    -webkit-transform: rotate(-90deg);
}

.p-social-icon{
    margin:15px 0 0;     
}
.social-icon {
    max-width: 30px;
    margin-right: 5px;
}
h2.inner-project-head {
    text-align: center;
    margin: 15px 0 0;
}

.owl-carousel .item {
    padding: 20% 50%;
}

.owl-prev, .owl-next {
    width: 50px;
    height: 50px;
    border-radius: 50%;
    background: rgba(0,0,0,0.5);
    color: #fff;
    text-align: center;
    top: 111px;
    transform: none;
    transition: all ease 0.3s;
    -webkit-transition: all ease 0.3s;
    cursor: pointer;
    position: absolute;
    z-index: 99;
    margin-top: -16px;
    opacity: .5;
}
.owl-prev{
    left: 10px;
}
.owl-next{
    right:10px;
}
.owl-prev:hover, .owl-next:hover{
    background: #e7902f;
    opacity: 1;
}

.owl-prev:before, .owl-next:before {
    content: "\f104";
    font-family: 'fontawesome';
    font-size: 14px;
    line-height: 1;
    font-size: 35px;
    transition: all ease 0.3s;
    -webkit-transition: all ease 0.3s;
    line-height: 48px;
    color: #fff;
    text-indent: unset;
}

.owl-next:before{
    content: "\f105";
}

.project-tab-content .tab-content-year {
    display: none;
    padding: 15px;
}
.project-tab-content .tab-content-year.active{
    display: inherit;
}
.report-page-main .projects-tab.toggleOwl.report-tabs {
    margin: 0 20px;
    padding: 15px 22px 0;
}
.report-page-main .project-tab-content .filterslide .owl-next{
    right:0
}
.report-page-main .project-tab-content .filterslide .owl-prev{
    left:0
}
.report-page-main .project-tab-content .filterslide .owl-prev, .report-page-main .project-tab-content .filterslide .owl-next{
    top:45%;
}
#tab-year{list-style: none;}
.projectpages.project-detail .detaillist ul li .projectowner p {font-weight: 600;font-size: 1.1em;color: rgba(0,0,0,0.72);}
.schedule7 .collapsible { background-color: #000;color: white;cursor: pointer;padding: 13px 25px;min-width: 250px;text-align: left;border-radius: 3px;border: none; outline: none;}

.csr-block.home-aboutus .aboutt-content .btn-set .btn{ float: left;}
.csr-block.home-aboutus .aboutt-content .btn-set .schedule7 .btn{ float: none; outline: none;}