body{
    font-family:sans-serif;
    font-family: algerian, courier;
    
    font-family: "Gotham SSm A", "Gotham SSm B";
    font-family: AvantGarde-Demi;
    font-family: 'Courier New', Courier, monospace;
	font-family: 'Open Sans', sans-serif;
 
    overflow-x: hidden;

}



h1 {
    font-size: 2rem;
}

h2 {
    font-size: 1.9rem;
}

h3 {
    font-size: 1.8rem;
}

h4 {
    font-size: 1.7rem;
}

h5 {
    font-size: 1.6rem;
}

h6 {
    font-size: 1.5rem
}

p {
    font-size: 1rem;
}

a {
    font-size: 1rem;
}

ul li {
    font-size: 1rem;
}

button,
i {
    font-size: 1rem;
}

.bac {
    
    background-image: url("../IMAGES/oreocake--large_f8od9s_c_scale\,w_1024.jpg");
    background-repeat: no-repeat;
    background-size: 100% 100%;
    height: 700px;

}

body.fixedPosition {
    position: fixed;
}


a {
    text-decoration: none;
}


.part-all-button {
    text-transform: uppercase;
    display: block;
    padding: 10px 20px;
    font-weight: 500;
    border-radius: 5px;
    font-size: 2.9vmin !important;
    box-shadow: 0 17px 10px -10px rgba(0, 0, 0, .4);
    transition: all ease-in-out 300ms;
    text-decoration: none;
    color: #fff !important;
    background-color: orange !important;
}
.part-all-button:hover{
    cursor: pointer;
}


.buttondiv1 {
    display: inline-block;
    line-height: 1.5;
    width: calc(75% - 40%);
    padding: 10px;
    vertical-align: middle;
    text-align: center;
}



.parallelogram {
    overflow: hidden;
}


.cour-arrow {
    display: inline-block;
}



.carousel-item {
    
}


.title-banner-all {
    background-repeat: no-repeat;
    background-size: 100% 100%;
    min-width: 100%;
    position: relative;
    overflow: hidden;
    padding: 0;
    z-index: 9;
    

}


.title-banner1 {
    background-image: url('../IMAGES/img-ful.jpg');

}

.title-banner2 {
    background-image: url('../IMAGES/GADC1.png');

}

.title-banner3 {
    background-image: url('../IMAGES/women-full.jpg');
}

.carousel-arrow.fa-arrow-circle-o-right,
.carousel-arrow.fa-arrow-circle-o-left {
    color: white;
}


.h1 {
    color: #fff;
    font-weight: 800;
}

.tilte-banner-part1-right {
    text-align: center;
    width: 100%;
    padding: 20px 30px;
    padding-right: 15%;
    margin-top: 3rem;
    margin-bottom: 9rem;
    
   
}


.tilte-banner-part1-right strong {
    
    margin-top: 30px;
    text-transform: uppercase;
    color:#fff;


}

.tilte-banner-part1-right p {
    padding-top: 30px;
    color:#fff;

}

.simple-header {
    position: relative;
    overflow: hidden;
    padding: 0;
    height: 80vh;
    min-height: 40vw;
    /* min-height: 150px; */
}

.simple-header.add-slash:after {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;

    
    top: 0;
    z-index: 99;
    background-image: linear-gradient(-106deg, rgba(0, 0, 0, 0.4), calc((1140px / 1.7) + ((100vw - 1180px)/ 2)), transparent 0);
}

.z-9 {
    z-index: 999999;
}








.pricing-box {
    padding-left: 0 !important;
    padding-right: 0 !important;
    margin-right: 0 !important;
    margin-left: 0 !important;
}

.pricing-content {
    background: #fff;
    -webkit-box-shadow: 0 0 7px rgba(0, 0, 0, 0.1);
    box-shadow: 0 0 7px rgba(0, 0, 0, 0.1);
    margin-top: 20px;
    -webkit-transition: all .25s ease-in-out;
    -moz-transition: all .25s ease-in-out;
    -o-transition: all .25s ease-in-out;
    transition: all .25s ease-in-out;
    position: relative;
    border-radius: 4px;
    margin-right: 0 !important;
    
}

.pricing-content.general {
    z-index: 99;
}

.pricing-content:hover {
    margin-top: -10px;
    -webkit-transition: all .25s ease-in-out;
    -moz-transition: all .25s ease-in-out;
    -o-transition: all .25s ease-in-out;
    transition: all .25s ease-in-out;
    -webkit-box-shadow: 0 2px 20px 0 rgba(0, 0, 0, 0.2);
    box-shadow: 0 2px 20px 0 rgba(0, 0, 0, 0.2);
}

.pricing-content h2 {
    background-color: #666;
    color: #FFF;
    font-size: 17px;
    text-align: center;
    margin-bottom: 0;
    padding: 30px 0;
    border-radius: 4px 4px 0 0;
}

.pricing-content h3 {
    color: #fff;
    text-align: center;
    font-size: 32px;
    background: #444;
    margin-bottom: 0;
    font-weight: 700;
    padding: 30px 0;
}

.pricing-content h3 span {
    font-weight: 300;
    font-size: 18px;
}

.pricing-content h3 sup {
    font-size: 18px;
}

.pricing-content ul {
    list-style: none;
    margin: 25px 0;
}

.pricing-content li {
    border-top: 1px dotted #EFEFEF;
    width: 75%;
    color: #333;
    margin: 0 auto;
    padding: 15px 0;
    font-size: 1rem;
}

.pricing-content li:first-child {
    border-top: none;
}

.pricing-content li i {
    float: right;
}



.pricing-content li del {
    color: #aaa;
}

.price-bottom {
    background: #f7f7f7;
    text-align: center;
    padding: 25px 0;
    border-radius: 0 0 4px 4px;
}

.price-bottom a {
    background-color: #3f681c;
    color: #fff;
    text-decoration: none;
}

.pricing-content p {
    background: #F8F8F8;
    padding: 20px;
}

.pricing-content.featured {
    margin-top: -20px;
    position: relative;
    z-index: 99;
    -webkit-box-shadow: 0 2px 20px 0 rgba(0, 0, 0, 0.2);
    box-shadow: 0 2px 20px 0 rgba(0, 0, 0, 0.2);
}


.pricing-content.featured h3 {
    font-size: 38px;
    padding: 45px 0;
}

.pricing-content.featured h3 {
    background: orange;
}






#service {
    background-color: rgba(220, 199, 170,.6);
    /* //#6b7a8ff5; */
    padding-top: 2rem;
    padding-bottom: 2rem;
    margin: 2rem auto;
}

#service h1 {
    color: #3f681c;
    font-weight: 700;
    padding-bottom: 1rem;
    text-transform: uppercase;
}

.icon i {
    background-color: #3f681c;
    background-color:#f78821;
    
    height: 5rem;
    width: 5rem;
    line-height: 5rem;
    border-radius: 50%;
    color: #fff;
    font-size: 1.5rem;
    margin-bottom: 1rem;
    box-shadow: 1px 3px 3px #444;
    text-align: center;
    
}

.service-info {
    margin-bottom: 2rem;
    text-align: center;
    
}
.icon-info h4 {
    color:#3f681c;
    
}

#service .icon-info p{
    color: #fff;
    color: #000;
    
}

.icon-info p {
    
    text-align: center;
}


#section-event {
    margin: 2rem 0;
    padding: 2rem 0;
    background-color: #fff;
    
}

#section-event h1 {
    text-align: center;
    color: #3f681c;
    font-weight: 900;
}

#section-event h3 {
    text-align: center;
}



.event-left-image {
    height: 100%;
    border: 1px solid red;
    box-sizing: border-box;
    overflow: hidden;
}

.event-left-image img {
    height: 100%;
    width: 100%;

}

.event-content-holder {
    height: 100%;
    width: 100%;
    overflow: hidden;
    padding: 2rem;
    background-color:#dcc7aa ;
    box-sizing: border-box;
    border-right: 12px solid #3f681c;

}

.event-content-holder h2 {
    color: #FFB03B;
    margin-top: 30px;
    padding-bottom: 15px;
}

.event-content-holder address strong {
    color: #000;
    padding: 10px 0px;
}

.event-content-holder button {
box-sizing: border-box;
    margin: auto;
}




.team-part1-banner {
    background-image: url('../IMAGES/bottom-rectangle.png');
    background-repeat: no-repeat;
    background-size: cover;
}

.team-part1-detail {
    
}

.part1-header {
    text-align: center;
    padding: 20px 0;
    color: #fff;
    border-radius: 15px;
    background-color: #aeaeae !important;
    -webkit-box-shadow: 0 10px 6px -6px #777;
    -moz-box-shadow: 0 10px 6px -6px #777;
    box-shadow: 0 10px 6px -6px #777;
}

.h2 {
    border-bottom: 5px solid orange;
}

.team-part1-detail-1 {
    margin-top: 10px;
}

.img-thumbnail {
    margin: 0;
    padding: 0;
    border: none;
}

.img-thumbnail1 {
    margin: 0 !important;
    padding: 0 !important;
    box-shadow: 0 10px 6px -6px #777;
    border: 2px solid orange !important;
}

.img-thumbnail1 img {
    border-bottom: 1px solid orange;
}

.caption {
    margin-top: 20px;
}

.caption h5 {
    color: gray;
}

.team-part1-social li {
    display: inline-block;
}

.team-part1-social li a {
    background-color: white;
    font-size: 17px !important;
    color: #aeaeae;
    line-height: 20px;
    display: block;
    margin: 10px 5px !important;
    padding: 5px 5px !important;
    border-radius: 10%;
    width: 30px !important;
    height: 30px !important;
    

}

.team-part1-social li.facebook a:hover {
    background-color: white;
    color: #3b5998;
}

.team-part1-social li.twitter a:hover {
    background-color: white;
    color: #55acee;
}

.team-part1-social li.google-plus a:hover {
    background-color: white;
    color: red;
}

.team-part1-social li.facebook a {
    background-color: #3b5998;
    color: white;
}

.team-part1-social li.twitter a {
    background-color: #55acee;
    color: white;
}

.team-part1-social li.google-plus a {
    background-color: red;
    color: white;
}








.team-part2-banner {
    background-image: url('../IMAGES/freestocks-org-126848.jpg');
    background-repeat: no-repeat;
    background-size: cover;
    min-height: 630px;
}

.team-part2-detail-2 {
    background-color: rgba(0, 0, 0, .7);
    min-height: 630px;
    transform: skew(-20deg);
}


.cloumn-news {
    margin-top: 50px;
}



.column-news {
    
    padding-top: 30px;
    padding-bottom: 31px;
    
}

.card-body {
    text-align: center;
}

.card {
    border-radius: 0 !important;
}

.acrd.card-photo {
    border-radius: 0 !important;
}

.card.card-photo1 {
    border-top: 10px solid #f0b919;
}

.card.card-photo2 {
    border-top: 10px solid blue;
}

.card.card-photo3 {
    border-top: 10px solid #3f681c;
}

.card.card-photo4 {
    border-top: 10px solid #f0b919;
}

.card.card-photo5 {
    border-top: 10px solid blue;
}

.card.card-photo6 {
    border-top: 10px solid #f4585e;
}

.card-title {
    text-align: center;
}

.more1-body {
    display: none;
}

.card-title1 {
    color: #f0b919;
}

.card-title2 {
    color: blue;
}

.card-title3 {
    color: #3f681c;
}

.card-title4 {
    color: #f0b919;
    
}


.card-title5 {
    color: blue;
}

.card-title6 {
    color: #f4585e;
}



.team-part4 {
    width: 100%;
    background-color: #fef0d3;
    min-height: 100vh;
    
}

.team-part4-detail-header {
    margin-top: 30px;
    margin-bottom: 30px;
}

.team-part4-detail-1 {
    border-top: 8px solid red;
    background-color: #fff;
    color: black;
    padding: 20px 20px;
}

.team-part4-detail-1 h3 {
    color: #f0b919;
    font-size: 4.3vmin;
    
    
}


.team-part4-detail-1 p:last-child {
    border-bottom: none;
}

.team-part4-detail-1 p {
    color: #777;
    padding-bottom: 10px;
    border-bottom: 1px solid gray;
}


.team-part4-detail-1 ul {
    margin: 10px auto;
    text-align: center !important;
}

ul.team-part4-ul li {
    text-align: center;
    width: 75%;
    border-bottom: 1px solid gray;
}

.team-part4-detail-1 img {
    width: 100%;
    height: 254px;
}



.team-part5-banner {
    background-image: url('../IMAGES/13.jpg');
    background-repeat: no-repeat;
    background-size: cover;
    
    
    
    
    
    
}

.team-part5-bg-color {
    background-color: rgba(255, 255, 255, .6);
    
}

.team-part5-detail-1 img {
    width: 100%;
    height: 250px;
    -webkit-box-shadow: 0 10px 6px -6px #777;
    -moz-box-shadow: 0 10px 6px -6px #777;
    box-shadow: 0 10px 6px -6px #777;
}

.team-part5-detail {
    color: darkblue;
    
    text-align: center;
}

.team-part5-detail-1 {
    margin-top: 15%;
}

.team-part5-detail-2 {
    margin-top: 15%;
    
}

.team-part5-detail-2 h1 {
    
    font-size: 5.8vmin;
    
    text-shadow: 3px 3px gray;
    text-transform: uppercase;
}

.team-part5-detail-2 h2 {
    font-size: 5.2vmin;
}

.team-part5-detail-2 p {
    padding-top: 50px;
    font-size: 4.2vmin;
    margin-bottom: 20px;
}

.part5-button {
    text-decoration: none;
    color: #fff !important;
    background-color: #db765a !important;
    
}

.btn-hover:hover,
.btn-hover:focus,
.btn-hover:active,
.btn-hover.active {
    box-shadow: 0 37px 20px -20px rgba(0, 0, 0, .2);
    color: #fff;
    border: none;
    text-decoration: none;
    background-color: orange !important;
    
}



.team-part6-banner {
    background-image: url('../IMAGES/dad-kid-playing-cars-1024x682.jpg');
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 100% 100%;
    
    width: 100%;
    
    
}

.team-part6-bg-color {
    
    
    width: 100%;
    background-color: rgba(255, 255, 255, .3);
    
}

.team-part6-detail {
    
    width: 90%;
    height: 100vh;
    line-height: 100vh;
    margin: auto;
    text-align: center;
}

.team-part6-detail-1 {
    
    color: #fff;
    vertical-align: middle;
    line-height: 1;
    
    display: inline-block;
    
    text-align: center;
    
    
    
    overflow: hidden;
    padding: 20px 10px;
    
    
}

.team-part6-detail-1 h1 {
    text-transform: uppercase;
    font-size: 5.8vmin;
    font-weight: 700;
    margin: 0px 0px 20px;
    letter-spacing: -.02em;
    color: #db765a;
}

.team-part6-detail-1 h3 {
    font-size: 4.6vmin;
    margin-bottom: 20px;
    letter-spacing: .5px;
    line-height: 1.2em;
    
    
}

.team-part6-detail-1 p {
    font-size: 5.8vmin;
}


.part6-button {
    color: #fff !important;
    background-color: #db765a !important;
}







.part7-header {
    text-align: center;
    text-transform: capitalize;
    color: midnightblue;
    margin-bottom: 20px;
}

.team-part7-detail {
    margin-top: 45px;
    margin-bottom: 45px;
}

.team-part7-detail-1 {
    text-align: justify;
}

.team-part7-detail-2 {
    
    color: white;
    
    background-image: url('../IMAGES/bannerblue.jpg');
    width: 300px;
    height: 300px;
    padding: 30px 20px;
    -webkit-box-shadow: 0 10px 6px -6px #777;
    -moz-box-shadow: 0 10px 6px -6px #777;
    box-shadow: 0 10px 6px -6px #777;
}


.span-big {
    float: left;
    width: 0.7em;
    font-size: 400%;
    line-height: 70%;
}

blockquote {
    position: relative;
    margin: 1.5em 0 1.5em;
    padding: 0 1em 0 2.5em;
}

blockquote.style2 {
    font: 14px/22px normal helvetica, sans-serif;
    border-left: 3px solid #ccc;
}

blockquote p:before {
    color: #ccc;
    content: "\201C";
    font-size: 4em;
    position: absolute;
    left: 5px;
    top: 0.3em;
    line-height: 0.1em;
}

blockquote P:after {
    color: #ccc;
    
    content: "\201D";
    font-size: 4em;
    position: absolute;
    right: 3px;
    bottom: 0em;
    line-height: 0.1em;
}

.team-part7-detail-2 img {
    margin-top: 20px;
    width: 75px;
    height: 75px;
    border: 3px solid #ccc;
    box-shadow: 3px 3px 1px #ccc;
}
/*  part 8 */




.team-part8-bg-color {
    width: 100%;
    background-color: rgba(0, 0, 0, .3);
}

.team-part8-detail {

    margin-bottom: 20px !important;

}

.team-part8-header {
    color: orange;
    text-align: center;
    text-transform: capitalize;
    padding: 20px 30px;
    
    margin-bottom: 10px;
    
}

.team-part8-header .h1 {
    color: #fff;
    margin-top: 10px;
}

.col-lg-3.col-div {
    
    
    margin-bottom: 10px !important;
}

.team-part8-detail-center {
    height: 100%;
    overflow: hidden;
    padding: 20px 10px;
    width: 100%;
    
    border: 1px solid #777;
    color: #fff;
    background-color: orange;
    transition: all 500ms ease;
    -webkit-box-shadow: 0 10px 6px -6px #777;
    -moz-box-shadow: 0 30px 6px -6px #777;
    box-shadow: 0 17px 10px -10px #777;
    
    
}

.team-part8-detail-center:hover {
    
    -webkit-box-shadow: 0 10px 6px -6px #777;
    -moz-box-shadow: 0 10px 6px -6px #777;
    box-shadow: 0 30px 6px -76px #777;
}

.team-part8-detail-center {
    text-align: justify;
}

.team-part8-detail .team-part8-detail-1 {
    position: relative;
    
    

}

.team-part8-detail-1 .img-div1 {
    width: 100%;
    height: 100%;
    border: 1px solid gray;
}

.team-part8-detail-1 img {
    width: 100%;
    height: 80%;
    margin-top: 20%;
    
    
    
}

.team-part8-detail .text-div1,
.team-part8-detail .text-div2 {
    width: 100%;
    height: 80%;
    display: none;
    position: absolute;
    top: 20%;
    left: 0;
    color: #fff;
    padding: 20px 20px;
    
    
    
    border: 1px solid gray;
    background-color: rgba(2, 6, 20, .4);
    
    
    
}

.team-part8-detail .text-div1 h5 {
    color: darkorange;
}




.view-profile1,
.view-profile2,
.view-profile3,
.view-profile4,
.view-profile5,
.view-profile6,
.view-profile7,
.view-profile8,
.view-profile9 {
    width: 100%;
    height: 20%;
    
    text-transform: capitalize;
    position: absolute;
    top: 0;
    left: 0;
    text-align: center;
    padding: 10px 20px;
    color: #f0b919;
    
    
    background-color: gray;
    
    
}




.team-part9-banner {
    background-image: url('../IMAGES/15-banner1024x586.jpg');
    background-repeat: no-repeat;
    
    background-position: center center;
    background-size: 100% 100%;
    min-height: 100vh;
    
    
    
    
    
}

.team-part9-bg-color {
    min-height: 100vh;
    width: 100%;
    
}

.team-part9-detail {
    width: 70%;
    height: 100%;
    line-height: 100vh;
    margin: auto;
    text-align: center;
    
}

.team-part9-detail-1 {
    
    color: #fff;
    display: inline-block;
    line-height: 1;
    text-align: center;
    
    padding: 20px 10px;
    vertical-align: middle;
    background-color: rgba(3, 9, 31, .4);
    border: 12px solid rgba(255, 255, 255, .8);
}

.team-part9-detail-1 h3 {
    text-transform: uppercase;
    font-size: 5.8vmin;
    
    font-weight: 700;
    
    letter-spacing: -.02em;

}

.team-part9-detail-1 h3 {
    font-size: 4.6vmin;
    
}

.team-part9-detail-1 p {
    font-size: 5.8vmin;
}








.sidebar-social-wrapper {
    
    height: 360px;
    width: 100px;
    position: fixed;
    top: 300px;
    margin-top: 7px;
    z-index: 999999;
    left: 0;
}

.soical-all {
    color: #fff;
    position: absolute;
    display: block;
    border-radius: 50%;
    width: 50px;
    height: 50px;
    font-size: 21px;
    
    text-align: center;
    padding: 10px 10px;
    background-color: rgba(0, 0, 0, .3);
    left: 7px;
    margin-bottom: 20px;
    transition: all ease 300ms;
}

.sidebar-social-facebook {

    top: 0;
    background-color: #3b5998;
    margin-bottom: 10px;
}

.sidebar-social-twitter {
    background-color: #55acee;
    top: 55px;
    display: inline-block;
}

.sidebar-social-goggleplus {
    
    background-color: #dd4b39;
    top: 110px;
    display: inline-block;
}

.sidebar-social-youtube {
    
    
    background-color: red;
    top: 165px;
    display: inline-block;
}

.sidebar-social-instagram {
    
    background-color: #3f729b;
    top: 220px;
    display: inline-block;
}

.sidebar-social-linkin {
    
    background-color: #cd201f;
    top: 275px;
    display: inline-block;
}



.sidebar-social-youtube:hover,
.sidebar-social-instagram:hover {
    background-color: #cd201f;
}

/* ---- lead form --- */

.intro {
    width: 100%;
    position: relative;
}

.intro-content {
    background: url('../IMAGES/bg1.jpg') no-repeat top center;
    padding: 60px 0 60px;
    transition:all .2s all;
}


.slogan {
    margin-bottom: 20px;
}

.white-box {
    /* background: rgba(255,255,255,.8); */
    padding: 20px;
    border-radius: 4px;
}

.intro-content h4,
    .intro-content h2 {
    margin-bottom: 10px;
    text-align: center;
}

.intro-div-transparent {
    background-color: rgba(220,220,220,.1);
    box-shadow: 1px 1px 4px #444444;
    padding: 10px 10px;
    color: #444444;
    border-radius: 5px;
}


ul.lead-list {
    list-style: none;
    margin-left: 0;
    padding-left: 0;
    margin-bottom: 20px;
}


ul.lead-list li {
    margin: 0 0 20px 0;
    line-height: 1.6em;
    list-style-position: inside;
}

ul.lead-list li span.fa {
    margin: 8px 5px 0 0;
    float: left;
}

ul.lead-list li span.list {
            display: inline;
            margin: 0 0 14px;
        }



        
  
        .intro-left-img {
            width:100%;
            height:100%;
            
            
            display: flex;
            align-items:center;
        }
        .intro-left-img img{
            margin:10px auto;
            
        }
            
        
        
        
        .muf {
            font-family: 'Indie Flower', cursive;
        }
        
        .title-web {
            font-family: 'Tangerine', serif;
            font-size: 48px;
            text-shadow: 4px 4px 4px #aaa;
        }
        .header-h {
            color: #FFB03B;
            
            font-family: 'Satisfy', sans-serif;
            font-weight: 300;
        }
        
            
        
        
        .header-p {
            color: #9699a6;
            
        }
        .rounded1{
            border-radius:50%;
        border:1px solid red;
        }
        
        
        .backgroundspan  .before {
            position: absolute;
            height: 100%;
            width: 50%;
            background: url(IMAGES/top-rectangle.png);
            background-position: top right;
            background-size: 100%;
            
            right: 0;
            z-index: -999;
            background-repeat: no-repeat;
        }
        
        .backgroundspan .after {
            position: absolute;
            height: 60%;
            width: 100%;
            background: url(IMAGES/bottom-rectangle.png);
            background-position: bottom left;
            background-size: contain;
            bottom: 0;
            left: 0;
            z-index: -9999;
            background-repeat: no-repeat;
        }
         




/* ----------------------------------- */




.team-footer .team-footer-banner {
    background-color: rgba(0,0,0,.8);
    padding: 10px;
}













.team-footer-detail1 ul li {

    padding: 0 20px;
}

.team-footer-detail {
    
    border: 1px solid #3f681c;
    margin: 30px;
}


.team-footer-detail-1 ul li:last-child,
.team-footer-detail-2 ul li:last-child
{
    border-bottom: none;
}

.team-footer-detail-1 ul li,
.team-footer-detail-2 ul li,
.team-footer-detail-3 ul li {
    border-bottom: 1px solid #fff;
    /* margin: 7px 10px; */
    color: #fff;
    /* width: 70%; */
    /* text-align: left; */
    margin: auto;

}

.team-footer-detail-1 {
    padding: 10px 20px;
}
h1.footer-heading{
    text-transform: uppercase;
/* color:#fff !important; */
font-size: 1.7rem;

}
.team-footer-detail-2 {
    font-size: 1rem;
    /* padding: 10px 20px; */
}
.team-footer-detail-1 ul,
    .team-footer-detail-2 ul {
    /* border: 1px solid red; */
    /* text-align: center; */
    margin: auto !important;
    width:80%;
    
}

.team-footer-detail-1 h4,
.team-footer-detail-2 h4,
    .team-footer-detail-3 h4 {
    /* padding: 10px 0; */
    font-size: 1rem;
    color: #fff !important;

}

    

.team-footer-detail-3 {
    
    background: url("../IMAGES/cagatay-orhan-21446.jpg");
    background-size: cover;
    height: 100%;
}

.team-footer-detail-3 .text-div {
    width: 80%;
    height: 60%;
    border: 3px solid gray;
    margin: auto;
    padding: 10px;
    z-index: 9999;
    background-color: rgba(0, 0, 0, .3);
    color: #fff;
    text-align: center;
}

.text-div .footer-table {
    margin: auto;
}

.footer-bottom-div {

    border: 1px solid gray;
    background-color: #fff;
}


/* --------------------------side bar */

























.aboutintro {
    position:relative;
    padding:30px 0;
}
.backgroundspan .before {
    position: absolute;
    height: 100%;
    width: 50%;
    background: url(IMAGES/top-rectangle.png);
    background-position: top right;
    background-size: 100%;
    top: 0;
    right: 0;
    z-index: -999;
    background-repeat: no-repeat;
}

.backgroundspan .after {
    position: absolute;
    height: 60%;
    width: 100%;
    background: url(IMAGES/bottom-rectangle-orange.jpg);
    background-position: bottom left;
    background-size: contain;
    bottom: 0;
    left: 0;
    z-index: -99999;
    background-repeat: no-repeat;
}

ul.program-ul-list
{
    list-style:none;
    
    
}
ul.program-ul-list li{
    
    
    
}
.program-detail-left ul.program-ul-list li a.one {
    display:block;   
    padding: 20px;
        background-color: red;
        
        color: #e52d87;
        font-size: 16px;
        text-transform: uppercase;
        
        border-bottom: 1px #a9a9a9 solid;
    }

.list-group {
    border-radius:0 !important;
}
.list-group-item:first-child {
    border-top-left-radius: 0 !important;
    
    border-top-right-radius: 0 !important ;
    
}

.list-group-item:last-child {
    border-bottom-left-radius: 0 !important;
    
    border-bottom-right-radius : 0 !important ;
    
}
.list-group-item.active {
    z-index: 2;
    color: #fff;
    background-color: lightslategray !important;
    border-color: lightpink !important;
}
 
.tabs1 {
    padding: 20px 20px;
    margin-top: 50px;
    background-color: rgba(0,0,0,.05) !important;
    border: 1px solid gray !important;
    border-radius: 7px !important;
}



.style1-img img {
    width: 180px;
    height: 180px;
}

    .style1-img {
    padding-top: 80px;
    vertical-align: middle;
}







.style1-div {
    padding: 20px 20px;
    margin-top: 50px;
    background-color: rgba(0,0,0,.05);
    border: 1px solid gray;
    border-radius: 7px;
}








.row-work {
    position: relative;
    overflow: hidden;
}

    .row-work a {
        overflow: hidden;
        display: block;
        width: 100%;
    }

    .row-work h3 {
        width: 90%;
        color: #fff;
        background: rgba(0,0,0,.5);
        text-align: center;
        padding: 6px;
        position: absolute;
        bottom: -7px;
        left: 0;
    }

    .row-work img {
        width: 90%;
        
    }

.img-hover {
    display: table;
}

.img-active {
    position: absolute;
    display: none;
    filter: grayscale(100%);
}

.li-div {
    padding: 0;
    box-sizing: border-box;
    margin-bottom: 20px;
    display: block;
    
    border: 1px dashed yellow;
}


.latest-work {
    position: relative;
}

    .latest-work h1 {
        font-size: 20px;
        color: #fff;
        background: gray;
        padding: 6px 16px;
        border-radius: 5px;
        border-radius: 5px;
        margin: 0 auto;
        display: table;
    }

hr {
    
    background: red;
    height: 3px;
    width: 100%;
    z-index: -1;
    position: absolute;
    top: 0;
}




.message-ui {
    color: #000000;
    font-style: normal;
    background-color: burlywood;
    position: relative;
    font-size: 13px;
    padding: 10px 15px;
    border: 5px solid #F2E1AC;
}

.close-ui {
    position: absolute;
    right: 0;
    top: 0;
    background-color: #F2E1AC;
    Color: burlywood;
    font-size: 20px;
    font-weight: 800;
    padding: 4px 4px;
    border: 2px solid burlywood;
    cursor: pointer;
}





.faq-question {
    color: blue;
    cursor: pointer;
}





.status {
    padding: 10px;
    position: fixed;
    top: 0;
    left: 0;
    background-color: #000;
    color: #fff;
    z-index: 900;
}



.list li {
    display: block;
    padding: 10px 0;
    margin: 20px;
    background-color: gray;
    border: 1px solid black;
}

.scrollable {
    height: 200px;
    overflow: scroll;
}




/* kkkkkkkkkkkkkkkkkkkkkk */








.team-footer-detail1 ul li {

    padding: 0 20px;
}

.team-footer-detail {
    
    border: 1px solid #3f681c;
    margin: 30px;
}

.team-footer-detail-1 ul li,
.team-footer-detail-2 ul li,
.team-footer-detail-3 ul li {
    border-bottom: 1px solid #fff;
    margin: 7px 10px;
    color: #fff;
    text-align: left;
}

.team-footer-detail-1 {
    padding: 10px 20px;
}
h1.footer-heading{
    text-transform: uppercase;
color:#fff !important;
}
.team-footer-detail-2 {
    padding: 10px 20px;
}

.team-footer-detail-1 h4,
.team-footer-detail-2 h4,
    .team-footer-detail-3 h4 {
    padding: 10px 0;
    font-size: 1.2rem;
    color: #fff !important;

}

    

.team-footer-detail-3 {
    
    background: url("../IMAGES/cagatay-orhan-21446.jpg");
    background-size: cover;
    height: 100%;
}

.team-footer-detail-3 .text-div {
    width: 80%;
    height: 60%;
    border: 3px solid gray;
    margin: auto;
    padding: 10px;
    z-index: 9999;
    background-color: rgba(0, 0, 0, .3);
    color: #fff;
    text-align: center;
}

.text-div .footer-table {
    margin: auto;
}

.footer-bottom-div {

    border: 1px solid gray;
    background-color: #fff;
}

.sidebar-top-wrapper {
     height: 50px;
    width: 50px;
    position: fixed;
    bottom: 10px;
    display: inline-block;
    vertical-align: middle;
    text-align: center;
    right: 10px;
    z-index: 999999;
}

.sidebar-toptopage {
    color: #fff;
    border: 1px solid gray;
    display: block;
    box-shadow: 1px 3px 3px #444;

    /* border-radius: 50%; */
    width: 50px;
    height: 50px;
    line-height: 50px;    
    text-align: center;
    
    background-color: #375e97;
    transition: all ease 300ms;
}

a.scrollup >i{
color:#fff;
    font-size: 20px !important;
}

.scrollup1 {
    display: none;
}

a.scrollup i:hover {
    text-decoration: none;
    color:#f78821;
}
/* 
a.scrollup:hover,
a.scrollup:active,
a.scrollup:focus {
    
    text-decoration: none;
    color: orange;
} */













.team-part11 {
    width: 100%;
    background-color: #0081ab;
}

.team-part11-detail-header h1 {

    font-size: 5.8vmin;
    color: #fff;
    margin-bottom: 30px;
    margin-top: 30px;
    text-align: center;
}


.what-makes-you-care-chevron {
    background: url("../IMAGES/frill-bottom-chevron-mdblue.png") no-repeat center bottom;
    width: 100%;
    height: 48px;
    position: relative;
    z-index: 1;
    background-color: #fef0d3;
}




.what-makes-you-care-chevron1 {
    background: url("../IMAGES/pink-bottom.jpg") no-repeat center bottom;
    width: 100%;
    height: 48px;
    position: relative;
    z-index: 1;
    background-color: white;
    
}

.team-part11-row-work {
    
    
    overflow: hidden;
}

.team-part11-row-work a {
    overflow: hidden;
    position: relative;
    display: block;
    
}

.team-part11-row-work h3 {
    width: 100%;
    color: #fff;
    background: rgba(0, 0, 0, .5);
    text-align: center;
    padding: 6px;
    position: absolute;
    bottom: -7px;
    left: 0;
}

.team-part11-row-work h4 {
    color: #fff;
    text-transform: uppercase;
    text-align: center;
    font-size: 4.3vmin;
    font-weight: 500;
}

.team-part11-row-work p {
    color: rgba(255, 255, 255, .6);
}

.team-part11-row-work img {
    width: 100%;
}

.team-part11-img-hover {
    display: table;
}

.team-part11-img-active {
    position: absolute;
    display: none;
    width: 100%;
    height: 100%;
    filter: grayscale(100%);
}


.team-part11-li-div {
    padding: 0;
    box-sizing: border-box;
    margin-bottom: 20px;
    display: block;
}





.team-part10-faq-question {
    
    cursor: pointer;
}

.team-part10-answer {
    display: none;
}

.team-part10-faq .outer-div {
    
    padding: 0;
    margin-top: 10px;
    border: 1px solid gray;
    border-radius: 5px 5px 0 0;
}

.team-part10-faq h1 {
    text-align: center;
    color: #fff;
    padding: 10px 10px;
    border-radius: 5px;
}

.team-part10-faq h4 {


    background-color: lightgray;
    border: 1px solid gray;
    padding: 10px 10px;
    border-radius: 5px 5px 0 0;
    transition: all 300ms ease;
    margin-bottom: 0;
    color: orange;
}

.team-part10-answer p {
    color: grey;
    font-size: 20px;
    margin: 0 !important;
    padding: 20px 20px !important;

}

.team-part10-faq span {

    text-align: center;
    vertical-align: middle;
    background-color: #fff;
    border-radius: 50%;
    width: 50px;
    height: 50px;
    display: inline-block;
    border: 1px solid gray;
    
    line-height: 40px;
    vertical-align: middle;
    transition: all 300ms ease;
}

.team-part10-faq span i {
    text-align: center;


    
    text-decoration: none;
    vertical-align: middle;
}

.team-part10-faq span i.up-arrow {
    display: none;
}







.newsroom-advocacy-wrapper {
    background-color: azure;
    width: 100%;
    margin: 3em auto;
    height: 447px;
    position: relative;
}

.newsroom-advocacy-wrapper .tape-upper {
    background: url("../IMAGES/tape-yellow-45deg.png") no-repeat center center;
    width: 171px;
    height: 179px;
    
    
    
}


.button-div-tilt {
    width: 175px;
    height: 50px;
    text-align: center;
    padding: 10px 20px;
    background-color: red;
    transform: skew(-20deg);
}

.button-div-tilt a {
    text-transform: uppercase;
    margin: 10px auto;
    vertical-align: middle;
    font-size: 100%;
    color: yellow;
}




.hover-photo {
    width: 90%;
    overflow: hidden;
}

.hover-photo img {
    width: 100%;
    height: 100%;
    
    transition: all .5s;
}

.hover-photo img:hover {
    transform: scale(1.05);
}



#JSON_LOCAL,
#users {
    margin-left: 50px;
    padding: 40px;
}





.enternalapi-user {
    display: flex;
    background: #f4f4f4;
    padding: 10px;
    margin-bottom: 10px;
}

.enternalapi-user ul {
    list-style: none;
}

.enternalapi-user img {
    width: 70px;
    height: 70px;
    margin-right: 40px;
}








/* 

.wrapper-title {
    height: 600px;
    box-sizing: border-box;
 overflow: hidden;
} */
/* 
.wrapper {
    overflow: hidden;
    height: 500px;
    box-sizing: border-box;
} */

.title-side-left {
    position: relative;
    overflow: hidden;
    padding: 0;
    min-height: 100%;

}



.title-side-left:after {
    content: "";
    position: absolute;
    width: 100%;
    
    height: 100%;
    top: 0;
    z-index: 99;
    background-image: linear-gradient(106deg, rgba(55, 93, 151, 0.774), 300px, transparent 0);
    background-image: linear-gradient(106deg, rgba(0,0,0, 0.5), 300px, transparent 0);

}
.feature-four-left {
    overflow: hidden;
    margin-top: 2rem;
    height:539px;
    box-sizing: border-box;
    

}


.title-side-right{
    position: relative;
    overflow: hidden;
    padding: 0;
    
    min-height: 100%;
}
.title-side-right:after {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;

    z-index: 99;
    overflow: hidden;
    background-image: linear-gradient(-106deg, rgba(55, 93, 151, 0.774), 300px, transparent 0);
}




.feature-four-left > .title-side-left img{
     height: 100%;
    width: 100%;

     box-sizing: border-box;
   transition: all .5s ease-in-out;
   
   overflow: hidden;
}


.feature-four-left > .title-side-left {
    height: 100%;
    overflow: hidden;
	transition: all .5s;
    


}
.feature-four-left > .title-side-left {
    
}






.feature-four-right > .title-side-right img{
    width: 100%;
    transition: all .5s ease-in-out;
    
    height: 100%;
    
    overflow: hidden;

}


.feature-four-right > .title-side-right {
   height: 50%;
   overflow: hidden;

   


}
.feature-four-right > .title-side-right {

}


.feature-four-right {
    
    overflow: hidden;
margin-top: 2rem;
height: 250px;
box-sizing: border-box;
}

.feature-text-left ,
.feature-text-right {
height: 100%;
position: absolute;
top:0;
padding: .5em;
overflow: hidden;
left: 50%;
z-index: 999;
text-align: center;
overflow:hidden;
line-height: 1rem;
box-sizing: border-box;
}


.feature-text-left 
{
left: 0;
width: 50%;

}

.feature-text-left h3,
    .feature-text-right h3{
    color:#f78821;
    font-weight: 900;
}
.feature-text-left h4 ,
    .feature-text-right h4 {

    text-transform:uppercase;
    color:#fff;
    text-transform: uppercase;
    font-size: 1rem;
    
    letter-spacing: .5px;
    font-weight: 700;
}

.feature-text-left h3 
{
    line-height:2rem;
}
.feature-text-right h4 span {
font-weight: 400 !important;
color:orange;
}

/*************************************** */


.approach-part2-detail {
    padding-top: 60px;
    color: black;
    
    min-height: 750px;
}

    .approach-part2-detail h1 {
        text-transform: capitalize;
    }

    .approach-part2-detail img {
        width: 39vmin;
        height: 39vmin;
        box-shadow: 1px 1px 4px #444444;
        
    
    }

        .approach-part2-detail img:hover {
            border: 4px solid gray;
        }

    .approach-part2-detail figcaption {
        text-align: center;
        color: #444444;
        font-size: 3.2vmin

    }

.approach-part2-detail-1-text {
    text-align: justify;
    font-size:17px;
    border-right: 1px solid red;
    padding: 3px 10px;
}

approach-part2-detail-1-text:last-child {
    border-right: none;
    color:red;
}




.approach-part3-detail-1 {
    text-align: center;
    vertical-align: central;
    margin-top: 80px;
    
    display: inline-block;
}
    .approach-part3-detail-1 img:hover {
        box-shadow: rgba(0,0,0,.4) 6px 9px 10px;
        
        transition: all .4s ease;
        
    }

.approach-part3{
    padding: 40px 20px;
    background-color: burlywood;
    
} 
.approach-part3-detail-2 {
    padding: 20px 20px;
    transform: skew(-20deg);
}

.approach-button1{
    display:inline-block;
    width:150px;
    height:70px;
    text-transform:uppercase;
    background-color:orange;
   opacity:.7;
    padding:20px 20px;
    
    
}

.approach-button1:hover {
    border:2px solid #fff;
    opacity:1;
}
    .approach-button1 a {
        text-decoration: none;
        color: #fff !important;
        font-weight:700;
        font-size:20px;
    }

.approach-part4-banner 
{
    
}
.approach-part4-detail-1 {
    height: auto;
    border-radius: 5px;
}
    .approach-part4-detail-1 img {
        
        border-top-left-radius: 5px;
        border-top-right-radius: 5px;
        width: 100%;
        
    }
.approach-part4-detail-1-inner {
    padding-top: 30px;
    padding-bottom: 30px;
    text-align: center;
    color: #fff;
    font-size: 17px;
    line-height: normal;

}
.approach-part4-detail-1-inner h3{
   

}
.approach-part4-detail-1-inner p{

}

.approach-part4-btn1{
    color:#fff;
    font-size:20px;
    font-weight:900 !important;
    text-decoration:none;
    text-transform:uppercase;
}

.approach-bg-color1 {
    background-color: cornflowerblue;
}

.approach-bg-color2 {
    background-color: sandybrown;
}

.approach-bg-color3 {
    background-color: plum;
}
.approach-bg-color4 {
    background-color: cornflowerblue;
}

.approach-bg-color5 {
    background-color: sandybrown;
}

.approach-bg-color6 {
    background-color: plum;
}

.color1 {
    background-color: steelblue;
}

.color2 {
    background-color: orange;
}
.color3 {
    background-color: rebeccapurple;
}
.color4 {
    background-color: steelblue;
}

.color5 {
    background-color: orange;
}

.color6 {
    background-color: rebeccapurple;
}



/* *************************************************** */