body {
  font-size: 20px;
}

.table {
  font-size: 16px;
}

body.lang_ar {
  text-align: right !important;
}

p{
  font-family: Open Sans;
  color: #484848;
}
h1,h2,h3,h4,h5,h6{
  font-family:Raleway;
  font-weight: 600;
  color: #213669;
}

p::selection, h1::selection,h2::selection, h3::selection, h4::selection, h5::selection, h6::selection ,span::selection{
  color: #fff;
  background: #003399; /*#00a560*/
}

h2 {
  font-weight: bolder;
  padding-bottom: 15px;
}

h1 {
  /*color: #fff;*/
  font-weight: 600;
  font-family: Raleway;
}

.btn.btn-infos {
  background-color: #003399;
  color: #fff;
  font-weight: 600;
  border-radius: 6px;
  padding: 7px 20px;
  margin-top: 12px;
  cursor: pointer;
}

.btn.btn-infos:hover{
  /*background-color:rgba(0, 166, 80, 0.75);*/
}
/*-------------- header section ----------------*/

#header.sticky {
  /* padding: 20px 0;*/
}

#header {
  width: calc(100vw);
}

.html-page, .user-page {
  overflow: hidden;
}

.navbar-light .navbar-nav .nav-link:hover,
#footer .navbar-nav .nav-link:hover {
  color: #007bff;
}

.navbar-light .navbar-nav .nav-item.menu-active a{
  color: #007bff;
}

.owl-theme .owl-dots .owl-dot span {
  width: 10px;
  height: 10px;
  margin: 5px 7px;
  /*background: transparent;*/
  display: block;
  -webkit-backface-visibility: visible;
  transition: opacity .2s ease;
  border-radius: 30px;
  /*  border: 1px solid #fff;*/
}

.owl-theme .owl-dots .owl-dot.active span {
  width: 10px;
  height: 10px;
  background-color: #FFCC00;
  border: 1px solid #FFCC00; /*#00a560*/
}

.sticky{
  /*background-color: rgba(0,0,0,0.9);*/
  background-color: rgba(255,255,255,0.8);
}

.about-description {
  padding-right: 50px;
}

#header{
  /*padding: 20px 0;*/
  /*height: 92px;*/
  position: fixed;
  left: 0;
  /*top: 0;*/
  right: 0;
  transition: all 0.5s ease;
  z-index: 200;
}

.carousel-caption {
  position: absolute;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 10;
  padding:204px;
  color: #fff;
  text-align: center;
  width: 90%;
  margin: auto;
}

#banner-slider {
  padding: 40px 0 30px 0;
}

#banner-slider .carousel-item {
  /*background-image: url(../images/banner.jpg);*/
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  width: 100%;
  height: 750px;
}

#banner-slider .item-content-container {
  min-height: 342px;
}

#banner-slider .item-date-container {
  text-align: right;
}

.lang_ar #banner-slider .item-date-container {
  text-align: left;
}

#banner-slider .item-date {
  display: inline-block;
  border-bottom: 1px solid #FFCC00;
  font-size: 16px;
}

#banner-slider p{
  color:#fff;
  font-size: 18px;
}

.carousel-indicators li {
  border-radius: 100%;
  width: 10px;
  height: 10px;
  border: 1px solid white;
  background-color: transparent;
  margin: 0 8px;
  cursor: pointer;
}

.carousel-control-next-icon, .carousel-control-prev-icon {
  display: inline-block;
  width: 19px;
  height: 32px;
}

.carousel-control-prev-icon{
  background-image: url(../images/left-arrow.png) !important;
}

.carousel-control-next-icon {
  background-image: url(../images/right-arrow.png) !important;
}

h1 {
  font-size: 43px;
  font-weight: 600;
}

h1 span.word2, h1 span.word3, h1 span.word4, h1 span.word5, h1 span.word6, h1 span.word7, h1 span.word8, h1 span.word9, h1 span.word10 {
  color: #FFCC00;
  font-weight: 600;
  font-family: Raleway;
  /*text-transform: capitalize*/;
}

.btn-read-more {
  border: 1px solid #003399 !important;
  background-color: #003399 !important;
  color: #FFF !important;
  border-radius: 6px;
  cursor: pointer;
  padding: 6px 12px;
  display: inline-block;
}

@media (max-width:991px) {
  #services .btn-read-more {
    margin-bottom: 40px;
  }
}

.btn-read-more:hover {
  background-color: #FFF !important;
  color: #003399 !important;
}

.btn-read-more a {
  color: inherit !important;
}

.btn-read-more a:hover {
  color: inherit !important;
  text-decoration: none;
}

.block-body .btn-read-more {
  color: #FFF;
  /*padding: 10px !important;*/
  margin: 5px !important;
  line-height: 21px;
}

.text-right {
  text-align: right;
}
/*---------------end header section------------------------*/

/* SERVICES SECTION*/
#services {
  padding: 30px 0px;
}

#services p {
  padding-bottom: 25px;
}

#services h4 {
  font-weight: 800;
  font-size: 18px;
}

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


#services img{
  float: left;
}

.what-we-do-section img{
  padding-left: 26px;
}

.what-we-do-section h4 a {
  color: inherit;
}
.what-we-do-section h4 a:hover {
  text-decoration: none;
  color: #007bff;
}

.what-we-do-section a img {
  transform: scale(1);
  -webkit-transition: transform 0.3s ease-in-out;
}

.what-we-do-section a:hover img {
  transform: scale(0.9);
  opacity: 1.3;
}

#services .services-list{
  padding-left: 80px;
}

#services .enquiry {
  min-height: 470px;
}

.enquiry-form {
  background-color: #00a650;
  padding: 35px 40px;
}

.enquiry-form .btn {
  font-family: 'Raleway';
  font-size: 18px;
  font-weight: bold;
}

#contact .btn-primary {
  background-color: #003399 !important;
  border-color: #FFCC00 !important;
  color: #FFF !important;
}

#contact .btn-primary:hover {
  background-color: #FFF !important;
  color: #003399 !important;
}

.btn-primary {
  color: #fff;
  background-color: #005329;
  border-color: #005329;
  cursor: pointer;
}

.btn-primary:hover {
  background-color: rgba(24, 84, 44, 0.89);
  border: 1px solid rgba(54, 136, 81, 0.89);
}

#services .btn-primary{
  width: 100%;
}

.form-control {
  background-color: #42b769;
  border: 1px solid #42b769;
  border-radius: 3px;
  box-shadow: 0px 0px 20px rgba(0,0,0,0.1);
}

#services input, #services textarea {
  color: #fff !important;
}

::placeholder {
  color: #044d26 !important;
}

#services input:focus {
  background-color: #42b769;
  border: 1px solid #42b769;
  border-radius: 3px;
  outline: 0;
  box-shadow: 0 0 5px rgb(7, 126, 64);
  border: 1px solid rgb(7, 126, 64);
}

#services textarea:focus {
  background-color: #42b769;
  border: 1px solid #42b769;
  border-radius: 3px;
  outline: 0;
  box-shadow: 0 0 5px rgb(7, 126, 64);
  border: 1px solid rgb(7, 126, 64);
}

/* END SERVICES SECTION*/


/*Counter section*/
#counters{
  background-color: #ffffff;
  /*background-image: url(../images/bg1.jpg);
  background-position: center;
  background-repeat: no-repeat;
  background-attachment: fixed;
  background-size: cover;*/
  width: 100%;
  padding: 100px 0px;
}

#counters .numscroller {
  font-family: Open Sans;
  font-size: 60px;
  font-weight: 800;
  color: #003399; /*#00a651*/
}
#counters p{
  color: #484848; /*#1e326e*/
  font-size: 27px;
  font-family:Raleway;
  font-weight: 300;
}

#counters p>span {
  font-size: 58px;
  font-family: Open Sans;
  font-weight: 800;
}

/*End counter section*/


/*About section*/
#about {
  padding: 100px 0px;
}

#about h2{
  font-size: 38px;
}

#about .btn.btn-infos {
  font-family: 'Open Sans';
  border-radius: 3px;
  padding: 8px 22px;
  float: right;
  margin-right: 35px;
}

.navbar-light .navbar-nav .nav-link,
.region-footer .navbar-nav .nav-link{
  white-space: nowrap;
  color: #213669; /*#0074bd*/
  padding: 0px 22px;
  font-size: 18px; /*15px;*/
  font-weight: bold;
  /*text-transform: uppercase;*/
}

.region-footer .navbar-nav .nav-link {
  padding: 0px 8px;
}

.region-footer .navbar-nav.menu-level-1 .nav-link {
  font-size: 12px;
  white-space: normal;
}

#about img{
  width: 100%;
}
/*End About section*/

/* Testimonial section*/

#testimonial .owl-theme .owl-dots .owl-dot span,
#testimonials-section .owl-theme .owl-dots .owl-dot span {

  /*border: 1px solid #000;*/
}

#testimonial .image-slot,
#testimonials-section .image-slot {
  overflow: hidden;
}

#testimonial .img-responsive,
#testimonials-section .img-responsive {
  max-width: 250px;
  max-height: 300px;
}

#testimonial,
#testimonials-paragraph,
#testimonials-section {
  /*background-image: url(../images/testimonial_bg.jpg);
  background-position: center;
  background-repeat: no-repeat;
  background-attachment: fixed;
  background-size: cover;*/
  width: 100%;
  padding-bottom: 50px;
  color: #ffffff;
  background-color: #1E326E;
}

#testimonial h2,
#testimonials-paragraph h2,
#testimonials-section h2 {
  padding-top: 30px;
  color: #ffffff;
}

#testimonial p,
#testimonials-section p {
  color: inherit;
  font-size: 22px;
  /*padding-right: 20px;*/
  width: 95%;
  font-style: italic;
}

#testimonial p span,
#testimonials-section p span {
  font-size: inherit !important;
  line-height: inherit !important;
}

#testimonial .testimonial-name {
  width: 95%;
}

.owl-carousel .owl-item img {
  width: auto;
  border-radius: 6px;
}

.testi-img {
  padding-top: 55px;
}

.testimonial-name h6 {
  color: #FFCC00; /*#00a650*/
  font-weight: bold;
}

.testimonial-name p {
  color: inherit;
  font-size: 14px !important;
}

#testimonial button:focus,
#testimonials-section button:focus {
  outline: none;
}

.owl-carousel .owl-stage-outer {
  /*width: 97%;*/
  position: relative;
  overflow: hidden;
  margin: 0px auto;
  -webkit-transform: translate3d(0,0,0);
}

.back-to-blog {
  padding: 25px 0px 30px;
  text-align: center;
}

blockquote::before {
  content: "\f10d";
  font-family: FontAwesome;
  font-style: normal;
  font-weight: normal;
  text-decoration: inherit;
  color: #00a560;
  font-size: 40px;
  margin-left: -55px;
}

#testimonial blockquote::before,
#testimonials-section blockquote::before {
  color: #FFF;
}
/* End Testimonial section*/

/*Blog section*/
#latest-blocks {
  /*    padding: 90px 0px;*/
}

#latest-blocks h2{
  font-size: 38px;
  padding: 60px 0 10px;
}

.block-listing {
  border-radius: 10px;
  /*height: 522px;*/
  box-shadow: 2px 5px 20px rgba(0,0,0,0.5);
  -webkit-box-shadow: 2px 5px 20px rgba(0,0,0,0.5);
  position: relative;
}
.prjctnws-block .block-listing {
  border-radius: 10px;
  /*height: 522px;*/
  box-shadow: 2px 5px 20px rgba(0,51,153,0.9);
  -webkit-box-shadow: 2px 5px 20px rgba(0,51,153,0.9);
  position: relative;
}

p.message-over-image {
  position: absolute;
  /*top: 162px;*/ /*-38px;*/
  bottom: 0;
  /*border: 1px solid #003399;*/ /*#00a650*/
  background-color: rgba(30, 50, 110, 0.73); /*#00a650*/
  padding: 6px 0px;
  color: #fff;
  width: 100%; /*32%*/
  text-align: center;
  margin: 0px;
  font-weight: bolder;
}

.node-date-ud {
  font-size: 14px;
  margin-bottom: 10px;
  border-bottom: 1px solid #CCC;
  display: inline-block;
}

#latest-blocks .recent-item {
  padding: 20px;
}

#latest-blocks img {
  /*width: 100%;*/
  height: 260px;
  /*min-width: 100%;*/
  /*margin: 0px auto;*/
  display: inherit;
}

.cstm-img-container {
  width: 100%;
  height: 204px;
  margin: 0px auto;
  overflow: hidden;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
}

.blog-details {
  /*box-shadow: 0 0 25px rgba(0, 0, 0, 0.08);*/
  padding-bottom: 45px;
  padding: 0px 0px 40px;
}

.block-body {
  padding: 20px;
}

.block-body .block-body-content {
  height: 194px;
}

.latest-videos .block-body .block-body-content {
  height: 100px;
}

.block-body span {
  color: #003399;
  font-weight: 600;
}

.hr-news{
  border-top: 1px solid #f1f1f1 !important;
  padding-bottom: 5px;
}

.block-body p {
  font-size: 14px;
}

.block-body p:first-of-type {
  /*display: none !important;*/
}

.block-listing .block-description,
.block-listing .block-body-content p {
  font-size: 16px;
}

.block-body h6 {
  font-weight: bold;
  font-size: 18px;
  color: #262626;
}

.block-body a>h6:hover {
  color: #007bff;
}

.block-body a:hover {
  text-decoration: none;

}
.block-listing > a {
  height: 204px;
  display: block;
  overflow: hidden;
}

#latest-blocks a>span{
  float: right;
  font-size: 14px;
}

.no-of-comments, .tags-container {
  font-size: 14px;
  font-family: 'Open Sans';
  min-height: 33px;
}

/*.taxonomy-term ~
.taxonomy-term:not(:empty):before,*/
.no-of-comments
{
  content: ", ";
  margin-left: -3px
}

/*End blog section*/

/*Clients section*/
#clients {
  /*background-color: #f2f2f2;
  padding: 50px 0px;*/
}
#clients img {
  width: 100%;
}
/* End Clients section*/

.services-details {
  box-shadow: 0 0 25px rgba(0, 0, 0, 0.08);
  padding-bottom: 45px;
  margin: 15px 15px 40px;
  padding: 40px;
}
.services-details img {
  float: left;
  padding: 0px 30px 5px 0px;
}

.service-inner-img > a {
  height: 344px;
  display: block;
  overflow: hidden;
}

/* Contact section*/
#contact{
  /*background-image: url(../images/contact_bg.jpg);
  background-position: center;
  background-repeat: no-repeat;
  background-attachment: fixed;
  background-size: cover;*/
  background-color: #1E326E;
  width: 100%;
  padding: 60px 0px;
}

#contact h2{
  color: #fff;
  font-size: 35px;
}

#contact p{
  color: rgba(255, 255, 255, 0.92);
  font-size: 18px;
}

form {
  padding-top: 25px;
}

#contact .form-control {
  background-color: transparent;
  border: 1px solid #FFCC00; /*#aad58e*/
}

#contact input, #contact textarea {
  padding: 10px 12px 12px;
  color: #fff;
  font-size: 16px;
}

#contact input:focus {
  border: 1px solid #fff;
  outline: 0;
  box-shadow:0 1px 1px rgba(255, 255, 255, 0.075);

}

#contact textarea:focus {
  border: 1px solid #fff;
  outline: 0;
  box-shadow:0 1px 1px rgba(255, 255, 255, 0.075);
}

#contact .btn-primary {
  /*background-color: #111111 !important;
  border-color: #111111 !important;
  border-radius: 0px;
  padding: 6px 200px !important;
  width: 50%; */
}
/* End  Contact section*/


/* Call to action */
#call-to-action {
  padding: 50px 0px;
}

#call-to-action .btn.btn-infos {
  border-radius: 4px;
  padding: 6px 20px;
  margin-top: 2px;
  float: right;
}

#call-to-action h3{
  color: #484848;
  font-size: 26px;
  font-weight: 400;
  padding-top: 5px;
  margin-bottom: 0px;
}
/* End Call to action*/


/* Footer Section*/
#footer {
  background-color: #F2F2F2; /*#1c1b21*/
  /*padding: 50px 0px;*/
  min-height: 280px;
  /*margin-top: 50px;*/
  overflow: hidden;
}

#footer p{
  color: #213669; /*#87868b*/
  padding-top: 20px;
}

#footer h6{
  font-size: 18px;
  color: #fff;
  padding-bottom: 20px;
}

#footer ul{
  list-style: none;
  padding: 0px;
}

#footer li>a{
  color: #87868b;
  text-decoration: none;
  font-size: 13px;
  /*text-transform: capitalize;*/
}

#footer li>a:hover{
  /*color:#00a560;*/
  color: #007bff;
}

#footer .navbar-nav .nav-link.is-active {
  color: #007bff;
}

#footer .social .fa {
  color: #000;
  border: none;
  background-color: #cdcdcd;
  padding: 10px;
  width: 35px;
  border-radius: 50%;
  text-align: center;
}


#footer .social i:hover{
  background-color: #00a560;
  color: #fff;
  cursor: pointer;
}

#footer #loghi img {
  height: 60px;
}



.copyright{
  background-color: #F2F2F2;
  padding: 30px 20px;
}

.copyright p{
  color:#213669;
  font-size:13px;
}
.copyright a{
  color: #00a560;
}

.copyright a:hover{
  color: gray;
  text-decoration: none;
}

.copyright p:last-child {
  margin-top: -15px;
  margin-bottom: 0px;
}
/* End Footer Section*/




/* Strat About page css */


/*.top-banner{
    background-image: url(../images/banner.jpg);
    background-position: top center;
    background-repeat: no-repeat;
    background-size: cover;
    width: 100%;
}*/

/*.top-banner-caption {
    padding: 240px 20px 0px 20px;
}*/

.top-banner-caption h2{
  font-weight: 600;
  padding-bottom: 10px;
  color: #fff;
  font-size: 44px;
}

.top-banner-caption p{
  color: #DED9D4;
}


/* Company Detail Section*/
/*section#company-detail,*/
section#under-construction{
  padding-top: 20px;
}

#generic-section .text-container .text-content {
  margin-top: 40px;
}

#generic-section img,
#company-detail img,
#under-construction img {
  width: 100%;
}
#generic-section .content-container h2,
.company-detail-description h2,
#under-construction h2 {
  letter-spacing: 1px;
  color: #181818;
  padding-bottom: 2px;
}

.company-detail-description h2:last-word {
  color: red;
}

.col-md-6.company-detail-description,
.col-md-6.under-construction-description {
  padding-left: 65px;
}
/* End Company Detail Section*/


section#video_gallery_section {
  padding: 30px 0;
}

#video_gallery_section .text-center {
  text-align: center!important;
  padding-bottom: 80px;
  font-weight: 800;
  font-size: 35px;
  font-family: raleway !important;
}

.why-choose-description {
  /*padding-right: 45px;*/
}

#video_gallery_section img{
  width: 100%;
}


.why-choose-description h2 {
  letter-spacing: 1px;
  /*color: #181818;*/
}

.why-choose-description ul{
  list-style: none;
  padding: 0px;
}

.why-choose-description .fa-angle-right:before {
  content: "\f105";
  color: #213669;
  font-weight: bolder;
  font-size: 25px;
}

.why-choose-description i.fa.fa-angle-right {
  margin-right: 10px;
}

.why-choose-description li {
  padding-bottom: 20px;
  font-weight: bolder;
  font-family: Open sans !important;
  letter-spacing: 0.5px;
  color: #000;
  font-size: 17px;
}

.why-choose-description  iframe {
  width: 100%;
}

#video_gallery_section iframe {
  width: 100%;
}

#video_gallery_section li i {
  float: left;
}

#video_gallery_section a {
  display: inline-block;
  width: 90%;
}

#video_gallery_section a:hover {
  color: #007bff !important;
}

#video_gallery_section #youtube_player {
  /*width: 560px;*/
  height: 425px;
}

#video_gallery_section .item-smbl {
  display: inline-block;
  float: left;
  margin-right: 8px;
}
/* End About page css */



/* Services Page section css */
#service-page-listing {
  padding: 90px 0px 40px;
  background-color: #fff;
  overflow: hidden;
}

#service-page-listing h2{
  margin-bottom: 60px;
}

#service-page-listing .service-caption {
  background-color: #00a650;
  padding-top: 40px;
}

#service-page-listing .service-img img{
  height: 344px;
  min-width: 100%;
  margin: 0px auto;
  display: inherit;
}

#service-page-listing .service-inner-img {
  padding: 0px 15px;
}

#service-page-listing .service-img {
  margin-bottom: 50px;
}

#service-page-listing .service-caption h5 a{
  padding: 0px 35px 5px 0px;
  font-weight: bolder;
  color: #f7fefe !important;
  font-size: 26px;
  text-decoration: none;
  letter-spacing: 1px;
  display: inline-block;
}


#service-page-listing .service-caption p{
  padding: 0px 45px 0px 35px;
  color: #eff9f6;
  font-size: 14px;
}

#service-page-listing .btn.btn-infos {
  background-color: #005329;
  color: #fefffd;
  font-weight: bolder;
  border-radius: 4px;
  margin-bottom: 45px;
}

#service-page-call-to-action{
  background-image: url(../images/call_bg.jpg);
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  width: 100%;
  border-bottom: 1px solid #252527;
}

.call-to-action-caption{
  padding: 100px 20px 100px 20px;
}

.call-to-action-caption h3{
  font-weight: bolder;
  padding-bottom: 10px;
  color: #fff;
  font-size: 31px;
  letter-spacing: 2px;
}

.call-to-action-caption p{
  color: #fbfbf9;
  font-size: 18px;
}

#service-page-call-to-action .btn.btn-infos {
  border-radius: 2px;
  padding: 9px 21px;
  margin-top: 40px;
  background-color: #00a650;
  color: #fff;
  font-weight: 600;
  border-radius: 6px;
  padding: 7px 20px;
}

/* End Services Page section css */


/*Blog details page css*/

#node-details-page, #services-details-page {
  padding: 10px 0px 30px 0px;
}

#node-details-page  h4{
  padding-left: 32px !important;
  color: #0c0c0c;;
  font-weight: bolder;
  font-family: Open sans;
}

.blog-details-header {
  padding: 40px 45px;
}

.node-details-content {
  padding-bottom: 16px;
  overflow: hidden;
}

#node-details-page .blog-details img{
  /*width: 100%;*/
  max-height: 600px;
}

#node-details-page .blog-details p.message-over-image{
  width: 30%;
  font-weight: 400;
  color: #fff;
  font-family: Open sans;
}

#node-details-page .blog-details-description {
  box-shadow: 0 0 25px rgba(0, 0, 0, 0.08);
  padding-bottom: 45px;
}

#node-details-page .blog-details-description h3 {
  font-weight: bolder;
  color: #272727;
  padding-bottom: 20px;
  font-size: 23px;
}

#node-details-page .blog-details-description p {
  font-size: 14px;
  color: #505050;
}

#node-details-page .comments {
  margin-top: 50px;
  padding: 30px 0px;
  box-shadow: 0 0 25px rgba(0, 0, 0, 0.08);
}

#node-details-page .comments-post {
  margin-top: 50px;
  padding: 30px 0px;
  box-shadow: 0 0 25px rgba(0, 0, 0, 0.08);
  margin-bottom: 20px;
}

.btn.btn-infos.back {
  margin-bottom: 35px;
}

#node-details-page .comments .comments-description {
  font-size: 14px;
  padding-top: 20px;
  padding-right: 35px;
  padding-left: 40px;
}

#node-details-page .comments .comments-description p:last-child{
  float: right;
  text-align: right;
  font-weight: bolder;
}

#node-details-page .comments .comments-description p>span{
  color: #c5c5c5;
}

#node-details-page .comments .comments-img {
  padding-top: 20px;
}

#node-details-page .comments .comments-img img {
  margin-left: 36px;
}

#node-details-page .comments .comments-img p{
  font-weight: bolder;
  padding-top: 15px;
  text-align: center;
}

#node-details-page .comments .comments-img span{
  font-weight: 100;
  border-bottom: none;
  color: darkgray;
  font-size: 12px;
}

#node-details-page .post-comment {
  padding: 10px 0px 20px 0px;
}

#node-details-page .text-center .btn.btn-infos{
  margin-top: 50px !important;
}

.personal label
{
  float:left;
  width:25%;
  font-size: 18px;
  font-weight: bolder;
  color: #323232;
  letter-spacing: 1px;
}

.personal input[type=text], .personal textarea {
  width: 75%;
  border: 1px solid #d5d5d7;
  box-sizing: border-box;
  margin-bottom: 14px;
}

#node-details-page form {
  padding-left: 30px;
  padding-right: 28px;
  margin-top: 35px;
}
#node-details-page .form-control-lg{
  height:38px;
  border-radius: 0px;
  margin-bottom: 7px;
}

#node-details-page .post-comment     .btn.btn-infos {
  margin-left: 255px !important;
}

#node-details-page .event-date span {
  padding-right: 8px;
}

#node-details-page .event-date span.to-date {
  margin-left: 30px;
}
/* End Blog Page*/


/*Contact page css*/

section#get-in-touch {
  padding-top: 110px;
  padding-bottom: 105px;

}

#get-in-touch .contact-form input[type=text], #get-in-touch .contact-form textarea{
  width: 100%;
  margin-left: 0;
  margin-bottom: 8px;
  border:1px solid #e3e3e3;
}

#get-in-touch .contact-form {
  padding-right: 80px;
}
#get-in-touch .contact-details {

}

#get-in-touch .contact-form {
  font-weight: bolder;
  font-size: 18px;
  font-family: Open sans;
  font-weight: 600;
}

#get-in-touch .contact-form .btn-primary{
  color: #fff !important;
  background-color: #00a560 !important;
  border-color: #00a560 !important;
  padding: 10px 24px !important;
  cursor: pointer;
  font-weight: bolder;
  float: left;
  margin: 0px 0px 50px;
}

#get-in-touch .contact-form .form-actions {
  padding: 0px;
}

#get-in-touch .contact-form .form-control {
  background-color: transparent;
  border: 1px solid #e1e2e5;
  border-radius: 3px;
}

#get-in-touch h4{
  color: #000;
  padding-left: 30px;
}

#get-in-touch .contact-details p{
  font-size: 18px;
  padding: 40px;
}

#get-in-touch .contact-details {
  box-shadow: 0 0 25px rgba(0, 0, 0, 0.08);

}

.contact-info {
  padding: 70px 40px;
}

.contact-form {
  padding: 40px;
}

#get-in-touch .contact-details .info-list{
  padding-left: 40px;
  padding-bottom: 20px;
}
#get-in-touch .contact-details .info-list i{
  font-size: 31px;
  color: #00a560;
  float: left;
}

#get-in-touch .contact-details p strong{
  padding-top: 0px;
  font-weight: bolder;
  font-family: Open sans;
  letter-spacing: 1px;
  font-size: 20px;
}

.info-list p {
  padding-left: 55px !important;
  padding-top: 0px !important;
  font-size: 20px !important;
  font-family: Open sans;
  padding-bottom: 0px !important;
}

#get-in-touch iframe {
  width: 100%;
}
/* End Contact page css*/

.user-logged-in #header{
  /*top:70px;*/
}

#comment-form .input-lg {
  height: 30px;
  padding: 10px 16px;
  font-size: 18px;
  line-height: 1.3333333;
  border-radius: 0px;
}

#comment-form .button {
  background-color: #00a650;
  color: #f1f8f0;
  font-weight: bolder;
  border-radius: 6px;
  padding: 5px 20px 7px;
  margin-top: 12px;
  cursor: pointer;
}
.comment-form{
  padding: 0px;
}
#comment-form input {
  display: inline-block;
  width: 79%;
  height: 38px;
  border-radius: 0px;
  margin-bottom: 7px;
  border: 1px solid #d5d5d7;
  box-sizing: border-box;
}
#comment-form input.form-submit {
  background-color: #00a650;
  color: #fff;
  font-weight: 600;
  border-radius: 6px;
  cursor: pointer;
  border: 1px solid rgba(0, 166, 80, 0.75);
}
#comment-form .form-type-textfield label, #comment-form .form-type-textarea label ,#comment-form .form-type-email label  {
  width: 20%;
  font-size: 20px;
  font-weight: bolder;
  color: #323232;
}
#comment-form .form-actions input {
  width: auto !important;
}

#not-found-section {
  padding: 100px 0px 100px;
}

.not-found-body {
  max-width: 70%;
  margin: auto;
}

.not-found-body h2 {
  font-size: 25px;
  font-weight: 600;
}

.not-title {
  border: 2px solid #387940;
  padding: 10px 50px 30px 50px;
  /*width: 40%;*/
  margin: auto;
  margin-bottom: 40px;
  border-radius: 10px;
}

.not-title h1 {
  font-size: 125px;
  margin: 0px;
  color: #387940;
}

.not-title h2 {
  font-size: 25px;
  margin: 0px;
  color: #387940;
}

#not-found-section a.btn.btn-custom{
  text-align: center;
  display: inline-block;
  padding: 8px 20px;
  margin: 10px 0 0 0;
  color: #fff;
  font-size: 14px;
  font-weight: 600;
  line-height: 1.42857143;
  background-color: #387940;
  border-color: #387940 !important;
  color: #fff !important;
  transition: 0.7s;
}
#not-found-section a.btn.btn-custom:hover{
  background-color: #fff;
  border-color: #b7b7b7 !important;
  color: #333 !important;
  transition: 0.7s;
}

@media (min-width: 320px) and (max-width: 480px){
  .not-title h1 {
    font-size: 92px !important;
    margin: 0px !important;
    color: #387940 !important;
  }
  .not-title h2 {
    font-size: 22px !important;
    margin: 0px !important;
    color: #387940 !important;
  }
  .not-title {
    border: 2px solid #387940 !important;
    padding: 10px 50px 30px 50px !important;
    width: 100% !important;
    margin: auto !important;
    margin-bottom: 40px !important;
    border-radius: 10px !important;
  }
}

@media (min-width: 481px) and (max-width: 768px) {
  .not-title h1 {
    font-size: 92px !important;
    margin: 0px !important;
    color: #387940 !important;
  }
  .not-title h2 {
    font-size: 22px !important;
    margin: 0px !important;
    color: #387940 !important;
  }
  .not-title {
    border: 2px solid #387940 !important;
    padding: 10px 50px 30px 50px !important;
    width: 100% !important;
    margin: auto !important;
    margin-bottom: 40px !important;
    border-radius: 10px !important;
  }
}
@media (min-width: 320px) and (max-width: 768px) {
  .carousel-caption {
    bottom: 20%;
  }
  #footer h2, #footer h6 {
    padding-top: 20px !important;
    padding-bottom: 0px !important;
  }
}


@media (min-width: 768px) and (max-width: 992px) {
  .not-title h1 {
    font-size: 92px !important;
    margin: 0px !important;
    color: #387940 !important;
  }
  .not-title h2 {
    font-size: 22px !important;
    margin: 0px !important;
    color: #387940 !important;
  }
  .not-title {
    border: 2px solid #387940 !important;
    padding: 10px 50px 30px 50px !important;
    width: 70% !important;
    margin: auto !important;
    margin-bottom: 40px !important;
    border-radius: 10px !important;
  }
}

.navbar-collapse {
  -ms-flex-preferred-size: 100%;
  flex-basis: 100%;
  -ms-flex-positive: 0 !important;
  flex-grow: 0 !important;
  -ms-flex-align: center;
  align-items: center;
}

#footer h2{
  font-size: 18px;
  color: #fff;
  padding-bottom: 20px;
}

.navbar-light .navbar-nav .nav-link.is-active,
.navbar-light .menu-level > .active > .menu-item > .nav-link {
  color: #007bff;
}

#node-details-page span {
  /*color: #fff;*/
}

#footer ul.menu{
  margin-left: 0px !important;
}

#user-login {
  max-width: 66%;
  margin: auto;
  padding: 20px 0px 40px;
  border: 2px solid #f5f5f5;
  margin-bottom: 40px;
  margin-top: 20px;
  overflow: hidden;
}
.login-text .form-group input {
  width: 100%;
  padding: 10px;
  border-radius: 5px;
}
.login-text a {
  color: #4a9a4f;
}
.login-button input {
  padding: 5px 20px 5px 20px;
  background: #4a9a4f;
  border: 1px solid #fff;
  color: #fff;
  font-size: 20px;
  border-radius: 10px;
  font-weight: 600;
}
.login-button input:hover {
  padding: 5px 20px 5px 20px;
  background: #fff;
  border: 1px solid #000;
  color: #000;
  font-size: 20px;
  border-radius: 10px;
  font-weight: 600;
}
.login-button , #user-register-form .form-actions ,#user-pass .form-actions{
  text-align: center;
}

#auth_box input[type="text"], #auth_box input[type="password"] {
  width: 100% !important;
}

#user-register-form , #user-pass{
  max-width: 50%;
  margin: auto;
  margin-top: 40px;
  margin-bottom: 40px;
  border: 2px solid #f5f5f5;
  padding: 20px 20px 40px;
  overflow: hidden;
}

#user-register-form .js-form-item {
  margin-bottom: 20px !important;
}

#user-register-form .js-form-item input, #user-pass .js-form-item input {
  width: 100%;
  padding: 10px;
  border-radius: 5px;
}

#user-register-form .form-actions input , #user-pass .form-actions input {
  padding: 5px 20px 5px 20px;
  background: #4a9a4f;
  border: 1px solid #fff;
  color: #fff;
  font-size: 20px;
  border-radius: 10px;
  font-weight: 600;
}
#user-register-form .form-actions input:hover , #user-pass .form-actions input:hover {
  padding: 5px 20px 5px 20px;
  background: #fff;
  border: 1px solid #000;
  color: #000;
  font-size: 20px;
  border-radius: 10px;
  font-weight: 600;
}

#banner-slider #carouselExampleIndicators {
  max-width: 1200px;
  overflow: hidden;
  margin: 0 auto;
}

#banner-slider .carousel-caption {
  padding: 20px 40px 20px 20px;
  width: 400px;
  height: 450px;
  left: 800px;
  bottom: 0;
  text-align: left;
  margin: 0 !important;

  background-color: rgba(30, 50, 110, 0.73);
  /*opacity: 1;*/
}

.lang_ar #banner-slider .carousel-caption {
  left: 0;
  right: 800px;
  text-align: right;
}

#banner-slider .carousel-caption h1, #banner-slider .carousel-caption h2 {
  padding-top: 24px;
  font-size: 40px;
}

#banner-slider .carousel-indicators {
  padding-bottom: 20px;
  position: unset;
  right: unset;
  bottom: unset;
  left: unset;
  margin: 0;
  padding: 4px;
  display: inline-flex;
  /*background-color: rgba(187, 187, 187, .73);
  border-radius: 6px;*/
}

#banner-slider .custom_indicators {
  position: absolute;
  right: 0;
  bottom: 26px;
  left: 0;
  z-index: 14;
  width: 800px;
  text-align: center;
}

#banner-slider .carousel-inner, #banner-slider .carousel-item {
  max-height: 450px !important;
}

#banner-slider .carousel-control-next, #banner-slider .carousel-control-prev {
  /*bottom: 200px;*/
  width: 4% !important;
}

#banner-slider h1, #banner-slider h2 {
  color: #FFCC00;
  font-weight: 600 !important;
  padding-bottom: 0 !important;
}

#banner-slider .read-more-container {
  text-align: center;
}


#block-languageswitcher ul {
  list-style: none;
}

#block-languageswitcher li {
  display: inline-block;
  padding: 0 7px;
}

#socialBar .addtoany_list.a2a_kit_size_32 > a {
  font-size: 10px;
}

.priorities-region {
  background: #f6f5f2;
  padding: 40px 0px 50px 0px;
  margin-top: 30px;
}

.header-social-language{
  display: block !important;
}

#socialBar {
  text-align: right;
  margin: auto;
}

#languageBar{
  text-align: right;
  padding-top: 10px;
}

.custom-calendar {
  /*width: 50%;*/
  margin: 0 auto;
}

.custom-calendar .fc-widget-content /*.fc-week .fc-widget-content .fc-rigid*/ {
  height: auto !important;
}

.custom-calendar .fc-scroller {
  height: auto !important;
}

#sub-header{
  padding-top: 154px;
}

#sub-header-empty {
  padding-top: 88px;
}

.btn-infos a {
  color: white;
}

.counter_img { max-width: 90px; }

#priority-list {
  padding: 30px 0 100px;
}

.priority-list {
  text-align: center;
  max-width: 100%;
}

.priorities_title {
  margin: 20px;
  text-transform: uppercase;
}

.priorities_titleh2::selection, .priorities_description::selection {
  color: #fff;
  background: #003399; /*#00a560*/
}

.priorities_description {
  font-size: 25px;
  margin: 40px;
}

#footer .menu-item, #footer .nav-item {
  padding: 0;
  font-weight: bold;
  display: inline-block;
  width: 16%;
  /*max-width: 200px;*/
}

#footer .menu-level-0 .menu-item,
#footer .menu-level-1 .menu-item,
#footer .menu-level-1 .nav-item {
  display: block;
  width: 100%;
  padding: 2px 0;
}

#footer .navbar-nav {
  /*flex-direction: row;*/
  display: flex;
  -webkit-flex-flow: row wrap;
}

.taxonomy-term{
  /*padding: 10px;
  margin: 5px;
  border-radius: 6px;*/
  display: inline-block;

}
/*.taxonomy-term a {*/
/*color: #262626;*/
/*}*/

.taxonomy-term a:hover {
  color: #007bff;;
}
.taxonomy-term a {
  color: #fff !important;
  text-decoration: none;
}

.region-social { /*text-align: right;*/ }
.region-social img { height: 32px; font-size: 10px; }


/* override ckeditor-accordion - start */
.ckeditor-accordion-container > dl dt > a {
  text-decoration: none;
  padding: 20px 15px 20px 50px;
  background-color: #FFF;
  color: #484848;
  border-bottom: none;
}

.ckeditor-accordion-container > dl dt.active > a {
  background-color: #FFF;
}

.ckeditor-accordion-container > dl dt > a:hover {
  background-color: #1E326E;
  color: #FFF;
}

.ckeditor-accordion-container > dl dt > .ckeditor-accordion-toggle:before,
.ckeditor-accordion-container > dl dt > .ckeditor-accordion-toggle:after {
  background: #484848;
}
/*
.ckeditor-accordion-container > dl dt.active > .ckeditor-accordion-toggle:before {
  transform: rotate(45deg);
  background-color: #484848;
}

.ckeditor-accordion-container > dl dt.active > .ckeditor-accordion-toggle:after {
  transform: rotate(-45deg);
  background-color: #484848;
}*/

.ckeditor-accordion-container > dl dt:hover > .ckeditor-accordion-toggle:before,
.ckeditor-accordion-container > dl dt:hover > .ckeditor-accordion-toggle:after {
  background-color: #FFF;
}

.ckeditor-accordion-container > dl {
  position: relative;
  border: none;
}


.large-accordion dt {
  margin-top: 20px;
}

.large-accordion .ckeditor-accordion-container > dl dt > a {
  text-decoration: none;
  font-family: Raleway;
  font-size: 1.75rem;
  font-weight: 600;
  margin-bottom: .5rem;
  line-height: 1.2;
  color: #213669;
  background-color: #ddd;
  cursor: pointer;
  padding: 22px 18px;
  width: 100%;
  text-align: left;
  outline: none;
  transition: 0.4s;
  border-radius: 6px;
}

.large-accordion .ckeditor-accordion-toggle {
  display: none !important;
}

.large-accordion .ckeditor-accordion-container > dl dt.active {
  background-color: unset;
}

.large-accordion .custom-plus, .large-accordion .custom-minus {
  float: right;
  font-size: 28px;
}

.large-accordion .ckeditor-accordion-container > dl dt .custom-plus,
.large-accordion .ckeditor-accordion-container > dl dt.active .custom-minus {
  display: block;
}

.large-accordion .ckeditor-accordion-container > dl dt .custom-minus,
.large-accordion .ckeditor-accordion-container > dl dt.active .custom-plus {
  display: none;
}

.large-accordion .ckeditor-accordion-container > dl dt.active > a,
.large-accordion .ckeditor-accordion-container > dl dt > a:hover {
  background-color: #ccc !important;
}

/* override ckeditor-accordion - end */

#priority-wheel-section .pw-img {
  position: relative;
  max-width: 1140px;
  margin: 0 auto;
}

#priority-wheel-section .pw-img img {
  width: 100%;
}

#priority-wheel-section .pw-img .pw-img-animated {
  position: absolute;
  top: 0;
  left: 0;
}

#priority-wheel-section .area-tematica-1 {
  position: absolute;
  top: 11%;
  left: 15%;
  width: 35%;
  text-align: left;
}

#priority-wheel-section .area-tematica-2 {
  position: absolute;
  top: 11%;
  left: 65%;
  width: 35%;
  text-align: left;
}

#priority-wheel-section .area-tematica-3 {
  position: absolute;
  top: 60%;
  left: 15%;
  width: 35%;
  text-align: left;
}

#priority-wheel-section .area-tematica-4 {
  position: absolute;
  top: 60%;
  left: 65%;
  width: 35%;
  text-align: left;
}

#priority-wheel-section h4 {
  font-size: 50px;
  font-weight: bold;
  color: #FFF;
}

#aree-tematiche {
  color: white;
  background-color: #3c3c3c;
}

#aree-tematiche .main_row {
  margin-left: 0 !important;
}

#aree-tematiche .at-row {
  display: flex;
  padding-right: 15px;
}

#aree-tematiche .at-desc {
  margin: auto;
  font-size: 16px;
  font-weight: bold;
  display: inline-block;
}

#aree-tematiche .opn-smbl {
  margin-top: 18px;
}

#aree-tematiche .opn-smbl-lst {
  margin-right: 20px;
}

#aree-tematiche .opn-smbl i {
  font-size: 30px;
}

#aree-tematiche .at-content {
  padding: 5px 0;
  cursor: pointer;
  width: 25%;
}

#aree-tematiche .at-content-hc:hover img,
#aree-tematiche .at-content-hc:hover .at-desc,
#aree-tematiche .at-content-hc:hover .opn-smbl i {
  transform: scale(1.1);
}

#aree-tematiche .at-img-container {
  padding: 15px;
  display: inline-block;
}

.areaTematicaDetail{
  padding: 50px 30px 30px 30px;
}

#aree-tematiche .btn.btn-infos {
  float: right;
  margin: 0 2% 20px 0;
}
.areaTematicaDetail-img {
  width: 100%;
}
.areaTematicaDetail-title{
  color: #ffffff;
  margin-bottom: 25px;
}

.areaTematicaDetail .views-element-container {
  display: inline-flex;
}

.areaTematicaDetail .views-row {
  display: inline;
  width: 33.33%;
}

#loghi {
  padding: 0;
}

#footer #loghi {
  padding: 20px 0;
}

#loghi .loghi-img {
  height: 110px;
  width: auto;
}

#aree-tematiche .first-element {
  margin-left: 0px;
}

#contact input::placeholder {
  color: #fff !important;
  font-style: italic;
}

#info-center-paragraph {
  position: relative;
}

#info-center-paragraph h2 {
  font-size: 38px;
  padding: 10px 0;
  text-align: center;
}

#info-center-paragraph .show-more-news {
  position: absolute;
  display: inline-block;
  top: 23px;
  right: 70px;
}

#info-center-paragraph .show-more-news a {
  color: #262626;
  text-decoration: none;
  font-size: 18px;
}

#info-center-paragraph .show-more-news a:hover {
  color: #007bff;
}

/*Classes for login template view*/

#auth_box {
  width: 50%;
}

#auth_box #bottom_part {
  padding: 15px;
  margin-bottom: 50px;
}

#auth_box .password_link,
#auth_box .register_link,
#auth_box .login_link
{
  padding: 15px 0 0;
}

#calendar-event-section {
  padding: 30px 0;
}

#calendar-event-section h2 {
  /*padding-top: 30px;*/
}

#calendar-event-section #calendar h2 {
  font-size: 20px;
  padding: 0;
}

#calendar-event-section #calendar th span {
  font-weight: normal;
}

#calendar-event-section #calendar button {
  height: 20px;
  width: 30px;
  padding: 2px 3px 0 3px;
  outline: none;
}

#calendar-event-section #calendar button .fc-icon {
  margin: 0;
  vertical-align: top;
}

#calendar-event-section #calendar .fc-today {
  background-color: #FFCC00;
}

#events-view {
  padding-top: 46px;
}

#events-view h6 {
  font-weight: normal;
}

#events-view .custom-image-box {
  max-width: 140px;
  overflow: hidden;
}

#events-view .event-img {
  height: 80px;
}

#events-view p {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

#block-yg-business-plus-main-menu .menu-item--collapsed {
  list-style-image: none !important;
  list-style-type:  none !important;
}

/*
#secondary-menu .navbar-nav {
  flex-direction: row;
  max-width: 1140px;
  margin: 26px auto 0 auto;
  padding: 5px 15px;
  border-top: 2px solid #1E326E;
  border-bottom: 2px solid #1E326E;
}

#secondary-menu .nav-link {
  color: #213669;
  font-size: 15px;
  font-weight: bold;
  padding: 6px 22px;
}

#secondary-menu .nav-link.is-active, #secondary-menu .nav-link:hover {
  color: #007bff;
}
*/

.custom-menu {
  margin: 40px 0 100px;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
}
.custom-menu-item,
.custom-menu-item-badge,
.custom-menu-item-simple-accordion {
  position: relative;
  padding: 10px;
  width: 100%;
}

.custom-menu-item-accordion {
  position: relative;
  padding: 4px;
}

.custom-menu-item-accordion .cm_container {
  width: 262px;
  height: 160px;
  overflow: hidden;
}

.custom-menu-item-simple-accordion .cm_container {
  width: 250px;
  height: 160px;
  overflow: hidden;
}

.custom-menu-item-badge .cm_container {
  width: 350px;
  height: 233px;
  overflow: hidden;
}

.custom-menu-item .cm_container {
  width: 350px;
  height: 160px;
  overflow: hidden;
}
.custom-menu-item .cm_container_double {
  width: 350px;
  height: 340px;
  overflow: hidden;
}

.cm_image {
  width: 100%;
  height: 100%;
  background-size: contain;
  transform: scale(1);
  -webkit-transition: transform 0.3s ease-in-out;
  background-repeat: no-repeat;
}

.custom-menu-item-accordion .cm_image img {
  /*position: absolute;
  top: 10px;
  left: 81px;*/
  margin: 10px auto 0 auto;
  display: block;
  width: 100px;
}

.custom-menu-item:hover,
.custom-menu-item-badge:hover,
.custom-menu-item-accordion:hover,
.custom-menu-item-simple-accordion:hover {
  cursor: pointer;
}

.custom-menu-item:hover .cm_image,
.custom-menu-item-badge:hover .cm_image,
.custom-menu-item-simple-accordion:hover .cm_image {
  transform: scale(1.2);
  opacity: 1.3;
}

.cm_image_effect {
  background-color: rgba(30, 50, 110, 0.73);
  width: inherit;
  height: inherit;
}

.custom-menu-item-accordion .cm_image_effect {
  background-color: #003399;
}

.custom_menu_item_container.active .custom-menu-item-accordion .cm_image_effect,
.custom_menu_item_container.active .custom-menu-item-simple-accordion .cm_image_effect {
  opacity: 0.3;
  -webkit-transition: all 0.3s ease-in-out;
}

.custom-menu-item:hover .cm_image_effect,
.custom-menu-item-badge:hover .cm_image_effect,
.custom-menu-item-accordion:hover .cm_image_effect,
.custom-menu-item-simple-accordion:hover .cm_image_effect {
  opacity: 0.3;
  -webkit-transition: all 0.3s ease-in-out;
}

.custom_menu_item_container.active .custom-menu-item-accordion .cm_text,
.custom_menu_item_container.active .custom-menu-item-simple-accordion .cm_text {
  color: #181818;
  -webkit-transition: all 0.3s ease-in-out;
}

.custom-menu-item:hover .cm_text,
.custom-menu-item-accordion:hover .cm_text,
.custom-menu-item-simple-accordion:hover .cm_text {
  color: #181818;
  -webkit-transition: all 0.3s ease-in-out;
}

.custom-menu-item-badge .cm_text_container {
  position: absolute;
  top: 132px; /* 180px */
  left: 0px;
  width: 350px;
  margin: 0px 10px;
  text-align: center;
}

.custom-menu-item-badge .cm_text_container_badge {
  position: absolute;
  /*top: 180px;*/
  bottom: 24px;
  left: 0px;
  width: 350px;
  margin: 0px 10px;
  text-align: center;
}

.custom-menu-item-badge:hover .cm_text_container {
  background-color: rgba(30, 50, 110, 0.73);
}

.custom-menu-item-simple-accordion .cm_text_container {
  position: absolute;
  top: 10px;
  left: 10px;
  display: table;
  width: inherit;
  height: inherit;
}

.custom-menu-item-accordion .cm_text_container {
  position: absolute;
  top: 6px;
  left: 4px;
  display: table;
  width: inherit;
  height: inherit;
  padding-bottom: 3px;
}

.custom-menu-item .cm_text_container {
  position: absolute;
  top: 10px;
  left: 10px;
  display: table;
  width: inherit;
  height: inherit;
}

.custom-menu-item .cm_container_double .cm_text_container {
  height: 340px;
}

.custom-menu-item-badge .custom-menu-d {
  display: inline-block;
  width: 16px;
  height: 24px;
  background-color: #FFCC00;
  margin-right: 15px;
}
.custom-menu-item-badge .cm_text_container .cm_text {
  color: #fff;
  font-family: Raleway;
  font-size: 32px;
  font-weight: bold;
  line-height: 40px;
}

.custom-menu-item-badge .cm_text_container_badge .cm_text {
  color: #fff;
  font-family: Raleway;
  font-size: 20px;
  font-weight: 300;
  line-height: 30px;
}

.custom-menu-item-simple-accordion .cm_text {
  display: table-cell;
  vertical-align: middle;
  z-index: 20;
  text-align: center;
  color: #fff;
  font-size: 32px;
  font-family: Lato, Helvetica, Arial, sans-serif;
  font-weight: 700;
  line-height: 34px;
  padding-bottom: 5px;
}

.custom-menu-item-accordion .cm_text {
  display: table-cell;
  vertical-align: bottom;
  z-index: 20;
  text-align: center;
  color: #fff;
  font-size: 22px;
  font-family: Lato, Helvetica, Arial, sans-serif;
  font-weight: 700;
  line-height: 24px;
  padding-bottom: 5px;
}

.custom-menu-item .cm_text {
  display: table-cell;
  vertical-align: middle;
  z-index: 20;
  text-align: center;
  color: #fff;
  font-size: 32px;
  font-family: Lato, Helvetica, Arial, sans-serif;
  font-weight: 700;
  line-height: 34px;
}

.custom-menu-item-badge .cm_text_container_badge .cm_description {
  display: block;
  color: #fff;
  font-family: Raleway;
  font-size: 30px;
  font-weight: bold;
  line-height: 30px;
}


.custom-accordion-content {
  float: left;
}

.custom-accordion-container {
  padding: 40px 30px;
}

.custom-accordion-container p {
  line-height: 30px;
}

.custom-accordion-container .first-content {
  padding-bottom: 20px;
}

.custom-accordion-container .second-content {
  padding-top: 30px;
  margin-top: 30px;
  border-top: 2px solid #ccc;
}

.custom-accordion-container h2 {
  font-size: 30px;
  font-weight: 500;
}

.custom-accordion-container h3 {
  text-align: center;
  color: #003399;
}

.custom-accordion-container .counter-value {
  text-align: center;
  font-size: 50px;
  font-weight: 600;
  color: #003399;
}
.custom-accordion-container .counter-description {
  color: #484848;
  font-size: 22px;
  font-family: Raleway;
  font-weight: 300;
}

.custom-accordion-container .counter-notes {
  font-size: 14px;
}

#secondary-menu .navbar-nav {
  flex-direction: row;
  max-width: 1140px;
  margin: 26px auto 0 auto;
  padding: 0 15px;
}

#secondary-menu li.nav-item {
  padding: 10px;
}

#secondary-menu li.nav-item .menu-item {
  width: 350px;
  height: 178px;
  background-color: rgba(30, 50, 110, 0.73)/*#003399*/;
  position: relative;
  /*display: inline-block;*/
}

#secondary-menu li.nav-item .menu-item .menu-item-decoration {
  position: absolute;
  top: 120px;
  left: 20px;
  display: inline-block;
  width: 16px;
  height: 24px;
  background-color: #FFCC00;
}

#secondary-menu .nav-link {
  position: absolute;
  top: 108px;
  left: 50px;
  color: #fff;
  font-family: Raleway;
  font-size: 20px;
  font-weight: 300;
  line-height: 40px;
}

.menu-item--expanded {
  list-style: none;
}

.menu-item--expanded a {
  color: inherit;
  padding: 6px 22px;
  color: #213669;
  font-size: 15px;
  font-weight: bold;
  line-height: 1.5;
  display: block;
  text-decoration: none !important;
}

.menu-item--expanded a:hover {
  color: #007bff;
}

.menu-item--expanded a:focus {
  text-decoration: none;
}

.menu-item--expanded .dropdown-toggle::after {
  display: none;
}
.menu-item--expanded a. dropdown-toggle::after {
  display: none;
}

.menu-level-1, .menu-level-2, .menu-level-3 {
  display: none;
  position: absolute;
}

.menu-level {
  z-index: 100;
}

.menu-level-1 {
  top: 38px;
}

#footer .menu-level-1 {
  /*flex-direction: column;*/
  display: block;
  width: inherit;
}

.menu-level-2 {
  top: 38px;
}

.menu-level-1 .nav-link,
.menu-level-2 .nav-link,
.menu-level-3 .nav-link,
.menu-level-4 .nav-link{
  font-weight: normal !important;
}

.menu-level-0 li.active .menu-level-1,
.menu-level-1 li.active .menu-level-2 {
  display: flex;
}

.contextual-region {
  position: static;
}

.navbar {
  padding: 0 16px;
}

.menu-container li {
  padding:8px 0;
}
#sub-menu-bar {
  position: absolute;
  top: 44px;
  left: 0;
  width: 100vw;
  background-color: #F2F2F2;
}

.sub-menu-bar-1, .sub-menu-bar-active-1 {
  height: 38px;
  border-top: 1px solid #ddd;
}

.sub-menu-bar-2, .sub-menu-bar-active-2 {
  height: 76px;
  border-top: 1px solid #ddd;
}

.sub-menu-bar-3, .sub-menu-bar-active-3 {
  height: 114px;
  border-top: 1px solid #ddd;
}

#sub-header.sub-menu-bar-2-expanded {
  padding-top: 192px;
}

#sub-header.sub-menu-bar-2-expanding {
  padding-top: 192px;
  -moz-transition: padding-top .6s ease-in;
  -o-transition: padding-top .6s ease-in;
  -webkit-transition: padding-top .6s ease-in;
  transition: padding-top .6s ease-in;
}

.custom_menu_item_container {
  position: relative;
  float: left;
}

.custom-menu-item .custom_tooltip_text {
  position: absolute;
  z-index: 10;
  visibility: hidden;
  width: 350px;
  top: 10px;
  font-size: 10px;
  padding: 0 8px;
}

.custom-menu-item-badge .custom_tooltip_text {
  position: absolute;
  z-index: 10;
  visibility: hidden;
  width: 350px;
  top: 250px;
  font-size: 10px;
}

.custom_menu_item_container:hover .custom_tooltip_text {
  visibility: visible;
}

.faq-answer-details .detail-item {
  margin: 0 30px;
  padding: 0 19px;
}

.faq-item .detail-item p {
  padding-bottom: 5px;
}

#faq-section .page_title {
  letter-spacing: 1px;
  color: #181818;
  padding: 30px 0 0 0;
}

#faq-section .page_text {
  padding: 30px 0;
}

#contact-us-section a,
#faq-section a {
  text-decoration: none;
}

#contact_us_map {
  width: 100%;
  height: 200px;
}

.contact-us-areas {
  padding-top: 50px;
}

#contact-us-area-section,
#faq-category-section {
  padding: 10px 0;
}

#contact-us-area-section .details,
#faq-category-section .details {
  /*padding-top: 30px;*/
}

#contact-us-office-section .detail-item i,
.contact-us-user .user-detail i,
.faq-item .detail-item i {
  color: #003399;
  float: left;
}

#contact-us-office-section .detail-item i {
  font-size: 31px;
}

.contact-us-user .user-detail i {
  font-size: 20px;
}

.faq-item .detail-item i {
  font-size: 31px;
}

.faq-item .faq-question time {
  margin-left: 4px;
}

#contact-us-office-section .sub-section-country,
.faq-item .faq-question {
  padding: 6px 18px;
  margin: 10px 30px 0 30px;
  background-color: rgba(30, 50, 110, 0.73)/*#1E326E*/;
  color: #FFF;
  border: 1px solid rgba(30, 50, 110, 0.73);
  border-radius: 6px;
}

#contact-us-office-section .sub-section-country.active,
.faq-item .faq-question.active {
  background-color: rgba(30, 50, 110, 1);
}

#contact-us-office-section .sub-section-country:hover,
.faq-item .faq-question:hover {
  color: inherit;
  background-color: #FFF;
}

#contact-us-office-section .sub-section-country:hover h4,
.faq-item .faq-question:hover h4 {
  color: inherit;
  margin-bottom: 0;
}

#contact-us-office-section .sub-section-country h4 {
  color: #FFF;
  margin-bottom: 0;
}


.faq-item .faq-question h4 {
  color: #FFF;
  margin-bottom: 0;
  padding-right: 40px;
  display: inline;
}

.faq-item .faq-question small {
  display: inline;
}

#contact-us-office-section .office-details {
  display: inherit;
  padding: 30px;
}

.custom-accordion.active, .custom-accordion:hover {
  background-color: #ccc;
}

#contact-us-office-section .sub-section-country .custom-plus,
#contact-us-office-section .sub-section-country .custom-minus,
.faq-item .faq-question .custom-plus,
.faq-item .faq-question .custom-minus {
  float: right;
  font-size: 28px;
  line-height: 28px;
}

#contact-us-office-section .sub-section-country.active .custom-plus,
.faq-item .faq-question.active .custom-plus {
  display: none !important;
}
#contact-us-office-section .sub-section-country.active .custom-minus,
.faq-item .faq-question.active .custom-minus {
  display: inline !important;
}

#contact-us-office-section .detail-item p {
  padding-left: 55px;
  padding-bottom: 5px;
}

#contact-us-office-section .detail-item .office {
  /*text-transform: uppercase;*/
  padding-top: 5px;
}
#contact-us-office-section .detail-item .e-mail {
  /*text-transform: uppercase;*/
  padding-top: 5px;
}

.contact-us-user {
  padding: 8px;
  border-bottom: 1px solid #ddd;
}

.contact-us-user:last-child {
  border-bottom: none;
}

.contact-us-user .user-detail p {
  padding-left: 40px;
  padding-bottom: 5px;
  margin-bottom: 0px;
}

.contacts-list {
  border-left: 2px solid #ddd;
}

/* Style the buttons that are used to open and close the accordion panel */
.custom-accordion {
  background-color: #ddd;
  color: #444;
  cursor: pointer;
  padding: 18px;
  width: 100%;
  text-align: left;
  border: none;
  outline: none;
  transition: 0.4s;
  border-radius: 6px;
}

.custom-accordion.active, .custom-accordion:hover {
  background-color: #ccc;
}

.custom-accordion .custom-plus, .custom-accordion .custom-minus {
  float: right;
  font-size: 28px;
}

.search-accordion.active .custom-plus,
.custom-accordion.active .custom-plus {
  display: none !important;
}

.search-accordion.active .custom-minus,
.custom-accordion.active .custom-minus {
  display: inline !important;
}

.search-accordion .custom-minus i,
.search-accordion .custom-plus i {
  font-size: 26px;
}

.search-accordion {
  cursor: pointer;
  display: inline-block;
}

.search-accordion h5 {
  display: inline-block;
  margin-right: 20px;
}

.accordion-container {
  text-align: right;
}

.accordion-container .container {
  text-align: left;
}


.custom-popup-overlay {
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background: rgba(0, 0, 0, 0.7);
  transition: opacity 500ms;
  visibility: hidden;
  opacity: 0;
}

.custom-popup-overlay:target {
  visibility: visible;
  opacity: 1;
}

.custom-popup-content .custom-popup-text {
  max-height: 30%;
  overflow: auto;
}

.custom-popup-content .custom-popup-close {
  position: absolute;
  top: 20px;
  right: 30px;
  transition: all 200ms;
  font-size: 30px;
  font-weight: bold;
  text-decoration: none;
  color: #333;
}
.custom-popup-content .custom-popup-close:hover {
  color: #06D85F;
}

#presentation-section {
  padding: 40px 0;
}

#presentation-section .item-content {
  display: table;
  width: 100%;
}

#presentation-section .item-content-right {
  text-align: right;
}

#presentation-section .image-container {
  display: inline-block;
}

#presentation-section .text-container-right {
  text-align: right;
}


#presentation-section  .text-container-left,
#presentation-section  .text-container-right {
  display: table-cell;
  vertical-align: middle;
  min-height: 150px;
  font-family: Raleway;
  font-size: 30px;
  font-weight: 500;
}

#quote-section .container {

}

.quote_item_text_container .qi_container {

}

.quote_item_container .qi_container {
  padding: 0 30px 50px 30px;
}

.quote_item_container .qi_container_left .qi_image {
  display: inline-flex;
  /*transform: rotate(-7deg);*/
}

.quote_item_container .qi_container_right .qi_image {
  display: inline-flex;
  /*transform: rotate(7deg);*/
}

.quote_item_container img {
  max-width: 200px;
  border-radius: 10px;
  /*box-shadow: 0px 0px 40px rgba(0,0,0,0.8);*/
  /*-webkit-box-shadow: 0px 0px 40px rgba(0,0,0,0.8);*/
  opacity: 0.9;
}

.quote_item_container .qi_blockquote {
  margin: 0 auto;
  width: 60%;
}

.quote_item_container .qi_container_left .qi_blockquote {
  margin-left: 10%;
}

.quote_item_container .qi_container_right .qi_blockquote {
  margin-left: 10%;
  margin-right: 5%;
}

.qi_inl_blck {
  display: inline-block;
}

.quote_item_container .qi_blockquote p {
  font-size: 22px;
}

.quote_item_container .qi_blockquote:before {
  color: #003399;
}

.quote_item_container .qi_footer {
  text-align: right;
}

.quote_item_container .qi_author {
  font-size: 16px;
  text-align: right;
  border-top: 2px solid #003399;
  padding-left: 5%;
  padding-top: 6px;
  display: inline-block;
}

.breadcrumb {
  background-color: transparent;
  font-size: 16px;
}

.breadcrumb ol {
  border-bottom: 1px solid #aaa;
  padding: 0 30px 10px 0;
}

.credit_author {
  font-size: 10px;
  color: #0056b3;
}

#banner-slider .credit_author_container {
  position: absolute;
  bottom: 0;
  left: 0;
  z-index: 20;
  width: 800px;
  padding: 4px 10%;
  text-align: center;
  display: none;
}

#banner-slider .carousel-item.active:hover .credit_author_container {
  display: block;
}

#banner-slider .credit_author_container .credit_author {
  color: #fff;
  padding: 2px 10px;
  background-color: rgba(30, 50, 110, 0.73);
  border-radius: 6px;
  display: inline-block;
}

#testimonial .credit_author_container,
#testimonials-section .credit_author_container {
  max-width: 250px;
}

#testimonial .credit_author_container .credit_author,
#testimonials-section .credit_author_container .credit_author{
  color: #fff;
}

.menu--account {
  padding: 20px 16px 40px 16px;
  position: relative;
}

.menu--account ul.menu {
  display: flex;
  flex-direction: row;
  position: relative;
}

.menu--account .menu-item--active-trail ul.menu {
  position: absolute;
  margin-left: 0;
  top: 30px;
}

.menu--account .menu-item a {
  white-space: nowrap;
  color: #213669;
  padding: 0px 22px;
  font-size: 18px; /*15px;*/
  font-weight: bold;
  text-decoration: none;
}

.menu--account li {
  list-style: none;
}

.menu--account .menu-item a:hover {
  color: #007bff;
}

.menu--account .menu-item a.is-active,
.menu--account li.menu-item--active-trail > a {
  color: #007bff;
}

nav.tabs {
  margin-bottom: 20px;
  position: relative;
  text-align: center;
  font-size: 16px;
}

nav.tabs::after {
  clear: both;
}

nav.tabs .tabs {
  display: inline-flex;
  margin-bottom: 0;
}

nav.tabs .tabs li {
  margin: 0;
  z-index: 100;
}

nav.tabs .tabs a.is-active:focus,
nav.tabs .tabs a.is-active:hover,
nav.tabs .tabs a.is-active {
  background-color: #fff !important;
}

nav.tabs .tabs::before {
  content: "";
  display: block;
  background-color: #bbb;
  height: 2px;
  position: absolute;
  bottom: 0;
  width: calc(100vw);
  left: -15px;
}

nav.tabs .tabs::after {
  clear: both;
}

.tabs a {
  color: #213669;
  text-decoration: none;
}

.tabs a:hover {
  color: #007bff;
}

.tabs a.is-active {
  color: #007bff;
  border-top: 2px solid #bbb;
  border-top-left-radius: 6px;
  border-top-right-radius: 6px;
  border-right: 2px solid #bbb;
  border-bottom: none;
  border-left: 2px solid #bbb;
}

#project-content,
#custom-content,
.custom-content .node-form,
#question-node article,
#faq-node article,
#project-idea-node article,
#project-node .article-content,
.user-page #block-yg-business-plus-content,
.form-page #block-yg-business-plus-content,
.custom-content #block-yg-business-plus-content {
  max-width: 1140px;
  width: 100%;
  padding-right: 15px;
  padding-left: 15px;
  margin-right: auto;
  margin-left: auto;
  min-height: 200px;
}

.custom-content #block-yg-business-plus-content table {
  width: 100%;
  max-width: 100%;
  margin-bottom: 1rem;
  background-color: transparent;
}

.custom-content #block-yg-business-plus-content table .dropbutton-widget {
  background-color: white;
  border: none;
}

.custom-content #block-yg-business-plus-content table tr {
  line-height: 50px
}

.custom-content #block-yg-business-plus-content table .dropbutton a {
  /*border: 1px solid #ced4da;*/
  line-height: 24px;
  color: #fff;
  background-color: #003399;
  padding: 2px 24px;
  border: 1px solid #003399;
  font-weight: bolder;
  border-radius: 6px;
  margin: 6px 5% 0 0;
  text-decoration: none;
}

a.custom_menu_item_row_container {
  display: block;
  text-decoration: none;
}

a.custom_menu_item_row_container:focus,
a.custom_menu_item_row_container:hover {
  text-decoration: none;
}

#question-node label,
#faq-node label{
  min-width: 100px;
  font-weight: bold;
}

#question-node .qn_subject,
#faq-node .qn_subject,
#question-node .qn_category,
#faq-node .qn_category{
  display: inline;
}

#question-node .qn_question,
#faq-node .qn_question,
#question-node .qn_answer,
#faq-node .qn_answer {
  margin-bottom: 20px;
}

#my-questions-paragraph .views-field-sid { width: 5%; }
#my-questions-paragraph .views-field-completed { width: 10%; }
#my-questions-paragraph .views-field-locked { width: 5%; }
#my-questions-paragraph .views-field-uid { width: 15%; }
#my-questions-paragraph .views-field-webform-submission-value-1 { width: 35%; }
#my-questions-paragraph .views-field-webform-submission-value-3 { width: 25%; }
#my-questions-paragraph .views-field-view-webform-submission { width: 5%; }

#my-questions-paragraph table { width: 100% }
#my-questions-paragraph .views-field-created { /*width: 20%;*/}
#my-questions-paragraph .views-field-uid { width: 15%; }
#my-questions-paragraph .views-field-field-category { /*width: 30%;*/ }
#my-questions-paragraph .views-field-field-subject { /*width: 25%;*/ }
#my-questions-paragraph .views-field-last-comment-uid { width: 10%; }

#custom-content #edit-field-workflow--wrapper,
.custom-content .form-type-vertical-tabs,
#custom-content #edit-moderation-state-0,
#custom-content .filter-wrapper,
.custom-content .filter-wrapper,
#custom-content .field--name-field-answer { display: none; }

#project-idea-node .form-item,
#project-node .form-item {
  display: block !important;
}

#project-idea-node label,
#project-node label {
  min-width: 100px;
  font-weight: bold;
}

#project-idea-node .row div,
#project-node .row div {
  /*display: inline;*/
}

#my-project-ideas-paragraph table { width: 100%; }
#my-project-ideas-paragraph .views-field-uid { width: 15%; }
#my-project-ideas-paragraph .views-field-created { /*width: 20%;*/}
#my-project-ideas-paragraph .views-field-acronym { width: 20%; }
#my-project-ideas-paragraph .views-field-title { width: 20%; }

#custom-content select, #custom-content input {
  display: block;
  width: 100%;
}

#custom-content input.form-checkbox {
  display: inline-block;
  width: auto;
}

#custom-content input[type='radio'],
.custom-content input[type='radio'] {
  display: inline-block !important;
  width: auto !important;
  margin-right: 8px;
}

#custom-content input[type='date'],
.custom-content input[type='date'],
#custom-content input[type='time'],
.custom-content input[type='time'] {
  display: inline-block !important;
  width: auto !important;
  margin-right: 8px;
}

#custom-content form {
  padding-top: 0;
}

#my-project-ideas-paragraph .form-item,
#my-project-paragraph .form-item{
  margin: 6px 0;
}

#my-project-ideas-paragraph .form-type-select,
#my-project-paragraph .form-type-select {
  width: 100%;
}

#my-project-ideas-paragraph label,
#my-project-paragraph label {
  width: 30%;
}

#my-project-ideas-paragraph select,
#my-project-paragraph select {
  padding: 7px 20px !important;
  border: 1px solid #ced4da;
  border-radius: 6px;
  width: 65%;
}

#my-project-paragraph .form-actions,
#my-project-ideas-paragraph .form-actions {
  text-align: right;
  width: 100%;
  margin: 0 55px 15px 0;
}

#my-project-ideas-paragraph .form-submit,
#my-project-paragraph .form-submit {
  color: #fff;
  background-color: #003399;
  padding: 9px 24px;
  border: 1px solid #003399;
  font-weight: bolder;
  border-radius: 6px;
  margin: 6px 5% 0 0;
}

#custom-content select,
#custom-content .form-text,
#custom-content .form-textarea,
.custom-content select,
.custom-content .form-text,
.custom-content .form-textarea {
  padding: 7px 20px !important;
  border: 1px solid #ced4da;
  border-radius: 6px;
  width: 100%;
}

#custom-content .cke_browser_webkit,
.custom-content .cke_browser_webkit {
  border: 1px solid #ced4da;
  border-radius: 6px;
  width: 100%;
}

#custom-content .cke_contents,
.custom-content .cke_contents {
  padding: 7px 20px !important;
}

#custom-content .form-date,
#custom-content .form-time,
.custom-content .form-date,
.custom-content .form-time {
  padding: 7px 0 7px 50px !important;
  border: 1px solid #ced4da;
  border-radius: 6px;
  width: 100%;
}

.custom-content .form-actions,
#custom-content .form-actions {
  text-align: right;
}

.custom-content #edit-submit,
#custom-content #edit-submit,
#edit-actions #edit-actions-submit {
  color: #fff;
  background-color: #003399;
  padding: 9px 24px;
  border: 1px solid #003399;
  font-weight: bolder;
  border-radius: 6px;
  margin: 6px 5% 0 0;
  /*display: inline-block;*/
  width: auto;
}

.custom-content .form-type-vertical-tabs { display: none; }

.news-filters {
  /*margin-top: 50px;*/
  font-size: 16px;
}

.news-filters .form-item {
  margin-top: 10px !important;
  margin-right: 60px !important;
}

.news-filters .button  {
  color: #fff !important;
  background-color: #003399 !important;
  padding: 9px 24px !important;
  border: 1px solid #003399 !important;
  font-weight: bolder;
  border-radius: .25rem;
  margin-top: 6px;
}

.news-filters .form-text {
  display: inline;
  margin-top: 0px;
  padding: 7px 20px !important;
  border: 1px solid #ced4da;
  border-radius: .25rem;
  min-width: 260px;
}

.news-filters .form-actions {
  margin: 0px;
}

.news-filters .form-select {
  min-width: 260px;
  padding: 7px 20px !important;
  border: 1px solid #ced4da;
  border-radius: .25rem;
  background-color: #fff;
}

.news-filters label {
  min-width: 100px;
}

#services h1 {
  font-size: 32px;
  padding-bottom: 15px;
  font-weight: bolder;
}

.custom-container-left {
  padding-left: 1%;
  display: inline-block;
  width: 48%;
}

.custom-container-right {
  padding-right: 1%;
  display: inline-block;
  width: 49%;
}

.navbar-light .navbar-toggler {
  border: none !important;
}


.custom-col-8 {
  width: 0%;
  position: relative;
  min-height: 1px;
}

.custom-col-4 {
  width: 100%;
  position: relative;
  min-height: 1px;
  padding: 0 15px;
}

#latest-blocks .block-items {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
}

#latest-blocks .custom-info-center {
  padding: 20px 15px;
}

#latest-blocks .custom-info-center .block-listing {
  width: 340px;
  min-height: 510px;
  position: relative;
}

.latest-videos .custom-info-center .block-listing {
  min-height: 414px !important;
}

.block-listing .player-play {
  position: absolute;
  top: 52px;
  left: 120px;
  width: 100px !important;
  min-width: 100px !important;
  height: 100px !important;
  opacity: 0.5;
}

#node-details-page {
  padding: 20px;
}

#node-details-page img {
  max-width: 100%;
  height: auto;
}

.project-item-column {
  padding: 20px 15px;
}

.project-listing {
  border-radius: 10px;
  box-shadow: 2px 5px 20px rgba(0,0,0,0.5);
  -webkit-box-shadow: 2px 5px 20px rgba(0,0,0,0.5);
  padding: 30px 20px;
  min-height: 220px;
}

.project-listing project-content h6 {
  font-weight: bold;
  font-size: 18px;
  color: #262626;
}

.project-listing project-content a {
  color: #262626;
}

.project-listing a>h6:hover{
  color: #007bff;
}

.project-listing a:hover{
  text-decoration: none;
}

.project-listing .project-image-container {
  overflow: hidden;
  width: 20%;
  float: left;
}

.project-listing .project-image-container img {
  max-width: 100px;
  margin: 0 auto;
  width: 100%;
}

.project-listing .project-container {
  width: 76%;
  margin-left: 2%;
  float: left;
  font-size: 16px;
}

.project-listing .block-content {
  height: 120px;
  overflow: hidden;
}

.project-listing .project-country {
  font-size: 14px;
  margin-bottom: 10px;
  border-bottom: 1px solid #CCC;
  display: inline-block;
}

.project-listing .project-country .country_1 {
  font-weight: bold;
}

.project-listing .project-country .country::after {
  content: ", ";
}

.project-listing .project-country .country:last-child::after {
  content: "";
}

#node-project-news-form input[type='submit'],
#node-project-news-form input[type='file'],
#node-project-document-form input[type='submit'],
#node-project-document-form input[type='file'],
#node-project-event-form input[type='submit'],
#node-project-event-form input[type='file'] {
  width: auto;
  display: inline;
}

#node-details-page #youtube_player {
  width: 100%;
  height: 700px;
}

#project-content {
  display: none;
}

#project-node article {
  margin-top: 50px;
}

#project-node .project-detail {

}

#project-node .prj-det-rel-content {
  position: relative;
  min-height: 300px;
}

#project-node .prj-det-rel-content .pr_image {
  overflow: hidden;
  position: relative;
  min-height: 200px;
}

#project-node .pr_image .pr-credit-container {
  background: -webkit-gradient(linear,left bottom,left top,from(rgba(0,0,0,.9)), color-stop(100%,transparent), color-stop(100%, transparent));
  background: linear-gradient(0deg, rgba(0,0,0,.9) 0, transparent 100%, transparent);
  position: absolute;
  left: 0;
  bottom: 0;
  z-index: 10;
  color: #fff;
  padding: 0 30px;
  width: 100%;
  font-size: 16px;
}

#project-node .prj-det-abs-content {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 10;
  height: 380px;
}

#project-node .pr-title-over-image {
  position: absolute;
  /*bottom: -3px;*/
  /*top: 280px;*/
  left: 0;
  z-index: 11;
  text-align: center;
  width: 100%;
}

#project-node .pr-title-over-image .pr-title {
  font-size: 36px;
  /*background: -webkit-gradient(linear, left bottom, left top, from(rgba(0,0,0,.9)), color-stop(100%,transparent), color-stop(100%,transparent));*/
  /*background: linear-gradient(0deg, rgba(0,0,0,.9) 0, transparent 100%, transparent);*/
  /*display: block;*/
  color: #fff;
  padding: 0 30px;
  background-color: rgba(0, 0, 0, 0.4);
  max-width: 70%;
  margin: 0 auto 6px auto;
  display: inline-block;
}

#project-node .row div.pr_logo {
  display: block;
  background: -webkit-gradient(linear,left bottom,left top,from(rgba(255,255,255,.9)),color-stop(100%,transparent),color-stop(100%,transparent));
  background: linear-gradient(180deg,rgba(255,255,255,.9) 0,transparent 100%,transparent);
}

#project-node .pr_image img {
  max-width: 100%;
}

#project-node .tabs-menu {
  display: inline-block;
}

#project-node .tabs-menu ul {
  padding: 8px 30px;
  margin: 0;
}

#project-node .tabs-menu li {
  display: inline-block;
  font-size: 26px;
  padding: 0 20px;
}

#project-node .tabs-menu li a {
  color: #fff;
  text-decoration: none;
}

#project-node .tabs-menu li a:hover {
  color: #000;
}

#project-node .tab-section {
  display: none;
}

#project-node .pad-subsection {
  padding: 30px 0;
}

#project-node .tab-section.active {
  display: block;
  margin-bottom: 50px;
}

#project-detail-section {
  /*display: none;*/
}

#project-node .section-header {
  /*padding-top: 30px;*/
}

#project-detail-section .section-header {
  padding: 50px 0;
}

#project-detail-section ul {
  padding-left: 20px;
}

#project-node .section-header .ss_title {
  text-align: center;
  font-size: 30px;
  padding: 30px 0;
}

#project-node .section-header .ss_title h3 {
  display: table;
  width: 100%;
}

#project-node .section-header .ss_title h3 span {
  display: inline-block;
  /*white-space: nowrap;*/
  /*text-transform: uppercase;*/
  font-size: 50px;
  padding: 0 20px;
}

#project-detail-section .project_detail_single_column,
#project-detail-section .project_detail_two_columns,
#project-detail-section .project_detail_three_columns {
  /*padding: 50px 0;*/
}

#project-node .sub-section-header {
  /*margin-top: 30px;*/
}

#project-node .sub-section-header .ss_title,
#project-detail-section .pd_title {
  text-align: center;
  font-size: 30px;
  padding-bottom: 30px;
}

#project-node .sub-section-header .ss_title h3,
#project-detail-section .pd_title h3 {
  display: table;
  width: 100%;
  line-height: 36px;
}

#project-node .sub-section-header .ss_title h3 span,
#project-detail-section .pd_title h3 span {
  display: inline-block;
  white-space: nowrap;
  text-transform: uppercase;
  font-size: 30px;
  padding: 0 20px;
}

#project-node .sub-section-header .ss_title h3::before,
#project-node .sub-section-header .ss_title h3::after,
#project-detail-section .pd_title h3::before,
#project-detail-section .pd_title h3::after {
  background-image: -moz-linear-gradient(transparent 49%,#FFF 50%,#FFF 51%,transparent 51%);
  background-image: -webkit-linear-gradient(transparent 49%,#FFF 50%,#FFF 51%,transparent 51%);
  background-image: linear-gradient(transparent 49%,#FFF 50%,#FFF 51%,transparent 51%);
  content: "";
  display: table-cell;
  width: 50%;
}

#button-top {
  display: none;
  position: fixed;
  bottom: 20px;
  right: 30px;
  z-index: 3000;
  outline: none;
  background-color: red;
  color: #fff;
  cursor: pointer;
  padding: 15px;
  border-radius: 10px;
  font-size: 24px;
  border: 1px solid #ccc;
}

#button-top:hover {
  background-color: #555; /* Add a dark-grey background on hover */
}
/*#button-top::before {*/
/*content: "\e90e";*/
/*}*/

.prjct-bckgrnd-subsection {
  background-color: #343436;
  padding: 50px 0;
}

.prjct-bckgrnd-subsection h3 {
  color: #fff;
}
.prjct-bckgrnd-subsection .icon-counter {
  color: #111;
  display: block !important;
  text-align: center;
}

.prjct-bckgrnd-subsection .icon-counter .percentage {
  font-size: 72px;
  font-weight: bold;
  line-height: 48px;
}

.prjct-bckgrnd-subsection .numscroller {
  color: #111;
  font-size: 60px;
  display: block !important;
  text-align: center;
}

.prjct-bckgrnd-subsection .text-counter {
  color: #111;
  font-size: 30px;
  display: block !important;
  text-align: center;
}

.prjct-bckgrnd-subsection .date-title {
  color: #111;
  font-size: 30px;
  display: block !important;
  text-align: center;
}

.prjct-bckgrnd-subsection .prj-date {
  color: #111;
  font-size: 40px;
  display: block !important;
  text-align: center;
}

#project-node .prjct-bckgrnd-subsection .sub-section-header h3::before,
#project-node .prjct-bckgrnd-subsection .sub-section-header h3::after {
  background-image: -moz-linear-gradient(transparent 49%,#111 50%,#111 51%,transparent 51%);
  background-image: -webkit-linear-gradient(transparent 49%,#111 50%,#111 51%,transparent 51%);
  background-image: linear-gradient(transparent 49%,#111 50%,#111 51%,transparent 51%);
}

.prjct-bckgrnd-subsection h3 {
  color: #111;
}

#main-menu-container {
  position: absolute;
  height: 48px;
  top: 0;
  right: 0px;
  background: -webkit-gradient(linear,left bottom,left top,from(rgba(255,255,255,.9)),color-stop(100%,transparent),color-stop(100%,transparent));
  background: linear-gradient(180deg,rgba(255,255,255,.9) 0,transparent 100%,transparent);
}

.container-accordion {
  padding: 10px 0;
}

.project-news-item,
.project-event-item {
  padding: 20px 16px 0 16px;
  border-bottom: 1px solid #ccc;
  overflow: hidden;
}

.project-document-item,
.project-video-item {
  padding: 20px 16px 0 16px;
  border-radius: 6px;
}

.project-video-item.active,
.project-news-item.active,
.project-event-item.active {
  background-color: #eee;
}

.project-video-item .pn-container,
.project-news-item .pn-container,
.project-event-item .pn-container {
  display: flex;
}

.project-news-item .pn-container .pn-image-container,
.project-event-item .pn-container .pn-image-container {
  min-width: 150px;
}

.project-video-item .pn-container .pn-image-container img,
.project-news-item .pn-container .pn-image-container img,
.project-event-item .pn-container .pn-image-container img {
  width: 150px;
  border-radius: 6px;
  margin-top: 14px;
}

.project-document-item .pn-content-container,
.project-video-item .pn-content-container,
.project-news-item .pn-content-container,
.project-event-item .pn-content-container {
  padding: 0 20px;
}

.project-event-item .pn-text-container {
  padding-top: 58px;
}

.project-video-item .pn-content-container {
  padding-top: 4px;
}

.project-video-item .pn-text-container a>h6:hover,
.project-news-item .pn-text-container a>h6:hover,
.project-event-item .pn-text-container a>h6:hover {
  color: #007bff;
}

.project-document-item .pn-text-container a:hover,
.project-video-item .pn-text-container a:hover,
.project-news-item .pn-text-container a:hover,
.project-event-item .pn-text-container a:hover{
  text-decoration: none;
}

.project-video-item .pn-text-container h6,
.project-news-item .pn-text-container h6,
.project-event-item .pn-text-container h6 {
  font-size: 22px;
}

.pn-img-rel {
  position: relative;
}

.project-document-item .pn-text-container h6 {
  font-size: 22px;
  padding-top: 8px;
}

.project-event-item .pn-date-container {
  text-align: center;
  border-radius: 8px;
  /*width: 180px;*/
  margin-bottom: 8px;
}

.project-event-item .pn-date-container .start-date {
  width: 180px;
}

.project-event-item .pn-date-container .date-day {
  font-size: 50px;
  display: block;
  font-weight: bold;
  line-height: 50px;
}

.project-event-item .pn-date-container .date-month {
  display: inline-block;
  font-size: 26px;
  border-bottom: 1px solid #ccc;
}

.project-event-item .pn-date-container .date-year {
  display: block;
}

#library .accordion-block {
  padding: 10px 0;
}

.pn-full-container {
  padding: 20px 16px;
}

.pn-full-container .pn-image-container img {
  max-width: 100%;
  border-radius: 6px;
}

.pn-full-container .pn-text-container a>h3:hover{
  color: #007bff;
}

.pn-full-container .pn-text-container a:hover{
  text-decoration: none;
}

.pn-full-container iframe {
  width: 100%;
  height: 400px;
}

#mis-partnership label,
#mis-client label {
  font-weight: bold;
}

#mis-partnership .table-title,
#mis-client .table-title {
  display: block;
  text-align: center;
}

#mis-partnership .headers-row label,
#mis-client .headers-row label {
  margin: 8px 0 !important;
}

#mis-partnership .headers-row,
#mis-client .headers-row {
  /*background-color: #ddd;*/
  /*border-top: 1px solid #ccc;*/
  border-bottom: 1px solid #ccc;
  /*border-radius: 6px;*/
  font-weight: bold;
}

#mis-partnership .content-row,
#mis-client .content-row {
  border-bottom: 1px solid #ccc;
  padding: 6px 0;
}

#mis-partnership a.show-contacts {
  color: #212529 !important;
}

#mis-partnership a:hover {
  color: #007bff !important;
}

#mis-client .details {
  padding: 20px 16px;
}

#mis-partnership .modal-dialog,
#mis-client .modal-dialog {
  max-width: 800px;
  width: 800px;
  font-size: 16px;
}

#mis-partnership .modal-dialog .contacts-container,
#mis-client .modal-dialog .contacts-container {
  padding: 30px 0;
}

#mis-partnership .modal-dialog .contact-separator,
#mis-client .modal-dialog .contact-separator {
  border-right: 1px solid #ccc;
}

#mis-partnership .modal-dialog .contact-row i,
#mis-client .modal-dialog .contact-row i {
  color: #003399;
  float: left;
  padding-top: 6px;
}

#mis-partnership .modal-dialog .contact-row p,
#mis-client .modal-dialog .contact-row p {
  display: inline-block;
  margin-left: 20px;
}

#mis-partnership .modal-dialog .strip-container {
  margin: 0 auto;
}
#mis-partnership .modal-dialog .strip-4 {
  min-width: 300px;
  padding: 0 15px;
  display: inline-block;
}

#mis-partnership #associates {
  margin-top: 80px;
}

.node-actions {
  text-align: right;
  padding-right: 20px;
}

.social-buttons {
  text-align: left !important;
  display: inline-block;
  /*border: 1px solid #ccc;*/
  /*padding: 6px;*/
}

.social-buttons .social-buttons-title {
  margin: 0 !important;
}

.social-buttons li {
  padding: 0 !important;
}

.social-buttons li a {
  display: inline-block !important;
  width: 40px;
}

.social-buttons li a i {
  font-size: 20px;
}

.social-buttons-links .whatsapp a {
  background-color: #17980E;
}

.vocabulary-tags {
  display: inline-block;
  padding: 6px 8px;
  border-radius: 6px;
}


.links a.language-link {
  text-decoration: none;
  font-size: 16px;
}

.pager {
  font-size: 16px;
}

.pager a {
  text-decoration: none;
}

#project-header-section {
  margin-top: 40px;
}

.project-header-item { }
.project-header-item .phi_container {
  width: 240px;
  margin: 0 auto;
}

.project-header-item .phi_item {
  position: relative;
  text-align: center;
  display: inline-block;
  color: #FFF;
}

.project-header-item .phi_item a {
  color: #FFF;
  text-decoration: none;
  display: block;
}

/*.project-header-item .phi_item a:hover {*/
/*opacity: 0.7;*/
/*}*/

.project-header-item .phi_image {
  width: 32px;
  margin-top: 16px;
}

.project-header-item .phi_title {
  position: absolute;
  /*top: 80px;*/
  /*left: 0;*/
  /*width: 240px;*/
  text-align: center;
  top: 46px;
  left: 35px;
  width: 170px;
  font-size: 24px;
}

.project-header-item .phi_counter {
  position: absolute;
  bottom: 32px;
  left: 44px;
  text-align: center;
  width: 152px;
  font-family: Open Sans;
  font-size: 60px;
  font-weight: 800;
}

.project-header-item .phi_subtitle {
  position: absolute;
  bottom: 16px;
  left: 62px;
  text-align: center;
  width: 120px;
  /*font-size: 27px;*/
  /*font-family: Raleway;*/
  /*font-weight: 300;*/
  font-family: Open Sans;
  font-size: 20px;
  font-weight: 800;
}

.project-header-item .phi_item .phi_item_1 {
  /*width: 0;*/
  float: left;
  border-right: 60px solid #6C6;
  border-top: 104px solid transparent;
  border-bottom: 104px solid transparent;
}

.project-header-item .phi_item .phi_item_2 {
  float: left;
  width: 120px;
  height: 208px;
  background-color: #6C6;
}

.project-header-item .phi_item .phi_item_3 {
  /*width: 0;*/
  float: left;
  border-left: 60px solid #6C6;
  border-top: 104px solid transparent;
  border-bottom: 104px solid transparent;
}

.clear-both {
  clear: both;
  line-height: 0;
}

#latest-blocks .btn-prev, #latest-blocks .btn-next {
  position: absolute;
  top: 215px;
  z-index: 100;
}

#latest-blocks .btn-prev {
  left: -50px;
}

#latest-blocks .btn-next {
  right: -50px;
}

#latest-blocks .btn-prev, #latest-blocks .btn-next {
  font-size: 50px;
  font-weight: bold;
  color: #5B6995;
}

#latest-blocks .carousel-indicators {
  bottom: -25px !important;
}

#latest-blocks .carousel-item, #latest-blocks .carousel-item.active {
  width: unset !important;
}

#latest-blocks .carousel-indicators li {
  border: 1px solid #ccc;
  background-color: #ccc;
}

#latest-blocks .carousel-indicators li.active {
  border: 1px solid #5B6995;
  background-color: #5B6995;
}

.latest-blocks-margin {
  margin-bottom: 30px;
}

#pop-up-paragraph {
  padding: 200px 0;
  background-color: #ccc;
}

#pop-up-paragraph #pop-up {
  margin: 0 auto;
  background-color: #aaa;
}

#pop-up-editor-actions {

}

#pop-up {
  position: relative;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 8px;
  margin: 0 auto;
}

#pop-up.pu-opacity #pu-text-container {
  background-color: rgba(30, 50, 110, 0.73);
  border-bottom-right-radius: 8px;
  border-bottom-left-radius: 8px;
}

#pop-up #pu-text-container {
  position: absolute;
  width: 800px;
  padding: 40px;
}

#pop-up.pu-pos-top #pu-text-container {
  top: 0;
  left: 0;
}

#pop-up.pu-pos-bottom #pu-text-container {
  bottom: 0;
  left: 0;
}

#pop-up.pu-pos-right #pu-text-container {
  top: 0;
  right: 0;
  width: 300px !important;
}

#pop-up.pu-pos-left #pu-text-container {
  top: 0;
  left: 0;
  width: 300px !important;
}

#pop-up.pu-pos-middle #pu-text-container {
  top: 250px;
  left: 0;
}

#pop-up #pu-text-container .pu-action {
  text-align: right;
  margin-top: 10px;
}

#pop-up.pu-opacity h3 {
  color: #FFCC00;
}

#pop-up.pu-opacity .pu-description {
  color: #fff;
}

#block-views-block-pop-up-view-block-1 {
  display: none;
}

.spb-popup-main-wrapper {
  border: none !important;
  margin: 0 !important;
  padding: 0 !important;
  background-color: transparent !important;
  width: 100% !important;
  height: 100% !important;
  top: 0 !important;
  left: 0 !important;
  right: 0 !important;
  bottom: 0 !important;
}

.spb-popup-main-wrapper .spb-controls {
  background-color: rgba(30, 50, 110, 0.73);
  right: 22%;
  top: 12%;
  border-radius: 60px;
  height: 60px;
}

.spb-popup-main-wrapper .spb-controls .spb_close {
  background-color: transparent;
  border: none;
  color: #fff;
  font-size: 60px;
  margin: 22px 0 0 0;
  line-height: 0;
}

#all-galleries {
  margin: 0 auto;
}

#all-galleries .gallery-photos {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

#all-galleries .gallery-listing {
  text-align: center;
  width: 300px;
  height: 300px;
  position: relative;
  overflow: hidden;
  margin: 15px;
}

.gallery-listing a, .gallery-listing a:hover {
  text-decoration: none;
}

.gallery-listing img {
  height: 300px;
  transition: transform .3s;
}

.gallery-listing a:hover img {
  transform: scale(1.1);
}

.gallery-listing .gallery-body {
  position: absolute;
  bottom: 0;
  left:0;
  width: 300px;
  padding: 0 8px;
  /*background-color: rgba(30, 50, 110, 0.73);*/
  color: #FFF;
  background: -webkit-gradient(linear,left bottom,left top,from(rgba(0,0,0,.9)),color-stop(100%,transparent),color-stop(100%,transparent));
  background: linear-gradient(0deg,rgba(0,0,0,.9) 0,transparent 100%,transparent);
}

.gallery-title h6 {
  color: #FFF;
  margin-top: 8px;
}

.gallery-listing .gallery-body .gallery-counter {
  font-size: 14px;
  display: inline-block;
  margin-left: 8px;
  float: left;
}

.gallery-listing .gallery-body .gallery-date {
  font-size: 14px;
  display: inline-block;
  margin-right: 8px;
  float: right;
}

.photo-listing {
  display: inline-block;
}

.photo-listing img {
  height: 300px;
}

.gallery-node img {
  height: 200px;
  float: left;
  border-radius: 8px;
}

.gallery-node .node-details-content {
  float: left;
  margin-left: 30px;
  width: 60%;
}
.gallery-node .node-actions {
  float: right;
}

#modal-container {
  display: none;
  position: fixed;
  z-index: 1000;
  padding-top: 100px;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  overflow: auto;
  background-color: rgb(0,0,0);
  background-color: rgba(0,0,0,0.9);
}

#modal-container #modal-image {
  margin: auto;
  display: block;
  width: 80%;
  max-width: 700px;
}

#modal-container #caption {
  margin: auto;
  display: block;
  width: 80%;
  max-width: 700px;
  text-align: center;
  color: #ccc;
  padding: 10px 0;
  height: 150px;
}

#modal-container #modal-image, modal-container #modal-image #caption {
  animation-name: zoom;
  animation-duration: 0.6s;
}

@keyframes zoom {
  from {transform:scale(0)}
  to {transform:scale(1)}
}

#modal-container .close {
  position: absolute;
  top: 15px;
  right: 35px;
  color: #f1f1f1;
  font-size: 40px;
  font-weight: bold;
  transition: 0.3s;
}

#modal-container .close:hover,
#modal-container .close:focus {
  color: #bbb;
  text-decoration: none;
  cursor: pointer;
}

/* fullcalendar styles override - start */

/*.js-drupal-fullcalendar .fc-month-button {*/
/*display: none;*/
/*}*/


.js-drupal-fullcalendar .fc-header-toolbar {
  margin-bottom: 0;
}

.js-drupal-fullcalendar .fc-header-toolbar .fc-center {
  float: right;
}
.js-drupal-fullcalendar .fc-header-toolbar h2 {
  font-size: 20px;
}

.js-drupal-fullcalendar .fc-button {
  height: 26px;
  padding: 0 2px;
  overflow: hidden;
}

.js-drupal-fullcalendar .fc-button-group .fc-button .fc-icon {
  position: unset;
  top: unset;
  margin: unset;
  vertical-align: unset;
}

.js-drupal-fullcalendar .fc-icon-left-single-arrow:after,
.js-drupal-fullcalendar .fc-icon-right-single-arrow:after{
  font-weight: 700;
  font-size: 38px;
  top: -2px;
}

.js-drupal-fullcalendar .fc-today-button {
  padding: 0 16px;
  line-height: 0px;
}

.js-drupal-fullcalendar .fc-scroller {
  height: auto !important;
  overflow: auto !important;
}

.js-drupal-fullcalendar .fc-day-header {
  font-size: 16px;
}

.js-drupal-fullcalendar .fc-content .fc-time,
.js-drupal-fullcalendar .fc-title {
  display: none;
}

.js-drupal-fullcalendar .fc-day-grid-event {
  height: 21px;
}

.js-drupal-fullcalendar .fc-title a {
  color: #fff;
  text-decoration: none;
}

.js-drupal-fullcalendar .fc-title a:hover { }

/* fullcalendar styles override - end */

.event-block-listing {
  margin-bottom: 30px;
  box-shadow: 2px 5px 20px rgba(0,0,0,0.5);
  -webkit-box-shadow: 2px 5px 20px rgba(0,0,0,0.5);
  overflow: hidden;
  height: 300px;
  border-radius: 10px;
}

.event-block-listing.prjctevnt-block {
  box-shadow: 2px 5px 20px rgba(0,51,153,0.9);
  -webkit-box-shadow: 2px 5px 20px rgba(0,51,153,0.9);

}

.event-block-listing .ev-img-container {
  width: 25%;
  float: left;
  max-height: 300px;
  padding-top: 12px;
  position: relative;
}

.event-block-listing .block-body {
  width: 70%;
  float: left;
  padding: 0 20px;
}

.event-block-listing img {
  width: 100%;
}
.event-block-listing p.message-over-image {
  top: 10px;
  border-radius: 8px;
}

#block-addtoanybuttons span { display: inline-block; min-width: 200px; }

.modal-dialog { margin: 2%; }
/* Responsive Queries*/

@media all and (min-width:320px) and (max-width: 1199px) {
  #node-details-page .blog-details img {
    width: inherit;
    max-width: 100%;
    height: auto;
  }

  #banner-slider .custom_indicators {
    max-width: 50%;
    bottom: 10px;
    text-align: left;
  }

  .carousel-indicators {
    padding-bottom: 0px;
    padding-left: 12px;
  }

  #banner-slider .carousel-item {
    width: inherit !important;
  }

  .carousel-item img{
    height: 275px;
  }

  #banner-slider #carouselExampleIndicators {
    max-width: inherit;
  }

  #banner-slider .credit_author_container {
    width: inherit;
  }

  #banner-slider .carousel-caption {
    position: absolute;
    bottom: 0;
    left: 0;
    width: auto;
    height: auto;
    padding: 0 40px 36px 20px;
  }

  .lang_ar #banner-slider .carousel-caption {
    right: 0;
  }

  .carousel-caption.d-none.d-md-block {
    width: 75%;
    padding: 20px;
  }

  #banner-slider h1, #banner-slider h2 {
    font-size: 25px !important;
    padding: 0 !important;
  }

  #banner-slider p{
    font-size: 15px;
    margin-bottom: 6px;
  }

  #banner-slider .btn.btn-infos {
    padding: 5px 15px !important;
    margin: 0;
  }

  #banner-slider .read-more-container {
    text-align: right;
  }

  .lang_ar #banner-slider .read-more-container {
    text-align: left;
  }
}

@media all and (min-width:320px) and (max-width: 1152px) {

  /*override*/
  .navbar-expand-lg>.container, .navbar-expand-lg>.container-fluid {
    padding-right: inherit !important;
    padding-left: inherit !important;
  }

  .navbar-expand-lg .navbar-collapse {
    display: none !important;
  }

  .navbar-expand-lg .navbar-nav {
    -ms-flex-direction: column !important;
    flex-direction: column !important;
  }

  .navbar-expand-lg {
    -ms-flex-flow: wrap !important;
    flex-flow: wrap !important;
    -ms-flex-pack: justify !important;
    justify-content: space-between !important;
    padding-left: 0 !important;
  }

  #user-login {
    max-width: 95% !important;
    margin: auto;
    padding: 0;
    border: 2px solid #f5f5f5;
    margin-bottom: 40px;
    margin-top: 20px;
    overflow: hidden;
  }

  #user-register-form, #user-pass {
    max-width: 95% !important;
    margin: auto;
    margin-top: 40px;
    margin-bottom: 40px;
    border: 2px solid #f5f5f5;
    padding: 20px;
    overflow: hidden;
  }

  #aree-tematiche .main_row {
    width: 80%;
  }

  #aree-tematiche .at-img-container {
    width: 47px;
    margin: 0 auto;
  }

  #aree-tematiche .at-desc,
  #aree-tematiche .opn-smbl {
    display: none !important;
  }

  .navbar-light .navbar-toggler {
    padding: 20px;
    color: #fff;
    border-color: transparent;
    cursor: pointer;
    display: block !important;
  }

  ul.navbar-nav.ml-auto.menu-level-0 {
    margin-top: 50px;
    /*padding: 30px 0px;*/
  }

  .menu-container li {
    padding: 0;
  }

  ul.navbar-nav.ml-auto.menu-level-1 {
    /*padding-top: 8px;*/
  }

  ul.navbar-nav.ml-auto {
    position: relative;
    background-color: #ffffff;
    width: calc(100vw);
  }

  nav#mainNav {
    position: absolute;
    top: 5px;
    right: 0;
  }

  .menu-level-0 li.active .menu-level-1,
  .menu-level-1 li.active .menu-level-2 {
    position: relative;
    padding-left: 40px;
  }

  .menu-level-1 {
    top: unset;
  }

  #presentation-section .image-container img {
    width:100px;
  }

  #presentation-section .text-container-left,
  #presentation-section .text-container-right {
    font-size: 20px
  }

  #footer .navbar-nav {
    /*display: block !important;
    -webkit-flex-flow: unset !important;*/
    background-color: transparent;
  }
  #footer .menu-item, #footer .nav-item {
    width: 100%;
    max-width: unset;
  }

  #footer .menu-level-1, #footer .menu-level-2, #footer .menu-level-3 {
    position: relative !important;
    top: unset !important;
    left: 20px;
  }

  #project-node .prj-det-abs-content {
    position: relative;
    height: auto;
  }

  #project-node .prj-det-abs-content img { max-width: 100%; }

  #project-node .prj-det-rel-content .pr_image img {
    margin-top: 0 !important;
  }

  #project-node .pr-title-over-image {
    position: relative;
  }
  #project-node .pr-title-over-image .pr-title {
    max-width: 100%;
    font-size: 30px;
    margin: 0;
  }

  #button-top, #project-node .tabs-menu li a {
    color: #212529;
  }

  #project-node .pad-subsection {
    padding: 30px 12px;
  }

  #project-node .row div.col-4 {
    max-width: 100%;
    flex: 0 0 100%;
  }

  .prjct-bckgrnd-subsection .col-4:nth-child(1) .text-counter,
  .prjct-bckgrnd-subsection .col-4:nth-child(2) .text-counter {
    padding-bottom: 20px;
    border-bottom: 1px solid #111;
    margin-bottom: 20px;
  }

  #project-node .prjct-bckgrnd-subsection .col-6 {
    max-width: 100%;
    flex: 0 0 100%;
  }

  #project-node .prjct-bckgrnd-subsection .col-6:nth-child(1) {
    padding-bottom: 20px;
  }
}

@media all and (min-width:320px) and (max-width: 991px) {
  #edit-actions {
    width: 100%;
  }

  .contacts-list {
    border-left: none;
    border-top: 2px solid #ddd;
    padding-top: 10px;
  }

  #contact-us-office-section .office-details {
    display: flex;
    flex-direction: column;
  }

  #contact-us-office-section .col-6 {
    flex-basis: auto;
    min-width: 100%;
  }

  #contact-us-office-section .sub-section-country, .faq-item .faq-question {
    margin: 10px;
  }

  .faq-answer-details .detail-item {
    padding: 0 3px;
    margin: 0 10px;
  }

  .faq-item .detail-item p {
    padding-bottom: 0;
  }

  #mis-partnership .headers-row {
    display: none;
  }

  #mis-partnership .content-row .col-2:nth-child(1) {
    font-weight: bold;
  }

  #mis-partnership .content-row .col-2,
  #mis-partnership .content-row .col-5 {
    width: 100%;
    max-width: 100%;
    flex: 0 0 100%;
  }

  #mis-partnership .modal-dialog {
    width: 94%;
    max-width: unset;
  }
}

@media all and (min-width:320px) and (max-width:767px) {
  .why-choose-description {
    padding-right: 15px !important;
  }

  .our-client {
    padding-bottom: 40px;
  }

  #contact .btn-primary {
    padding: 6px 125px !important;
    width: 100%;
  }

  .recent-item {
    padding: 35px;
    min-width: 100%;
  }

  #generic-section .content-container,
  .company-detail-description,
  .under-construction-description {
    padding-left: 15px !important;
    padding-top: 35px !important;
  }

  #why-choose-use .why-choose-description {
    padding: 0px 0px !important;
  }

  #get-in-touch .contact-details {
    padding-left: 0px;
  }
  #get-in-touch .contact-form {
    padding-left: 45px
  }

  #node-details-page .blog-details p.message-over-image {
    width: 100%;
    top: -35px;
  }

  #node-details-page  h4{
    padding-left: 0px !important;
    text-align: center;
  }

  #node-details-page .comments .comments-img{
    text-align: center;
  }

  #node-details-page .comments .comments-img img{
    padding-left: 0px;
  }

  #node-details-page .comments .comments-description {
    padding-right: 35px;
    padding-left: 35px;
  }

  p.message-over-image {
    position: relative;
    top: -38px;
    padding: 6px 20px;
    color: #fff;
  }

  #node-details-page .blog-details-description h3{
    font-size: 20px;
  }


  #node-details-page .post-comment h4{
    text-align: left;
    padding-left: 15px !important;
  }

  #node-details-page .post-comment .personal label{
    float: none !important;
    width: 100%;
  }

  .personal input[type=text], .personal textarea{
    margin-left: 0px;
  }

  #service-page-listing .service-inner-img {
    padding: 0px 5px;
  }

  #service-page-listing .service-caption h5 {

  }

  #service-page-listing .service-caption h5 a{
    padding: 0px;
    font-size: 22px;
  }


  #service-page-listing .service-caption h5 {
    padding: 0px 15px;
  }

  #service-page-listing .service-caption p{
    padding: 0px 20px;
  }

  #service-page-listing .btn.btn-infos{
    margin-bottom: 19px;
    margin-top: -7px;
  }

  .custom_menu_item_container,
  .custom-menu-item-accordion .cm_container,
  .custom-menu-item-simple-accordion .cm_container {
    width: 100%;
  }

  #info-center-paragraph .show-more-news {
    right: 20px;
  }

  #info-center-paragraph h2 {
    text-align: left;
    display: inline-block;
  }

  .project-header-item.col-3 {
    max-width: 100%;
    flex: 0 0 100%;
  }

  #mis-partnership .modal-dialog,
  #mis-client .modal-dialog {
    width: 96%;
  }

  #mis-partnership .modal-dialog .contact-separator {
    border-right: none;
    border-bottom: 1px solid #ccc;
    margin-bottom: 20px;
  }

  .modal-header {
    padding: 10px !important;
  }

  #mis-partnership .modal-dialog .contacts-container {
    padding: 16px 0;
  }
}

@media all and (min-width:320px) and (max-width:700px) {
  #modal-container #modal-image{
    width: 100%;
  }
}

@media all and (min-width:320px) and (max-width:480px) {

  #loghi .loghi-img {
    height: 49px !important;
    width: auto;
  }

  .region-social img {
    height: 24px;
  }

  .custom-container-left {
    width: 55%;
  }

  .custom-container-right {
    width: 43%;
  }

  .news-filters .form-item {
    margin-right: 0 !important;
  }

  #custom-content select,
  #custom-content .form-text,
  #custom-content .form-textarea,
  .custom-content select,
  .custom-content .form-text,
  .custom-content .form-textarea {
    padding: 7px !important;
    background-color: #fff;
  }

  #custom-content input[type='date'],
  .custom-content input[type='date'],
  #custom-content input[type='time'],
  .custom-content input[type='time'] {
    width: 100% !important;
    background-color: #fff;
    margin: 0;
  }

  .custom-content #edit-submit,
  #custom-content #edit-submit,
  #edit-actions #edit-actions-submit {
    width: 100%;
  }

  nav.tabs .tabs::before {
    left: 0;
  }

  #auth_box {
    width: 100%;
  }

  #middle_part #block-yg-business-plus-content {
    padding: 0;
  }

  #subNav {
    width: 100% !important;
    margin: 0 !important;
  }
  .custom-col-width {
    width: inherit !important;
    padding: 0;
  }

  #block-languageswitcher ul {
    padding: 0;
  }

  #sub-header {
    padding-top: 125px;
  }

  #video_gallery_section #youtube_player {
    width: inherit;
    height: 216px;
  }

  #mainNav img{
    width: 65%;
    position: absolute;
  }

  #get-in-touch .contact-details .info-list {
    padding-left: 20px;
    padding-bottom: 20px;
  }

  #get-in-touch .contact-form {
    padding-right: 45px;
  }

  #header.sticky {
    /*  padding: 30px 0px;*/
  }

  .personal input[type=text], .personal textarea {
    width: 100%;
  }

  #node-details-page .post-comment .btn.btn-infos {
    margin: 0px !important;
    display: inline-block;
    width: 100%;
  }

  .navbar-light .navbar-nav .nav-link {
    padding: 0;
    /*padding: 6px 0px 8px !important;*/
    /* border-bottom: 1px solid #1b1b1b;*/
    margin: 0px 22px;
  }

  .d-none {
    display: block!important;
  }

  /*services section*/
  #services .btn-primary {
    padding: 10px 75px !important;
  }
  /* End services section*/

  /*Counter section*/
  #counters p {

  }
  #counters .text-center{
    padding-bottom: 50px;
  }

  #about .btn.btn-infos {
    margin-bottom: 20px;
  }

  #about h2 {
    font-size: 25px;
  }

  /* End Counter section*/

  .owl-carousel .owl-item img {
    padding-left: 90px;
  }

  .testimonial-description {
    padding: 0px 50px 0px 90px;
  }

  .testi-img {
    margin: auto;
    max-width: 100%;
    padding-top: 20px;
  }

  .menu--account ul.menu {
    display: block;
  }

  .menu--account li {
    padding: 10px 0;
  }

  .menu--account li > ul.menu {
    position: relative !important;
    top: unset !important;
    left: 40px;
  }

  #banner-slider .carousel-item {
    width: inherit !important;
    height: 202px;
  }

  #banner-slider .carousel-caption {
    position: absolute;
    bottom: unset;
    top: 202px;
    left: 0;
    width: auto;
    height: auto;
    padding: 0 40px 36px 20px;
  }

  #banner-slider .custom_indicators {
    bottom: 36px;
  }

  #banner-slider .carousel-inner {
    height: 652px !important;
    max-height: 652px !important;
  }

  #banner-slider p {
    font-size: 20px;
    margin-bottom: 6px;
  }

  #banner-slider {
    padding: 40px 0 0 0;
  }

  #areaTematicaDetail-0,
  #areaTematicaDetail-1,
  #areaTematicaDetail-2,
  #areaTematicaDetail-3 {
    height: 100vh;
    overflow-y: scroll;
  }

  .areaTematicaDetail .views-element-container {
    flex-direction: column;
  }

  .areaTematicaDetail .views-element-container .row {
    display: block;
    padding-bottom: 20px;
    border-bottom: 1px solid #ccc;
    margin-bottom: 20px;
  }

  .areaTematicaDetail .views-row {
    width: 100%;
  }

  #node-details-page #youtube_player {
    height: auto;
  }
}

@media all and (min-width:320px) and (max-width:390px) {
  #info-center-paragraph .show-more-news {
    top: 50px;
  }

  #latest-blocks .custom-info-center .block-listing {
    width: inherit;
  }
  #latest-blocks img {
    min-height: unset;
    height: auto;
  }

  .pn-img-rel {
    min-height: 173px;
  }

  p.message-over-image {
    position: absolute;
    bottom: 0;
    top: unset;
    margin-bottom: 0;
  }

  .block-body .block-body-content {
    height: auto;
  }

  .custom-menu-item .cm_container {
    width: 100%;
    height: 124px;
  }

  .custom-menu-item .custom_tooltip_text {
    width: auto;
  }

  .custom-menu-item .cm_text {
    font-size: 24px;
  }

  .custom-menu-item .cm_text_container {
    width: 270px;
  }

  .cm_image {
    min-height: 156px;
  }
}

@media all and (min-width:481px) and (max-width:1199px) {
  #banner-slider .item-content-container {
    min-height: unset;
  }
}

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

  #loghi .loghi-img {
    height: 76px;
    width: auto;
  }

  #get-in-touch .contact-details .info-list {
    padding-left: 20px;
    padding-bottom: 20px;
  }

  #get-in-touch .contact-form {
    padding-right: 45px;
  }

  .personal input[type=text], .personal textarea {
    width: 100%;
  }

  #node-details-page .post-comment .btn.btn-infos {
    margin: 0px !important;
    display: inline-block;
    width: 100%;
  }

  #header.sticky {
    /*    padding: 30px 0px;*/
  }

  #banner-slider .carousel-item {
    height:500px;
  }

  .carousel-item img{
    height: 275px;
  }

  .carousel-caption.d-none.d-md-block {
    width: 80%;
    padding: 20px;
  }

  .d-none {
    display: block!important;
  }

  #banner-slider h1, #banner-slider h2 {
    font-size: 25px;
  }

  #banner-slider p{
    font-size: 15px;
  }

  .carousel-indicators {
    padding-bottom: 0px;
  }

  .testimonial-description {
    padding: 0px 50px 0px 90px;
  }

  .testi-img {
    max-width: 33%;
    margin: auto;
  }

  #node-details-page #youtube_player {
    height: 300px;
  }
}

@media all and (min-width:540px) and (max-width: 767px) {
  .project-header-item.col-3 {
    max-width: 50%;
    flex: 0 0 50%;
  }
}

@media all and (min-width:575px) and (max-width: 767px) {
  #counters .text-center{
    padding-bottom: 50px;
    min-width: 100% !important
  }
}

@media all and (min-width:768px) and (max-width: 1000px) {
  #contact .col-md-6 {
    max-width: 100%;
    flex: 0 0 100%;
  }

  .project-header-item.col-3 {
    max-width: 50%;
    flex: 0 0 50%;
  }
}

@media all and (min-width:768px) and (max-width:991px){


  #video_gallery_section .col-md-6 {
    flex: 0 0 100%;
    max-width: 100%;
  }

  #latest-blocks .recent-item {
    max-width: 100% !important;
    flex: 0 0 100% !important;
  }

  #latest-blocks .custom-info-center .block-listing {
    width: auto;
  }

  #latest-blocks .block-listing a {
    display: inline;
    height: auto;
  }

  #latest-blocks .block-listing .block-body {
    width: 48%;
    display: inline-block;
  }

  #latest-blocks img {
    max-width: 44%;
    min-width: unset;
    min-height: unset;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
    vertical-align: top;
    margin: 26px 0 0 22px;
  }

  #latest-blocks .block-body .block-body-content {
    height: auto;
  }

  .carousel-caption {
    padding: 115px;
    max-width: 100%;
  }

  .service {
    min-width: 100% !important;
  }

  .enquiry{
    min-width: 80%;
    margin: auto;
  }

  #about .about-description{
    min-width: 100%;
    margin-right: 50px;
  }

  #about .about-img{
    min-width: 100%;
  }

  #about .btn.btn-infos {
    margin-bottom: 20px;
  }

  #footer img{
    width: 100%;
  }

  #footer .social .fa {
    padding: 5px;
    width: 27px;
  }

  #generic-section .content-container,
  .company-detail-description,
  .under-construction-description {
    padding-left: 15px !important;
    padding-top: 30px !important;
    min-width: 100% !important;
  }

  .company-detail-img{
    min-width: 100% !important;
  }

  p.message-over-image {
    width: 44% !important;
    left: 22px;
    padding: 6px 12px;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
  }

  #node-details-page .comments .comments-description {
    padding-right: 35px;
    padding-left: 80px;
  }

  #service-page-listing .service-caption h5 a{
    padding: 0px !important;
  }

  #service-page-listing .service-caption h5 {
    padding: 15px;
  }

  #service-page-listing .service-caption p {
    padding: 0px 15px;
  }

}

@media all and (min-width:825px) and (max-width:991px){
  .carousel-caption {
    padding: 172px;
  }
}

@media all and (min-width:992px) and (max-width:1199px){
  .carousel-caption {
    padding: 200px;
    max-width: 100%;
  }
  #services .enquiry {
    padding-left: 30px;
  }
}

@media all and (min-width:1153px) and (max-width:1453px) {
  .navbar-expand-lg .navbar-collapse {
    display: -ms-flexbox!important;
    display: flex!important;
    -ms-flex-preferred-size: auto;
    flex-basis: auto;
  }

  .navbar-expand-lg .navbar-nav {
    -ms-flex-direction: row;
    flex-direction: row;
  }

  .custom-col-8 {
    width: 66.67%;
    padding: 0;
  }
  .custom-col-8 .navbar {
    padding: 0;
  }

  .navbar-light .navbar-nav .nav-link {
    padding: 0 8px;
    font-size: 16px;
  }

  .navbar-light .navbar-nav.menu-level-1 .nav-link {
    padding: 0 8px;
  }

  .menu-level-0 {
    padding-left: 10px;
  }



  .custom-col-4 {
    width: 33.33%;
  }

  .menu-level:hover ul {
    display: none !important;
  }

  .menu-level-0 li:hover .menu-level-1,
  .menu-level-1 li:hover .menu-level-2 {
    display: flex !important;
  }

  .navbar-light .menu-level li:hover {
    /*border-bottom: 2px solid #AAA;*/
  }

  .project-header-item.col-3 {
    max-width: 25%;
    flex: 0 0 25%;
  }

  #footer .menu-level-1 .menu-item {
    max-width: 170px;
  }

  .region-footer .navbar-nav .nav-link {
    font-size: 16px;
  }
}

@media all and (min-width:1454px) {
  .navbar-expand-lg .navbar-collapse {
    display: -ms-flexbox!important;
    display: flex!important;
    -ms-flex-preferred-size: auto;
    flex-basis: auto;
  }

  .navbar-expand-lg .navbar-nav {
    -ms-flex-direction: row;
    flex-direction: row;
  }

  .custom-col-8 {
    width: 66.67%;
    padding: 0 15px;
  }

  .custom-col-4 {
    width: 33.33%;
  }

  .menu-level:hover ul {
    display: none !important;
  }

  .menu-level-0 li:hover .menu-level-1,
  .menu-level-1 li:hover .menu-level-2 {
    display: flex !important;
  }

  .navbar-light .menu-level li:hover {
    /*border-bottom: 2px solid #AAA;*/
  }

  .project-header-item.col-3 {
    max-width: 25%;
    flex: 0 0 25%;
  }

  #footer .menu-level-1 .menu-item {
    max-width: 170px;
  }
}

/* End Responsive queries*/

.collapse.show {
  display: block !important;
}