@import url('//fonts.googleapis.com/css?family=Abril+Fatface&display=swap');

body h1,h2,h3{
    font-family: 'Abril Fatface';
}
body h1{
    font-size: 40px;
}
body h2{
    font-size: 26px;
}
body p{
    margin-bottom: 0;
    font-size: 17px;
}
ul{
    padding: 0;
    margin: 0;
}
ul li{
    list-style: none;
}
a{
    transition: .4s ease;
}
a:hover{
    transition: .4s ease;
}
.sec1 {
    position: relative;
}
.sec1 img {
    position: absolute;
}
.container .position-cus-1 {

}
.button-lan {
    float: right;
}
.btn {
    outline: none;
    box-shadow: none;
}
.btn-cus-1.btn.focus, .btn-cus-1.btn:focus {
    outline: 0;
    box-shadow: 0 0 0 0.2rem rgba(222, 14, 14, 0);
}
.btn-cus-1 {
    background-color: #cc3122;
    color: #fff;
    text-transform: uppercase;
    padding: 12px 15px;
	border-radius: 0;
}
.sec1 .btn-cus-1:hover{
    background-color: #2a2a2a;
    color: #fff;
}
.sec-logo {
    position: absolute;
    width: 100%;
    z-index: 1;
}
.container .position-cus-1 {
    padding-top: 25px;
}
.navbar-brand {
    display: none;
}
.sec1:before {
    content: "";
/*     height: 99.5%;
    width: 100%;
    position: absolute;
    background-image: linear-gradient(45deg, #767676 20%, #221d1d 46%, #c21c2a 75%);
    opacity: 0.5; */
}
.banner-cont {
display:none;
}
.banner-cont h1 {
    color: #fff;
    margin-bottom: 30px;
    position: absolute;
    bottom: 0;
    text-align: center;
    right: 0;
    left: 0;
}
.banner-cont a {
    position: absolute;
    bottom: 0;
    margin-bottom: 30px;
    right: 0;
}
#overlay {
/*left: 0; */
    /* position: relative; */
    /* top: 0; */
    /* transition: background-color 300ms ease; */
    width: 100%;
    /* z-index: -1; */
    background-color: #a02418;
}
#bgvid {
    backface-visibility: hidden;
    /* background: url(https://friendlymission.org/wp-content/themes/friendly-mission/images/video-bg.gif) no-repeat scroll 0 0 #000; */
    background-size: cover;
    height: auto;
    min-height: 100%;
    min-width: 100%;
    perspective: 1000;
    width: 100%;
    z-index: 1;
	
}
video {
    /* position: fixed;
    top: 50%;
    left: 50%;
    min-width: 100%;
    min-height: 100%;
    width: auto;
    height: auto;
    z-index: -100;
    transform: translateX(-50%) translateY(-50%);
 background: url('https://demosthenes.info/assets/images/polina.jpg') no-repeat;
  background-size: cover;
  transition: 1s opacity; */
}
/* .nav-cus .navbar-nav .nav-itam .nav-link {
    color: #fff;
} */
.lan-cus {
    display: inline-block;
}
.lan-cus {
    display: inline-block;
    padding-left: 50%;
}
.nav-cus {
    background-color: #000000b5;
}
.navbar-light .navbar-nav .nav-link{
    color: #fff ;
}
.navbar-light .navbar-nav .nav-link:focus, .navbar-light .navbar-nav .nav-link:hover,.navbar-light .navbar-nav .nav-link:active {
    color: #fb1300;
}
.navbar-light .navbar-nav .active>.nav-link, .navbar-light .navbar-nav .nav-link.active, .navbar-light .navbar-nav .nav-link.show, .navbar-light .navbar-nav .show>.nav-link {
    color: #fb1300 ;
}
/* .nav-cus .nav-link{
    
} */
.nav-cus {
    background-color: #000000b5;
    margin: auto;
    width: 81%;
    margin-top: 7px;
}
.nav-cus .nav-link {
    padding: 1.5rem 1.5rem;
}
/* .nav-cus .active {
    color: #fb1300 !important;
} */
/*######### sec2 ###########*/
.sec2 {
    padding: 90px 0px;
}
.sec2 h1{
    color: #cc3122;
    margin-bottom: 40px;
    font-size: 35px;
    line-height: 43px;
}
.cont-box-1 {
    padding-top: 75px;
}
.cont-box-1 p{
    /* font-size: 20px; */
    margin-bottom: 15px;
}
.btn-cus-2 {
    border: 1px solid #000;
    padding: 10px 30px;
    text-transform: uppercase;
    border-radius: 0px;
    margin-top: 30px;
}
.btn-cus-2:hover {
    background-color: #cc3122;
    border: 1px solid #cc3122;
    color: #fff;
}
.img-box-1 {
    margin-top: -1px;
}
.btn-cus-2.btn.focus, .btn-cus-2.btn:focus {
    outline: 0;
    box-shadow: 0 0 0 0.2rem rgba(0, 0, 0, 0);
}
/*######### sec3 ###########*/
.sec3 [class^="flaticon-"]:before, .sec3 [class*=" flaticon-"]:before, .sec3 [class^="flaticon-"]:after, .sec3 [class*=" flaticon-"]:after {
    font-family: Flaticon;
    font-size: 20px;
    font-style: normal;
    margin-left: 20px;
    vertical-align: middle;
    margin-left: 5px;
}
.sec3 h1{
    color: #fff;
}
.sec3.service-sec {
    position: relative;
    padding: 80px 0;
    background: url(https://friendlymission.org/wp-content/themes/friendly-mission/images/parallex-1.jpg) no-repeat top center;
    background-size: cover;
}
.service-bubble-box h4 p { 
    text-align: center;
    font-size: 30px;
    line-height: 30px;
    align-items: center;
    padding-top: 13px;
}
 .service-bubble-box h4 a{
	 color: #cc3122;
	 text-decoration:none;
}
.service-bubble-box h4 p a:hover{text-decoration:none;}
.serv-head p {
    font-size: 36px;
    font-weight: 700;
    color: #4c4c4c;
}
.serv-head h1 img {
    position: relative;
    top: -20px;
    left: -10px;
}
.service-inner-box {
    position: relative;
    padding: 100px 0px 0px;
    height: 854px;
}
.service-cercle {
    position: absolute;
    width: 330px;
}
.service-cercle.pos1 {
     width: 273px;
    top: 7%;
    left: 9%;
}
.circle-box {
    position: relative;
}
.circle-box p {
    position: absolute;
    top: -5px;
    padding: 15px 30px;
    color: #000;
    font-size: 16px;
    text-align: center;
    opacity: 0;
    visibility: hidden;
    height: 100%;
    display: flex;
    align-items: center;
    line-height: 25px;
}
.circle-box:before {
    content: '';
    background-color: #ffffffd6;
    position: absolute;
    top: 0;
    width: 100%;
    height: 100%;
    border-radius: 100%;
    opacity: 0;
    visibility: hidden;
    transition: all 0.3s ease-in-out;
}
.circle-box:after {
    content: '';
    position: absolute;
    top: -15px;
    width: 112%;
    height: 112%;
    border-radius: 100%;
    transition: all 0.3s ease-in-out;
    border: 2px dashed #fff;
    left: -15px;
}
.service-cercle:hover .circle-box:before {
    opacity: 1;
    visibility: visible;
}
.service-cercle:hover .circle-box p {
    opacity: 1;
    visibility: visible;
}
.service-bubble-box {
    color: #cc3122;
    font-family: 'Abril Fatface';
    border-radius: 100%;
    background-color: #fff;
    width: 138px;
    height: 136px;
    /* background: url(https://friendlymission.org/wp-content/themes/friendly-mission/images/service-img/bubble.png) no-repeat; */
    position: absolute;
    z-index: 2;
    font-size: 18px;
    line-height: 22px;
    font-weight: 600;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding: 0 4%;
    text-align: center;
/*     pointer-events: none; */
    -webkit-transition: all 0.5s ease-out 0.1s;
    -moz-transition: all 0.5s ease-out 0.1s;
    -ms-transition: all 0.5s ease-out 0.1s;
    -o-transition: all 0.5s ease-out 0.1s;
}
.service-bubble-smbox {
  
    width: 125px;
    height: 123px;
    background: url(https://friendlymission.org/wp-content/themes/friendly-mission/images/service-img/smallbubble.png) no-repeat;
    position: absolute;
    z-index: 2;
    font-size: 18px;
    line-height: 22px;
    font-weight: 600;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding: 0 10%;
    text-align: center;
    pointer-events: none;
    -webkit-transition: all 0.5s ease-out 0.1s;
    -moz-transition: all 0.5s ease-out 0.1s;
    -ms-transition: all 0.5s ease-out 0.1s;
    -o-transition: all 0.5s ease-out 0.1s;
}
.service-cercle.pos1 .service-bubble-box {
    right: -25%;
    bottom: -14%;
}
.service-cercle.pos1:hover .service-bubble-box {
    -webkit-transform: translateY(-40px);
    -ms-transform: translateY(-40px);
    transform: translateY(-40px);
/*     opacity: 0; */
}
.service-cercle.pos2 {
    width: 273px;
    left: 18%;
    top: 24%;
    display: none;
}
.service-cercle.pos2 .service-bubble-box {
    left: -26%;
    top: 60%;
}
.service-cercle.pos2:hover .service-bubble-box {
    -webkit-transform: translateY(-20px);
    -ms-transform: translateY(-20px);
    transform: translateY(-20px);
/*     opacity: 0; */
}
.service-cercle.pos3 {
    width: 273px;
    left: 64%;
    top: 3%;
}
.service-cercle.pos3 .service-bubble-box {
    top: -9%;
    right: -15%;
}
.service-cercle.pos3:hover .service-bubble-box {
    -webkit-transform: translateY(-40px);
    -ms-transform: translateY(-40px);
    transform: translateY(-40px);
/*     opacity: 0; */
}
.service-cercle.pos4 {
    right: -1%;
    top: 18%;
    width: 319px;
    display: none;
}
.service-cercle.pos4 .service-bubble-box {
    top: 45%;
    left: -35%;
}
.service-cercle.pos4:hover .service-bubble-box {
    -webkit-transform: translateY(40px);
    -ms-transform: translateY(40px);
    transform: translateY(40px);
/*     opacity: 0; */
}

.service-cercle.pos6 {
 left: 15%;
    top: 62%;
    width: 273px;
}
.service-cercle.pos6 .service-bubble-box {
    top: 47%;
    left: -42%;
}
.service-cercle.pos6:hover .service-bubble-box {
    -webkit-transform: translateY(-40px);
    -ms-transform: translateY(-40px);
    transform: translateY(-40px);
/*     opacity: 0; */
}
.service-cercle.pos8 {
    left: 44%;
    top: 42%;
    width: 273px;
}
.service-cercle.pos8 .service-bubble-box {
    top: -2%;
    left: -21%;
}

.service-cercle.pos8:hover .service-bubble-box {
    -webkit-transform: translateY(-40px);
    -ms-transform: translateY(-40px);
    transform: translateY(-40px);
/*     opacity: 0; */
}
.service-cercle.pos9 {
right: 3%;
    top: 62%;
    width: 273px;
}
.service-cercle.pos9 .service-bubble-box {
    top: 20%;
    right: 86%;
}
.service-cercle.pos9:hover .service-bubble-box {
    -webkit-transform: translateY(-40px);
    -ms-transform: translateY(-40px);
    transform: translateY(-40px);
/*     opacity: 0; */
}
.circle-box a {
    position: absolute;
    bottom: 20px;
    left: 30%;
    display: none;
    color: #c21c2a;
    z-index: 2;
    font-weight: 600;
}
.service-cercle:hover .circle-box a {
    display: block;
}
.circle-box a:hover {
    color: #cc3122;
    text-decoration: none;
}
.circle-box a:hover i {
    transition: all .3s ease;
    transform: translateX(5px);
}
/*####### sec4 ##########*/
.sec4 div.wpcf7-validation-errors, .sec4 div.wpcf7-acceptance-missing {
    display: none !important;
}
.sec4 span.wpcf7-not-valid-tip {
    position: absolute;
    bottom: -64px;
	min-width: 175px;
}
.sec4{
    background-image: url(../images/newsletter.jpg);
    padding: 80px 0px;
    background-size: 100%;
    background-repeat: no-repeat;
    background-color: #020204;
}
.sec4 h1{
   
}
.sec4 .btn-sub:hover {
    background-color: #1e1e1e;
    outline: none;
}
.sec4 .btn-sub:focus{
    outline: none;
    box-shadow: none;
}
.sec4 h2:nth-child(1) {
    color: #fff;
    font-size: 28px;
    margin-bottom: 20px;
    line-height: 41px;
}
.sec4 h2:nth-child(2) {
    font-size: 26px;
    color: #fff;
    margin-bottom: 20px;
}
.sec4 form {
    width: 60%;
}
.sec4 .form-control {
    width: 50%;
    float: left;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
    outline: none;
}
.sec4 .btn-sub {
    background-color: #cc3122;
    color: #fff;
    padding: 6px 19px;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
    text-transform: uppercase;
    line-height:inherit;
}
.sec4 .form-control::placeholder{
    color: rgb(122, 122, 122);
}
.an {
    color: #fff;
    width: 40%;
    margin-top: 34px;
    position: relative;
}
.an:before {
    position: absolute;
    content: '';
    width: 100%;
    border: 1px solid #fff;
    top: 32px;
}
.an h3{
    margin-bottom: 20px;
}
.an a{
    color: #fff;
    text-decoration: none;
}
.an a:hover{
    color: #cc3122;
}
.left {
    float: left;
}
.right {
    float: right;
}
.left i {
    vertical-align: middle;
}
.right i {
    vertical-align: middle;
}
.form-control:focus {
    border-color: #ffffff;
    outline: 0;
    box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0);
}
/*######## sec5 #########*/
.blog-box {
    position: relative;
	overflow: hidden;
	 transition: .5s ease;
}
.blog-box:hover .box-news{
	    left: 0px;
    display: block;
    width: 100%;
    transition: .5s ease;
    top: 0px;
    right: 0;
}
.box-news {
    position: absolute;
    background-color: #fd0707bf;
    top: 0px;
    padding: 20px 20px;
    color: #fff;
    width: 100%;
    transition: .5s ease;
    left: -100%;
    overflow: hidden;
    right: 0;
}
.sec5{
    padding:50px 0px;
}
.sec5 h1 {
    color: #cc3122;
    margin-bottom: 35px;
}
.sec5 h2 {
    color: #cc3122;
    font-size: 30px;
}
.all_blog_body {
    margin-bottom: 2em;
    background: #fff;
    padding: 2em 2em;
    box-shadow: 0px 9px 18px 0px #00000020;
    position: relative;
}

.all_blog {
    padding: 55px 0px;
    background-color: #f5f6f8;
    border-bottom: 2px solid #eff2fb;
}

.blog-con {
    display: flex;
    margin-top: 40px;
}
.blog-left {
    float: left;
    font-family: 'Abril Fatface';
    line-height: normal;
    position: relative;
/*     padding-right: 25px; */
}
.blog-left:before {
    content: '';
    position: absolute;
    width: 1px;
    height: 100%;
    background-color: #cc3122;
    right: -1px;
}
.blog-right {
    padding-left: 28px;
}

.month-text {
    font-size: 31px;
    color: #cc3122;
    text-transform: uppercase;
}
.date-text {
    font-size: 62px;
    color: #cc3122;
    text-transform: uppercase;
}
.btn-cus-3 {
    border: 1px solid #cc3122;
    text-transform: uppercase;
    color: #cc3122;
    padding: 10px 30px;
    transition: .4s ease;
    margin-top: 100px;
}
.btn-cus-3:hover{
    border: 1px solid #03030300;
    transition: .4s ease;
    background-color: #000;
    color: #fff;
}
.btn-cus-3.btn.focus, .btn-cus-3.btn:focus {
    outline: 0;
    box-shadow: 0 0 0 0.2rem rgba(255, 38, 0, 0);
}
/*######## sec6 #########*/
.sec6 {
    background-color: #f6f6f6;
    padding: 50px 0px;
}
.sec6 h1 {
    color: #cc3122;
    margin-bottom: 20px;
}
/*######## sec7 #########*/
.sec7 {
    padding: 50px 0px;
   /* background-image: url(../images/need-help.jpg); */
     background-color:black;
}
.sec7 h3 {
    color: #fff;
    font-size: 22px;
    padding-top: 18px;
}
.sec7 .btn-cus-1 {
    padding: 15px 40px;
    font-size: 17px;
    transition: .4s ease;
/*     border-radius: 10px; */
}
.sec7 .btn-cus-1:hover {
    background-color: #000;
    color: #fff;
    transition: .4s ease;
}
/*###### footer ########*/
footer {
    background-color: #cc3122;
    padding: 40px 0px;
}
footer h2{
    color: #fff;
    margin-bottom: 20px;
}
.footer-logo p {
    font-size: 17px;
    color: #fff;
    font-weight: 300;
    width: 80%;
    padding-top: 20px;
}
footer .flaticon-phone:before,footer .flaticon-envelope-1:before,footer .flaticon-home-1:before,footer .flaticon-facebook-logo:before{
    margin-left: 0;
    color: #fff;
    font-size: 17px;
}
footer ul li a{
    color: #fff;
    font-weight: 300;
    text-decoration: none;
    transition: .4s ease;
    font-size: 17px;
}
footer ul li a:hover{
    text-decoration: none;
    color: #000;
    transition: .4s ease;
}
.social a:hover {
    background-color: #000;
    transition: .4s ease;
}
footer ul li span {
    margin-right: 10px;
}
footer ul li {
    line-height: 30px;
}
.social {
    margin-top: 35px;
    display: flex;
}
.social .flaticon-facebook-logo {
    background-color: #fff;
    transition: .4s ease;   
}
.social .flaticon-facebook-logo:hover {
 text-decoration: none;
 }
.social .flaticon-facebook-logo:before{
    color: #cc3122;
    font-size: 17px;
}
.social a {
    background-color: #fff;
    padding: 4px 8px;
    border-radius: 6px;
    position: relative;
    right: -18px;
    top: -5px;
    height: 34px;
}
.copy-r {
    background-color: #a3261a;
    padding: 10px 0px;
}
.copy-r p {
    color: #fff;
    font-size: 13px;
    font-weight: 300;
}
.copy-r a {
    color: #fff;
}

/*########  carusal ########*/
.carousel-wrap {
    margin: 20px auto;
    /* padding: 0 0%;  */
    width: 80%;
    /* margin: auto; */
    position: relative;
  }
  
  /* fix blank or flashing items on carousel */
  /* .owl-carousel .item {
    position: relative;
    z-index: 100; 
    -webkit-backface-visibility: hidden; 
  }
   */
  /* end fix */
  .owl-nav > div {
    margin-top: -26px;
    position: absolute;
    top: 50%;
    color: #cdcbcd;
  }

  .owl-nav i {
    font-size: 52px;
  }
  .owl-dots {
    display: none;
}
.owl-nav {
    position: absolute;
    width: 100%;
    top: 26px;
}
.owl-nav .owl-prev {
    position: absolute;
    left: -100px;
}
.owl-nav .owl-next {
    position: absolute;
    right: -80px;
}
.carousel-wrap .owl-carousel .item {
    position: relative;
    z-index: 100;
    -webkit-backface-visibility: hidden;
    padding: 50px 20px;
    border-radius: 10px;
    /* box-shadow: 0px 0px 5px #00000030; */
    margin: 10px;
    opacity: 0.3;
    transition: .4s ease;
    filter: grayscale(1);
}
.carousel-wrap .owl-carousel .item:hover{
    background-color: #fff;
    opacity: 1;
    transition: .4s ease;
    box-shadow: 0px 0px 5px #00000030;
    filter: grayscale(0);
}
.carousel-wrap [class^="flaticon-"]:before, .carousel-wrap [class*=" flaticon-"]:before, .carousel-wrap [class^="flaticon-"]:after, .carousel-wrap [class*=" flaticon-"]:after {
    font-family: Flaticon;
    font-size: 35px;
    font-style: normal;
    margin-left: 20px;
}
.carousel-wrap button:focus {
    outline: none;
}

/*####### lang #########*/
.translate_wrapper{
    /* position:fixed;
    z-index:1;
    top:20px;
    left:20px; */
    font-size:16px;
    /* background:#fff; */
    /* border-radius:4px; */
  }

  .current_lang{
    cursor:pointer;
    text-transform:uppercase;
    overflow:hidden;
  }

  .lang{
      padding:10px 15px;
  }

  .lang.selected{
    display:none;
  }

  .lang img,
  .lang span.lang-txt{
    display:inline-block;
    margin-left:5px;
    vertical-align:middle;
  }

  .lang span.lang-txt {
    position: relative;
    top: 1px;
    /* font-weight: 700; */
    float: left;
    color: #fff;
    margin-right: 7px;
}

  .lang img{
    width: 20px;
    margin-left: 0;
    position: relative;
  }

  .lang span span{
    color:#999;
    font-weight:400;
  }

  .lang span.fa{
    font-size: 14px;
    position: relative;
    top: -1px;
    margin-left: 3px;
    color: #fff;
  }


  /*more lang*/
  .more_lang{
    transform:translateY(-20px);
    opacity:0;
    cursor:pointer;
    display:none;
     -webkit-transition: all .3s cubic-bezier(.25, 1.15, .35, 1.15);
      -moz-transition:    all .3s cubic-bezier(.25, 1.15, .35, 1.15);
      -o-transition:      all .3s cubic-bezier(.25, 1.15, .35, 1.15);
      -ms-transition:     all .3s cubic-bezier(.25, 1.15, .35, 1.15);
      transition:         all .3s cubic-bezier(.25, 1.15, .35, 1.15);
  }

  .translate_wrapper.active .more_lang{
    display: block;
    position: absolute;
    /* background-color: #fff; */
  }

  .more_lang.active{
    opacity:1;
     transform:translateY(-0px);
  }

  .more_lang .lang:hover{
    background:#5766b2;
    color:#fff;
  }

  .more_lang .lang:hover span{
    color:#fff;
  }

  .translate_wrapper:hover,
  .translate_wrapper.active,
  .content a:hover{
    /* box-shadow:rgba(0,0,0,0.2) 0 5px 15px;
    -webkit-transition: all 0.3s cubic-bezier(0,.99,.44,.99);
      -moz-transition:    all 0.3s cubic-bezier(0,.99,.44,.99);
      -o-transition:      all 0.3s cubic-bezier(0,.99,.44,.99);
      -ms-transition:     all 0.3s cubic-bezier(0,.99,.44,.99);
      transition:         all 0.3s cubic-bezier(0,.99,.44,.99); */

  }

  .translate_wrapper.active .lang{
    /* border-bottom:1px solid #eaeaea; */
  }
h4.b_title a {
    text-transform: uppercase;
    color: #cc3122;
    line-height: 37px;
}
.read_more {
    margin-top: 10px;
}



  /*CONTENT*/
  /* .content{
    width:100%;
    max-width:400px;
    position:absolute;
    top:50%;
    left:50%;
    -ms-transform: translateX(-50%) translateY(-50%);
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    border-radius:2px;
    padding:20px;
    -webkit-box-sizing: border-box;
      -moz-box-sizing: border-box;
      box-sizing: border-box;

    text-align:center;
  }

  .content h1,
  .content h2,
  .content p{
    margin:0;
  }

  .content p{
     line-height:22px;
    text-align:left;
    margin-top:15px;
  }


  .content div.ct-img{
    width:150px;
    height:150px;
    overflow:hidden;
    border-radius:50%;
    margin:0 auto 10px;
  }

  .content div img{
    height:100%;
    position:relative;
    left:-30px;
  }

  .content a{
    padding: 8px 15px 10px;
     border-radius:4px;
    background:#5766b2;
    color:#fff;
    text-decoration:none;
    display:inline-block;
    margin-top:25px;
    position:relative;
    overflow:hidden;
  }

  .content a:active{
    transform: scale(0.9);
     -webkit-transform: scale(0.9);
    -moz-transform: scale(0.9);
  } */

  /*RTL*/
  /* body[dir="rtl"] .translate_wrapper{
    right:20px;
    left:auto;
  }

  body[dir="rtl"] .lang span.fa{
    margin-right:3px;
    margin-left:0;
  }

  body[dir="rtl"] .lang .lang-txt{
    margin-right:5px;
    margin-left:0;
  }

  body[dir="rtl"] .content div img{
    left:auto;
    right:-30px;
  }


  body[dir="rtl"] .content p{
    text-align:right;
  }

  body[dir="rtl"] .lang span span{
    float:left;
    margin-right:5px;
  } */
.b_title {
/*     margin-top: 20px; */
}
/* .chfgfgh {
    padding: 40px 20px;
    background-color: #000;
    text-align: center;
    color: #fff;
    margin-bottom: 40px; 
    margin-top: 40px;
} */
.uue {
    background-color: #e7e4e4;
    min-height: 358px;
    padding: 20px 20px;
    transition: .4s ease;
    margin-bottom: 26px;
}
.uue:hover .wp-block-image{
	background-color: #B2B2BD;
	transition: .4s ease;
}
.get-invloved {
    padding-top:55px;
}
.get-invloved h3 {
    margin-bottom: 19px;
}
 .wp-block-image {
    width: 90px;
    height: 90px;
    background-color: #ffffff;
    text-align: center;
	transition: .4s ease;
}
 .wp-block-image {
    display: inline-block;
    padding-top: 22px;
	transition: .4s ease;
}
.get-in-content{
	flex-direction: column;
}
.need-box {
    margin-bottom: 40px;
}
.sec-1 {
    position: absolute;
    width: 100%;
    z-index: 1;
    padding: 10px 0px;
}
.ng-1-left {
/*     float: left;
    margin-right: 20px; */
}
.ng-1-right {
/*  float: right;
    width: 90%; */
}
.banner-title h3 {
    color: #000;
	text-transform:uppercase;
}
/* .navbar button {
    position: absolute;
} */
.header-menus {
    background-color: #000000eb;
     float: right;
	width: 100%;
    height: 50px;
   /*     padding: 0px 20px; */
}
.header-menus ul {
/*     margin: auto;
    width: 85%;
    display: block; */
}
.header-menus ul li {
/*     display: inline-block; */
}
.header-menus ul li a {
   padding: 13px 9px !important;
    text-transform: uppercase;
    color: #fff;
}
.gallery_image {
    margin-top: 50px;
    margin-bottom: 50px;
}
/*** About-page ***/
.about-page {
    padding-top: 55px;
/*     padding-bottom: 70px; */
}
.spacer1 {
    margin-top: 20px;
    width: 100%;

}
.spacer2 {
    margin-top: 10px;
    width: 100%;

}
.about-page h3 {
    font-size: 40px;
}
.about-page p {
    font-size: 16px;
    line-height: 25px;
}
.mis-box p {
	color: #fff;
}
.mis-box a {
    color: #fff;
    background-color: #000;
    padding: 10px 30px;
	line-height: 54px;
	text-decoration: none;
	 transition: .4s ease;
}
.mis-box a:hover {
    color: #020202;
    background-color: #fff;
    transition: .4s ease;
}
.bod-cus {
    border: 1px solid #cc3122;
    padding: 20px;
}
.bod-cus {
    float: right;
    margin-left: 33px;
}
.bod-cus2{
padding: 20px;
/* margin-top: 40px; */
text-align: center;
min-height: 218px;
/* background-color: #e5e5e5; */
	transition:.4s ease;
}
/* .bod-cus2:hover {
    background-color: #cc3122;
    color: #fff;
	transition:.4s ease;
} */
.mar1{
/* 	margin-top:50px; */
}
.mis-box {
    margin: auto;
    background-color: #cc3122;
    padding: 30px;
    text-align: center;
    margin-top: 30px;
    width: 100%;
    margin-right: 0px !important;
    margin-left: 0px !important;
}
.mis-box h2 {
    color: #fff;
}
.dgg {
    margin: auto;
    background-color: #313131;
    margin-top: 40px;
    margin-bottom: 40px;
    color: #fff;
    padding: 40px 0px;
    margin-right: 0px !important;
    margin-left: 0px !important;
}
.dgg h4 {
   margin-bottom: 15px;
}
.calout-btn a {
    color: #fff;
    text-decoration: none;
    background-color: #cc3122;
    padding: 10px 30px;
    display: inline-block;
    margin-top: 20px;
	transition:.4s ease;
}
.calout-btn a:hover {
	color: #000;
    text-decoration: none;
    background-color: #ffffff;
}
.cus-form select {
    border: 1px solid #E5E5E5;
    height: 50px;
    padding: 0 18px;
}
.cus-form {
    margin: 0;
}
.cus-form .wpcf7 {
    background-color: #e7e4e4;
    padding: 30px 30px;
	padding-bottom:0;
}
.cus-form input {
    width: 100%;
    height: 39px;
}
.cus-form label {
    width: 100%;
	    margin-top: 10px;
}
.cus-form input:focus {
    outline: 2px solid #c0c0c0;
}
.cus-form [type=submit] {
    background-color: #000;
    color: #fff;
    margin-top: 20px;
    height: 40px;
	transition:.4s ease;
	border: 0;
    outline: 0;
}
.cus-form [type=submit]:hover {
    background-color: #cc3122;
    transition:.4s ease;
}
/*** Single-page ***/
.single-blog-banner {
    margin-bottom: 50px;
}
.single-blog-banner {
    margin-bottom: 50px;
}
.lower-content.details {
    margin-top: 15px;
}
.single-blog {
    margin-top: 50px;
    margin-bottom: 50px;
}
.sidebar-widget-head {
    margin-bottom: 15px;
    background-color: #cc3122;
    padding: 10px;
    color: #fff;
}
.recent-blogs-wrap h5 {
    padding: 12px 0px;
}
.recent-blogs-wrap a:hover {
    color: #cc3122;
}

.recent-blogs-wrap a {
	    color: #0a0a0a;
    text-decoration: none;
}
/**** thrift page ******/
.thrift-title {
    margin-top: 50px;
    margin-bottom: 30px;
}
.thrift-box{
	
}
.thrift-box .fg-default.fg-gutter-25 {
    padding-left: 0px;
}
.check-face .vc_column-inner:before {
content: '';
    position: absolute;
    background-color: #e5e5e5;
    width: 98%;
    height: 113%;
    z-index: -1;
    top: -19px;
    left: 0;
}
.check-face{
    /* margin-top: 40px; */
    margin-bottom: 40px;
    /* background-color: #d6d6d6; */
    /* padding: 50px 20px; */
    text-align: center;
}
.check-face a {
    background-color: #cc3122;
    color: #fff;
    padding: 10px 30px;
    display: inline-block;
    text-decoration: none;
    transition: .4s ease;
    margin-top: 20px;
}
.check-face a:hover {
	color: #fff;
	 transition: .4s ease;
	 background-color: #1b1b1b;
}
.mob-css nav {
    padding-right: 0;
}
.gallery_image .fg-default.fg-gutter-25 {
    padding-left: 0px;
}
.bod-cus2 .wpb_column.vc_column_container.vc_col-sm-12 {
    background-color: #e5e5e5;
    min-height: 291px;
    padding-top: 10px;
}

.ab-page-dgl .wpb_button, .ab-page-dgl .wpb_content_element, .ab-page-dgl .wpb_thumbnails-fluid>li {
    margin-bottom: 15px;
    margin-top: 15px;
}
.ab-page-dgl .bod-cus2 .wpb_column.vc_column_container.vc_col-sm-12 {
    background-color: #e5e5e5;
    min-height: 367px;
}
.invo-page-dgl div.wpcf7-mail-sent-ok {
    display: none !important;
}
.invo-page-dgl div.wpcf7-response-output{
	display: none !important;
}
.invo-page-dgl .bod-cus2{
	padding-top: 0 !important;
    margin-top: 0;
    padding: 15px;
}
.invo-page-dgl .bod-cus2 .vc_column-inner {
    background-color: #e7e4e4;
    min-height: 358px;
    padding: 25px 15px 0px 15px;
}
.invo-page-dgl .wpb_button, .invo-page-dgl .wpb_content_element, .invo-page-dgl ul.wpb_thumbnails-fluid>li {
    margin-bottom: 20px;
}
.chfgfgh{
		margin: auto;
	    padding: 40px 20px;
    background-color: #313131;
    text-align: center;
    color: #fff;
    margin-bottom: 40px;
    margin-top: 40px;
	    margin-right: 0px !important;
    margin-left: 0px !important;
	

}
.thank-box {
    background-color: #fff;
    box-shadow: 0 2px 14px -10px;
    padding: 45px 40px;
    margin: 55px 0;
	text-align: center;
}

.thank-box h3 {
    font-size: 20px;
    width: 60%;
    margin: 0 auto;
}
.thank-box h1 {
    font-size: 85px;
    text-align: center;
}
/***** Join page ******/
.join-page{
	padding:55px 0px;
}
/*** Privacy page***/ 
.privacy-page {
    padding: 55px 0px;
}
.privacy-page h3 {
    margin-bottom: 10px;
    text-transform: uppercase;
}
.privacy-page h5 b {
    background-color: #000;
}
.privacy-page h5 {
    margin: 17px 0px;
}
.privacy-page h4 {
    margin: 14px 0px;
}
.privacy-page .p1 {
    margin-bottom: 23px;
}
.privacy-page li {
    list-style: square;
}
.privacy-page dl, .privacy-page ol, .privacy-page ul {
    margin-top: 0;
    margin-bottom: 1rem;
    padding: 16px;
}
.aboutus_banner img {
    width: 100%;
}
.donate-page h3 {
    text-transform: uppercase;
}
.donate-sec1 .vc_column-inner {
/* padding-bottom: 15px; */
}
.donate-sec1 {
    padding: 22px 0px;
}
.donate-sec1 {
/*     min-height: 440px; */
}
/*** mission page ****/
.mission-slider {
    float: right;
    margin-left: 30px;
    border: 1px solid #cc3122;
    padding: 20px;
    width: 70%;
}
.sp-buttons{
	display:none;
}
.mission-img1 {
    float: right;
    width: 50%;
    margin-left: 30px;
    border: 1px solid #cc3122;
    padding: 20px;	
}
.mission-page-box .vc_btn3.vc_btn3-color-juicy-pink.vc_btn3-style-modern{
	min-width:30%;
	width: 150px;
}
.mission-page-icon1 {
	background-size: 100%;
    background-image: url(https://amazing7studio.com/friendlymission/wp-content/uploads/2020/04/home-two-slider-one.jpg);
    color: #fff;
    margin: auto;
    padding: 22px;
    width: 100%;
    margin-right: 0px !important;
    margin-left: 0px !important;
}
.mission-page-our-img3 {
    float: left;
    margin-right: 30px;
    border: 1px solid #cc3122;
    padding: 20px;
}
.success-page {
    background-color: #f5f6f8;
}
.success-page h3,.news-page h3 {
    margin: 0;
    padding-top: 55px;
}
.news-page{
	background-color: #f5f6f8;
}
.map-box .wpb_single_image figure {
    position: absolute;
    top: -89px;
    left: 0;
    right: 0;
}
.sec4 div.wpcf7-mail-sent-ok {
    border: 2px solid #398f14;
    width: fit-content;
	color:#fff;
}
.foogallery{
	z-index: 0;
}
@media (max-width: 5000px) and (min-width: 1921px){
	.navbar-light .navbar-nav .nav-link {
    padding: 0.8rem 1rem;
} 
}
@media (max-width: 1920px) and (min-width: 1300px){

}
  @media (max-width: 1920px){
    .navbar-expand-lg .navbar-nav .nav-link {
        padding: 13px 9px;
        text-transform: uppercase;
    }
    .lan-cus {
        padding-left: 60%;
    }
    .banner-cont {
		
    }
    .nav-cus {
        width: 54%;
        margin-top: 10px;
    }
}
@media (min-width: 1920px){
    .container, .container-lg, .container-md, .container-sm, .container-xl {
        max-width: 1320px;
    }
    }
@media (max-width: 1749px) and (min-width: 1600px){
    .banner-cont {
/*         min-height: 633px; */
    } 
}
@media (max-width: 1599px) and (min-width: 1499px){
    .banner-cont {
/*         min-height: 589px; */
    } 
}
@media (max-width: 1498px) and (min-width: 1440px){
    .banner-cont {
/*         min-height: 563px; */
    }
}
@media (max-width: 1440px){
/*     .nav-cus {
        width: 72%;
        margin-top: 31px;
    } */
    .banner-cont {
/*         padding-top: 13%;
        padding-bottom: 12%; */
    }
    .an h3 {
        margin-bottom: 9px;
        font-size: 21px;
    }
    .sec4 {
        padding: 36px 0px;
    }
    .sec4 h2:nth-child(1) {
        color: #fff;
        font-size: 25px;
        margin-bottom: 7px;
        line-height: 35px;
    }

.sec4 h2:nth-child(2) {
    font-size: 22px;
    margin-bottom: 0px;
}
} 
@media (max-width: 1439px) and (min-width: 1366px){
/*     .banner-cont {
        min-height: 524px;
    } */
}
@media (max-width: 1366px){

/*     .nav-cus {
        width: 76%;
        margin-top: 15px;
    } */
   
/*     .banner-cont {
        padding-top: 13%;
        padding-bottom: 10%;
    } */
	.header-menus {
    padding: 0px 0px;
}
.navbar-expand-lg .navbar-nav .nav-link {
        padding: 15px 6px;
    font-size: 14px;
}
	
} 
@media (max-width: 1360px){
    .lan-cus {
        padding-left: 55%;
    }
    .nav-cus {
        margin-top: 16px;
    }
    .banner-cont {

    }
}
@media (max-width:1365px) and (min-width: 1199px){


}
@media (min-width: 1366px){
.container, .container-lg, .container-md, .container-sm, .container-xl {
    max-width: 1320px;
}
}
@media (max-width: 1365px) and (min-width: 1200px){

    .lan-cus {
        padding-left: 53%;
    }
	.invo-page-dgl .bod-cus2 .vc_column-inner {
    min-height: 360px;
    padding: 25px 15px 10px 15px;
}
	.invo-page-dgl .bod-cus2 .vc_column-inner .wpb_wrapper .wpb_text_column  p {
    font-size: 16px;
}
}
@media (max-width:1280px){
/* 	.header-menus {
    width: 67%;
} */
    .nav-cus {
        width: 81%;
        margin-top: 27px;
}
/* .banner-cont {
    padding-top: 15%;
    padding-bottom: 8%;
} */
	
.lan-cus {
    padding-left: 54%;
}
.sec7 .btn-cus-1 {
    font-size: 14px;
}
.an {
    width: fit-content;
    max-width: 100%;
}	
	.an .left{
		margin-right:20px;
	}	
}
@media (max-width: 1024px){
    .navbar-brand {
        display: block;
    }
	.mission-page-our-img3 {
    float: none;
    width: fit-content;
}
	footer ul li a {
    font-size: 14px;
}
}
@media (max-width: 1199px) and (min-width: 1100px){
/* 	.banner-cont {
        min-height: 419px;
    }
	.banner-cont {
        width: 85%;
    } */

	.btn-cus-1 {
    padding: 12px 15px;
    font-size: 13px;
}

.navbar-expand-lg .navbar-nav .nav-link {
        padding: 13px 4px;
    font-size: 11px;
}
.invo-page-dgl .bod-cus2 .vc_column-inner {
    min-height: 360px;
    padding: 25px 15px 10px 15px;
}
	.invo-page-dgl .bod-cus2 .vc_column-inner .wpb_wrapper .wpb_text_column  p {
    font-size: 14px;
}
}
@media (max-width: 1199px) and (min-width: 300px){
		.ab-page-dgl .bod-cus2 .wpb_column.vc_column_container.vc_col-sm-12 p {
font-size:14px;
}
	.bod-cus2 .wpb_column.vc_column_container.vc_col-sm-12 p {
font-size:15px;
}
		.ng-1-right {
    width: 100%;
}
	.get-invloved .col-md-6 {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
}
	.need-box{
		text-align: center;
	}
	.uue {
    min-height: 261px;
	}
	.all_blog .blog_list .col-md-7 {
		-ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
}
	.all_blog .blog_list .col-md-5 {
		-ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
}
	.all_blog .blog_list .b_title {
    margin-top: 20px;
}
} 
@media (max-width: 1099px) and (min-width: 999px){
	footer ul li a {
    font-size: 14px;
}
	.mission-page-our-img3 {
    float: none;
    width: fit-content;
}
	.invo-page-dgl .bod-cus2 .vc_column-inner {
    min-height: 360px;
    padding: 25px 15px 10px 15px;
}
	.invo-page-dgl .bod-cus2 .vc_column-inner .wpb_wrapper .wpb_text_column  p {
    font-size: 14px;
}
	.navbar-expand-lg .navbar-nav .nav-link {
    padding: 13px 5px;
    font-size: 12px;
}
	.btn-cus-1 {
    padding: 12px 15px;
    font-size: 13px;
}

/* 	.banner-cont {
        min-height: 372px;
    } */
/* 	.banner-cont {
        width: 85%;
    } */
	.service-cercle.pos1 {
    left: 2%;
}
	.service-cercle.pos6 {
    left: 14%;
	}
	.service-cercle.pos9 {
    right: 5%;
    top: 71%;
}
	.service-cercle.pos8 {
    left: 46%;
    top: 37%;
}
	.sec7 .btn-cus-1 {
    padding: 15px 25px;
	}
}

@media (max-width: 998px) and (min-width: 899px){
		.invo-page-dgl .bod-cus2 .vc_column-inner {
    min-height: 360px;
    padding: 25px 15px 10px 15px;
}
	.invo-page-dgl .bod-cus2 .vc_column-inner .wpb_wrapper .wpb_text_column  p {
    font-size: 14px;
}
	.ab-page-dgl .bod-cus2 .wpb_column.vc_column_container.vc_col-sm-12 p {
    font-size: 12px;
}
		.navbar-expand-lg .navbar-nav .nav-link {
    padding: 13px 4px;
    font-size: 12px;
}
	.btn-cus-1 {
    padding: 12px 15px;
    font-size: 13px;
}
	.header-menus {
    padding: 0px 8px;
}

/* 	.banner-cont {
        min-height: 327px;
    } */
	.banner-cont {
        width: 100%;
    }
	body h1 {
    font-size: 33px;
}
	.service-cercle.pos1 {
    top: 5%;
    left: -3%;
}
	.service-cercle.pos3 {
    top: 5%;
}
	.service-cercle.pos6 {
    left: -3%;
    top: 70%;

}
	.service-cercle.pos9 {
    right: 1%;
    top: 70%;
}
	.service-cercle.pos8 {
    left: 33%;
    top: 37%;
}
	.service-cercle.pos1 .service-bubble-box {
    left: -17%;
    top: -12%;
}
	.service-cercle.pos3 .service-bubble-box {
    top: -9%;
    left: -30%;
}
	.service-cercle.pos8 .service-bubble-box {
    top: 24%;
    left: -34%;
}
	.service-cercle.pos9 .service-bubble-box {
    top: 14%;
    right: 90%;
}
	.service-cercle.pos6 .service-bubble-box {
    top: 47%;
    left: 83%;
}
}
@media (max-width: 991px){
	.mission-page-img2{
		margin-left:0;
	}
	.box-news {
		padding: 7px 10px;
	}
	.gege p {
    display: none;
}
	.invo-page-dgl .bod-cus2 .vc_column-inner {
    min-height: 281px;
    padding: 25px 15px 10px 15px;
}
	.invo-page-dgl .bod-cus2 {
    padding: 15px;
}
	.invo-page-dgl .vc_col-sm-6{
		    width: 100%;
	}
		.bod-cus2 .wpb_column.vc_column_container.vc_col-sm-12 h4 {
    font-size: 15px;
}
	.header-menus{
		float:none;
	}
	
	ul#menu-mobile-menu li {
    background-color: black;
}
	.mob-css{
		
	}
	.bg-transparent {
		background-color: white!important;
    position: absolute;
    
		right: 0;
    left: 0;
		padding: 0 10px;
		padding-right: 10px !important;
}
	 .navbar-collapse {
    position: absolute;
    top: 62px;
    width: 100%;
    left: 0;
	z-index:39;	 
}
	.navbar-light .navbar-nav .nav-link {
    text-align: center;
}
	.btn-cus-1 {
    margin-left: 5px;
		padding: 7px 15px;
}
}
@media (max-width: 991px) and (min-width: 767px){
	.bod-cus2 .wpb_column.vc_column_container.vc_col-sm-12 p {
    font-size: 13px;
}
}
@media (max-width: 953px) and (min-width: 300px){
	section.sec2 .col-md-6 {
    -ms-flex: 0 0 50%;
    flex: 0 0 100%;
    max-width: 100%;
}
	.sec7 .col-md-2,.sec7 .col-md-6 {
    flex: 0 0 100.666667%;
    max-width: 100.666667%;
		text-align:center;
}
	.sec7 h3{
		text-align:center;
	}
	.sec4{
		background-image:none;
	}
}
@media (max-width: 898px) and (min-width: 799px){
	.ab-page-dgl .bod-cus2 .wpb_column.vc_column_container.vc_col-sm-12 p {
    font-size: 12px;
}
/* 	.banner-cont {
        min-height: 283px;
    }
	.banner-cont {
        width: 100%;
    } */
	body h1 {
    font-size: 33px;
}
		footer .col-md-4:nth-child(1) {
    -ms-flex: 0 0 33.333333%;
    flex: 0 0 70.333333%;
    max-width: 70.333333%;
		margin-bottom: 30px;
}
	footer .col-md-4:nth-child(2) {
    -ms-flex: 0 0 33.333333%;
    flex: 0 0 40.333333%;
    max-width: 60.333333%;
}
	footer .col-md-4:nth-child(3) {
    -ms-flex: 0 0 33.333333%;
    flex: 0 0 50.333333%;
    max-width: 50.333333%;
}
	.service-cercle.pos1 {
    top: 8%;
    left: 1%;
}
	.service-cercle.pos1 .service-bubble-box {
    right: 26%;
    bottom: -14%;
}
	.service-cercle.pos6 {
    left: -2%;
    top: 71%;
}
	.service-cercle.pos6 .service-bubble-box {
    top: -13%;
    left: -2%;
}
	.service-cercle.pos9 {
    right: 10%;
    top: 70%;
	}
	.service-cercle.pos9 .service-bubble-box {
    top: 4%;
    right: 67%;
}
	.service-cercle.pos8 {
    left: 35%;
	}
	.service-cercle.pos8 .service-bubble-box {
    top: -26%;
    left: 20%;
}
	.service-cercle.pos3 {
    left: 63%;
	}
	.service-cercle.pos3 .service-bubble-box {
    top: 75%;
    right: 16%;
}
}
@media (max-width: 857px) and (min-width: 800px){

	.banner-cont h1 {
/*         bottom: -25px;
    position: relative; */
}
	.banner-cont a {
    position: relative;
    bottom: -20px;
    margin-bottom: 0px;
    right: 0;
}
	.service-cercle.pos1 .service-bubble-box {
    right: 55%;
    bottom: -14%;
}
	.service-cercle.pos1 {
    top: 4%;
    left: -3%;
}
	.service-cercle.pos6 {
    left: -4%;
    top: 64%;
}
	.service-cercle.pos6 .service-bubble-box {
    top: 68%;
    left: -2%;
}
	.service-cercle.pos3 {
    left: 53%;
	}
	.service-cercle.pos9 {
    right: 5%;
    top: 72%;
	}
	.service-cercle.pos9 .service-bubble-box {
    top: 34%;
    right: 76%;
}
	.service-cercle.pos8 {
    left: 31%;
    top: 38%;
}
}
@media (max-width: 799px) and (min-width: 699px){
	.ab-page-dgl .bod-cus2 .wpb_column.vc_column_container.vc_col-sm-12 p {
    font-size: 12px;
}
	.get-invloved {
    padding: 30px 0px;
}
	.get-in-content .col-md-12 {
    margin-top: 40px;
}

/* 		.banner-cont {
    min-height: 239px;
}
	.banner-cont {
        width: 100%;
    } */
	body h1 {
    font-size: 33px;
}
	footer .col-md-4:nth-child(1) {
    -ms-flex: 0 0 33.333333%;
    flex: 0 0 70.333333%;
    max-width: 70.333333%;
		margin-bottom: 30px;
}
	footer .col-md-4:nth-child(2) {
    -ms-flex: 0 0 33.333333%;
    flex: 0 0 40.333333%;
    max-width: 60.333333%;
}
	footer .col-md-4:nth-child(3) {
    -ms-flex: 0 0 33.333333%;
    flex: 0 0 50.333333%;
    max-width: 50.333333%;
}
.banner-cont h1 {
/*     bottom: -40px;
    text-align: center;
    position: relative; */
}	
	.banner-cont a {
    position: relative;
    bottom: -46px;
		
}
/* 	.circle-box img {
    width: 70%;
}
	.circle-box:after {
    top: -15px;
    width: 81%;
    height: 114%;
    left: -15px;
} */
.service-cercle.pos1 {
    top: 7%;
    left: 1%;
}
	.service-bubble-box h4 p {
    font-size: 20px;
	}
	.service-bubble-box {
    width: 115px;
    height: 115px;
	}
	.service-cercle.pos1 .service-bubble-box {
    right: 43%;
    top: -25%;
}
		.service-cercle.pos3 .service-bubble-box {
    top: -22%;
    right: 5%;
}
.service-cercle.pos6 {
left: 0%;
    top: 69%;
}
.service-cercle.pos6 .service-bubble-box {
    left: -3%;
    top: 64%;
}
	.service-cercle.pos8 .service-bubble-box {
    top: 13%;
    left: -30%;
}
.service-cercle.pos9 .service-bubble-box {
    top: -32%;
    right: 7%;
}
	.service-cercle.pos3 {
    left: 56%;
    top: 10%;
}
.service-cercle.pos8 {
    left: 31%;
    top: 40%;
}
.service-cercle.pos9 {
    right: 4%;
    top: 73%;
}
/* .banner-cont {
    padding-top: 10%;
    padding-bottom: 8%;
} */
	.cont-box-1 {
    padding-top: 0px;
}
}
@media (max-width: 698px) and (min-width: 600px){
		.get-invloved {
    padding: 30px 0px;
}
/* 		.banner-cont {
    min-height: 194px;
			padding-top: 0%;
			padding-bottom: 0%;
}
	.banner-cont {
        width: 100%;
    } */
	body h1 {
    font-size: 33px;
}
	.banner-cont h1 {
/* 	margin-bottom: 10px;
    bottom: -40px;
    text-align: center;
    position: relative; */
}	
	.banner-cont a {
    position: relative;
    bottom: -46px;
		
}
}
@media (max-width: 768px){
	.mob-css nav {
    padding-right: 10px;
}
	
}
@media (max-width: 767px){
	.sec4 form {
    width: 98%;
}
	.sec4 .form-group {
    margin-bottom: 2rem;
}
	
	.vc_custom_1585306228958 {
    margin-bottom: 0px !important;
}
	.donate-sec1 .wpb_button, .donate-sec1 .wpb_content_element, .donate-sec1 ul.wpb_thumbnails-fluid>li {
    margin-bottom: 0px;
}
	.mission-page-our-img3 {
    float: left;
    margin-right: 0px;
	}
	.mission-page-icon1 {
    background-position: bottom;
    background-size: cover;
	}
	.mission-img1 {
    float: right;
	width: 100%;
	}
	.ab-page-dgl .bod-cus2 .wpb_column.vc_column_container.vc_col-sm-12 {
    background-color: #e5e5e5;
    min-height: 293px;
}
	.ab-page-dgl .bod-cus2 .wpb_column.vc_column_container.vc_col-sm-12 p {
    font-size: 14px;
}
/* 		.get-invloved .row {
    margin-top: 39px;
} */
	.foogallery .fg-loaded .fg-image {
    width: 100%;
}
	.fg-default .fg-item, .fg-default .fg-item-inner, .fg-default .fg-thumb{
		display:block;
	}
	.fg-default.fg-gutter-25 .fg-item {
		margin-right: 0px;
	}
	.bod-cus2 .wpb_column.vc_column_container.vc_col-sm-12 {
    background-color: #e5e5e5;
    min-height: 221px;
}
	.bod-cus2 {
    padding: 15px;
	}
	.thank-box h3 {
    font-size: 20px;
    width: 100%;
    margin: 0 auto;
    text-align: center;
}
	.thank-box h1 {
    font-size: 60px;
    text-align: center;
}
}
@media (max-width: 765px){

	.lang_hom{
		display:none;
	}
	.service-inner-box {
    position: relative;
    padding: 100px 0px 0px;
    height: auto;
}
	.service-cercle {
    position: relative;
}
	.service-cercle.pos3 {
    left: 17%;
    bottom: -105px;
}
	.service-cercle.pos6 {
    left: 17%;
    bottom: -195px;
}
	.service-cercle.pos8 {
    left: 17%;
    top: 284px;
}
	.sec3.service-sec {
    padding-bottom: 420px;
}
	.service-cercle.pos9 {
        right: -17%;
    bottom: -369px;
}
	.service-cercle.pos9 .service-bubble-box {
    top: -18%;
    right: 58%;
}
	.service-cercle.pos1 {
    top: 7%;
    left: 18%;
}
	.blog-box {
    margin-bottom: 40px;
}
	.btn-cus-3 {
    margin-top: 0px;
}
	.service-cercle.pos6 .service-bubble-box {
    top: 47%;
    left: -20%;
}
	.cont-box-1 {
    padding-top: 0px;
}
	.all_blog_content {
    text-align: center;
}
}
@media (max-width: 698px){

	.get-in-content .col-md-12 {
    margin-top: 40px;
}
		.get-invloved {
    padding: 30px 0px;
}
	footer {
		text-align: center;
	}
	.social {
    display: block;
}
	.social a {
		right: 0px;
	}
	footer h2 {
    margin-bottom: 20px;
    margin-top: 20px;
}
	.footer-logo p {
		width: auto;
	}
}
@media (max-width: 600px){
		.sec-logo .col-md-6 {
    width: 50%;
}
		.sec6 .carousel-wrap a img{
		width:100%;
	}
	.about-page h2 {
    text-align: center !important;
}
	.cont-box-1 {
    padding-top: 0px;
}
	.owl-nav .owl-next {
    right: -53px;
}
	.owl-nav .owl-prev {
    left: -81px;
}
	footer h2 {
    margin-bottom: 20px;
    margin-top: 20px;
}
	.social h2{
		margin-top:0px;
	}
	.about-page .wpb_single_image .vc_single_image-wrapper {
    display: block;
	}
	.about-page .wpb_single_image .vc_figure{
		display: block;
	}
	.about-page .wpb_single_image img {
    width: 100%;
}
}
@media (max-width: 599px) and (min-width:516px) {
/* .banner-cont {
    min-height: 159px;
	padding-top: 0%;
	padding-bottom: 0%;
}
.banner-cont {
        width: 100%;
} */
body h1 {
    font-size: 33px;
}
.banner-cont h1 {
/* 	margin-bottom: 10px;
    bottom: -40px;
    text-align: center;
    position: relative; */
}	
	
.banner-cont a {
    position: relative;
    bottom: -46px;
		
}	
.an {
    color: #fff;
    width: fit-content;
}
	.banner-title h1 {
    position: relative;
    bottom: 17px;
    color: #222222;
    width: 100%;
    background-color: #cbcbcb;
    padding: 10px;
    text-transform: uppercase;
}
	.bod-cus {
    float: none;
    margin-left: 33px;
    margin: 0;
    text-align: center;
    padding: 0;
    border: 0;
}
	.about-page h2 {
    text-align: center;
}
	.map-box .wpb_single_image figure {
    top: -69px;
	}
}
@media (max-width:575px) and (min-width: 539px){
	.sec-1 {
    position: relative;
	}
		.bg-transparent {
    background-color: white!important;
    position: relative;
    right: 0;
    padding: 0 0px;
    top: 2px;
    width: 100%;
}
	.banner-title h1 {
    z-index: 1;
    position: relative;
    bottom: -18px;
    color: #222222;
    width: 100%;
    background-color: #cbcbcb;
    padding: 5px 8px;
    text-transform: uppercase;
}
	.sec-1 .logo {
    text-align: center;
}
	.map-box .wpb_single_image figure {
    top: -69px;
	}
}
@media (max-width:538px) and (min-width: 300px){
	.sec-logo .col-md-6 {
    width: 50%;
}
	.sec6 img {
    width: 100%;
}
	
	.map-box .wpb_single_image figure {
    top: -69px;
	}
	.about-page p{
		text-align:center;
	}
	.bod-cus {
    border: 0;
    padding: 0;
    text-align: center;
		float:none;
		    margin-left: 0px;
}
	.sec-1 {
    position: relative;
	}
	.bg-transparent{
		top:0;
		    position: relative;
	}
	.button-lan{
		top:0 !important;
	}
	.banner-title h1 {
    position: relative;
    bottom: -18px;
    background-color: #e7e4e4;
    padding: 3px 0px;
		    color: #202429;
	}
	.about-page {
    padding-top: 38px;
	}
	.about-page h2 {
    text-align: center;
}
	.mar1 {
    margin-bottom: 20px;
    margin-left: 0;
}
		.sec-1 .logo {
    text-align: center;
}
	footer{
		text-align:center;
	}
	.social{
		display:block;
	}
	.footer-logo p {
    font-size: 17px;
    color: #fff;
    font-weight: 300;
    width: 100%;
	}
}
@media (max-width:515px) and (min-width:416px){


body h1 {
    font-size: 33px;
}
.banner-cont h1 {
/* 	margin-bottom: 10px;
    bottom: -40px;
    text-align: center;
    position: relative; */
	font-size: 22px;
}	
.banner-cont a {
    position: relative;
    bottom: -94px;
    z-index: 1;
    border: 1px solid #ff7575;
}
	.an {
    color: #fff;
    width: fit-content;
}

}
@media (max-width:495px){
	
.an .right {
    float: none;
    display: inline-block;
}
	.ng-1-right {
    width: 100%;
    text-align: center;
}
	.ng-1-left {
		float: none;
    text-align: center;
}
	.get-invloved h3 {
    text-align: center;
}
	.txt-1 {
    text-align: center;
}
}
@media (max-width:464px){
	.an {
    color: #fff;
    width:fit-content;
}

	.sec4 form {
    width: 100%;
}
}
@media (max-width:448px){
.sec4 span.wpcf7-not-valid-tip {
    position: absolute;
    bottom: -105px;
    min-width: 175px;
}
	.an {
    color: #fff;
    width: fit-content;
}
	.sec4 .form-control {
    width: 100%;
		text-align: center;
		border-radius: 4px;
	}
	.sec4 .btn-sub{
		width:100%;
		border-radius: 5px;
	}
	.sec4 form {
    width: 100%;
}
}
@media (max-width:418px){
.an h3 {
    margin-bottom: 21px;
	}
}
@media (max-width:415px) and (min-width:320px){
	.sec-logo .btn-cus-1 {
    font-size: 12px;
}
.sec4 form {
    width: 100%;
}
.sec4 .form-control {
    width: 100%;
}


body h1 {
    font-size: 33px;
}
.banner-cont h1 {
/* 	margin-bottom: 10px;
    bottom: -40px;
    text-align: center;
    position: relative; */
	display:none;
}	
.banner-cont a {
    position: relative;
    bottom: -64px;
    margin-bottom: 0;
    z-index: 1;
		
}
	.an {
    color: #fff;
    width:fit-content;
}
	.sec1 .btn-cus-1 {
    background-color: #cc3122;
    color: #fff;
    text-transform: uppercase;
    padding: 7px 10px;
    border: 1px solid #f25959;
}
}
@media (max-width: 414px){
	.banner-cont a {
    position: relative;
    bottom: -47px;
	}
	.service-cercle.pos1 {
    left: 11%;
}
}
@media (max-width: 411px){
	.banner-cont a {
    position: relative;
    bottom: -47px;
	}
	.service-cercle.pos1 .service-bubble-box {
    right: -8%;
	}
	.service-cercle.pos1 {
    top: 7%;
    left: 10%;
}
}
@media (max-width:397px) and (min-width: 320px){
	.container .position-cus-1 {
    padding-top: 15px;
}
	.banner-cont a {
    position: relative;
    bottom: -95px;
    margin-bottom: 10px;
    right: 0;
    z-index: 1;
    left: 0;
    width: 53%;
}

/* 	.btn-cus-1{
		padding:0;
} */
	.banner-cont h1{
		display:none;
	}
	.sec3 h1 {
    font-size: 32px;
    margin-top: 30px;
}
	.lang_hom {
    display: none;
}
	.sec1 img {
    position: absolute;
    width: 150px;
}
	.sec-1 .button-lan {
    float: none;
    position: relative;
    top: 36px;
    text-align: center;
}
	.banner-cont {
    padding-top: 0%;
    padding-bottom: 0%;
}
	.service-cercle.pos1 {
    left: 3%;
}
	.service-cercle.pos1 .service-bubble-box {
    right: 25%;
    bottom: -14%;
}
	.service-cercle.pos3 {
    left: 2%;
	}
	.service-cercle.pos3 .service-bubble-box {
    top: -18%;
    right: 27%;
}
	.service-cercle.pos6 {
    left: 3%;
	}
	.service-cercle.pos6 .service-bubble-box {
    top: 72%;
    left: 23%;
}
	.service-cercle.pos8 {
    left: 3%;
	}
	.service-cercle.pos8 .service-bubble-box {
    top: 70%;
    left: 22%;
}
	.service-cercle.pos9 {
    right: -2%;
	}
	.service-cercle.pos9 .service-bubble-box {
    top: 64%;
    right: 29%;
}
	.owl-nav .owl-next {
    right: -40px;
}
	.owl-nav .owl-prev {
    left: -59px;
}
	footer ul li a{
		font-size:14px;
	}
	.copy-r p {
    font-size: 10px;
	}
	
	
/* 	#glt-translate-trigger {
    position: fixed;
    bottom: auto;
    top: 0px;
		
} */
}

.service-cercle{
  margin:auto;
}

.sponsor-image img {
    width: 100%;
    height: 250px;
    margin-bottom:30px;
}

li#menu-item-199 ul {
    display: none;
}

li#menu-item-199:hover ul {
    display: block;
}

.market ul {
    width: 100%;
    height: auto;
    background-color: black;
}