/*!
 * ZeplinGo
 * Custom css
 * Licensed under the MIT license - http://opensource.org/licenses/MIT
 *
 * Copyright (c) ZeplinGo
 */
#blog-first-text {
  display:none;
}
 .navbar-dropdown {
    background: #2bafe5;
}
#categories-body h2 {
    font-size: 1.5rem;
}
/*!
HEADER
 */
.cid-rxVuiMJXcQ .navbar {
    background-image: url(https://www.propm.com.tr/uploads/headerbg.jpg)!important;
        box-shadow: 0px 10px 10px #4444444f;
}
.bg-color ul li a {
    color: #062458 !important;
}
.navbar2 .nav-item a {
    padding: 0.6rem 0.3rem!important;
    margin: 0 0.15rem!important;
}
.cid-rxVuiMJXcQ .menu-logo .navbar-brand {
    margin-left: 2rem;
}
.cid-rxVuiMJXcQ .navbar-toggleable-sm .navbar-collapse {
    padding-right: 2rem;
}

#navbarSupportedContent > div.nav-bottom.justify-content-end-desktop > ul > li.nav-item.dropdown.open > div > a {
      font-size: 11px;
}
/*!
HEADER
 */



.form-check-label {
      font-size: 12px;
}

/*!
Buton gizleme
 */
#main-prod > form > div > div.card-box > div {
  display:none;
}  

.main-box-blog .mbr-section-btn {
  display:none;
}  

  /*!
Buton gizleme
 */

#contact > div > div.col-lg-6.mt-4.d-flex.flex-column.justify-content-top.pl-5.pr-5.mb-3 > h1 {
  display:none;
}
.ContactAdress {
  margin-top: 90px;
}

#menu2-1 > nav > div.menu-logo > div > span > a > img {
        height: 5.3rem !important;
}
  
.footer-logo {
      height: 10rem !important;
}

.slide {
      z-index: 1;
    border-bottom: 10px solid #20afe5;
    box-shadow: 0px 15px 30px #444444a8;
}
.google-map iframe {
      border-radius: 0px 0px 30px 30px;
}

.contentid18 video {
    border-radius: 20px;
    box-shadow: 0px 0px 10px #888;
      height: 286px;
}

#main-prod > div > a {
    visibility: hidden;
    position: relative!important;
      width: 60px;
    height: 0px;
}
#main-prod > div > a:after {
    visibility: visible;
    position: absolute;
    top: -10px;
    left: -10px;
    content: "Tümü";
    color: #fff;
    background-color: #20afe5;
    padding: 14px;
}


 .display-5 {
    font-size: 1rem;
}
.card-img img, .mbr-figure img {
    border-radius: 20px;
    /*border: solid 5px #2c4586;*/
    box-shadow: 0px 0px 10px #888;
}
.bb-1 {
    border-bottom: 0px solid #dee2e6;
}
.prodDetailBreadMargin1, .prodDetailBreadMargin2, .prodDetailBreadMargin3 {
    margin-top: 40px;
}
.CorporationContent {
    background-color: #fff;
    padding: 20px;
}



/** footer form */
.cid-rDVWtCctjD .google-map {
    height: 32rem!important;
    border-radius: 30px;
    box-shadow: 0px 3px 30px #2d4583;
    border-bottom: solid 10px #2bafe5!important;
}
#input-form-label {
    display: none;
}
#form1 .form-control {
    width: 100%;
    font-size: 12px;
    border-bottom: solid 2px #2bafe6;
}
/** footer form */

/** header text align*/
.cid-rxVuiMJXcQ .nav-item a, .navbar2 .nav-item a {
    display: -webkit-flex;
    -webkit-box-align: left;
    -ms-flex-align: left;
    align-items: left;
    -webkit-box-pack: left;
    -ms-flex-pack: left;
    justify-content: left;
    -webkit-align-items: left;
    -webkit-justify-content: left;
    font-size: .8rem;
}
/** header text align*/


/** header sabit*/
.cid-rxVuiMJXcQ .navbar.navbar-short {
    min-height: 60px;
    -webkit-transition: all .2s;
    transition: all .2s;
    top: 0;
    z-index: 999999;
}
/** header sabit*/


/** phone and mobil button */
.PhoneCall {
    bottom: 20px;
    right: 20px;
        left: auto;
}
.ContactButton {
    background-color: #20afe5;
    height: 30px;
    width: 110px;
    position: fixed;
    z-index: 999999;
    bottom: 20px;
    left: 20px;
    text-align: center;
    border-radius: 100px;
    -webkit-box-align: center!important;
    -ms-flex-align: center!important;
    align-items: center!important;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    color: #fff;
    font-size: 12px;
}
.ContactButton .fa {
    font-size: 25px;
    margin-top: -2px;
    color: #fff;
    text-align: center;
    margin-right: 0px!important;
}
.TopSiteButton {
    background-color: #4caf51;
    width: 50px;
    height: 50px;
    position: fixed;
    z-index: 999999;
    bottom: 80px;
    right: 20px;
    left: auto;
    text-align: center;
    border-radius: 100px;
    -webkit-box-align: center!important;
    -ms-flex-align: center!important;
    align-items: center!important;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
}
.TopSiteButton .fa {
    font-size: 30px;
    margin-top: 0px;
    color: #fff;
    text-align: center;
}
/** phone and mobil button */

/** mevzuat başlığı blog */
.contentid21 .btn-info {
    float: right;
    margin-bottom: 10px;
    margin-top: -40px;
    background-color: #20afe5!important;
    color: #fff!important;
    border: none;
        margin-right: 0;
        margin-left: 0;
}
.contentid21 .col-md-8{
    flex: 0 0 100%;
    max-width: 100%;
        padding: 0;
}
.contentid21 {
      border-top: solid 5px #4052b5;
        padding-bottom: 0px;
}
.contentid21 h2 {
        font-size: 2rem;
        margin-bottom: 0px;
        font-weight: 500;
        text-align: left !important;
        float: left;
}
.mainbloglist {
      background-color: #f2f4f8!important;
}
.mainbloglist .title {

    display: none;

}
/** mevzuat başlığı blog */

/** sosyal medya */
#menu2-1 > div > nav > a:nth-child(2) {
        background-color: #20afe5!important;
}
#menu2-1 > div > nav > a:nth-child(3) {
        background-color: #20afe5!important;
}
#menu2-1 > div > nav > a:nth-child(4) {
        background-color: #20afe5!important;
}
#menu2-1 > div > nav > a:nth-child(5) {
        background-color: #20afe5!important;
}
/** sosyal medya */

/** button color */
.mbr-section-btn a.btn:not(.btn-form) {
    border-radius: 5px;
}
.btn-info, .btn-info:active {
    background-color: #20afe5!important;
    border-color: #20afe5!important;
    color: #fff!important;
}
/** button color */

/** lang header */
.lang-button {
        background-color: #ffffff!important;
    border-color: #747474!important;
    color: #747474!important;

}
/** lang header */


/*! ana sayfa katefori başlıkları */

@media (min-width: 1023px) {
  
  .MainPageProdList .title {
  border-bottom: solid #3f52b5 3px;
  margin-bottom: 20px;
    box-shadow: 0px 10px 19px #7777777a;
  }

  .MainPageProdList h2 {
      font-weight: 300;
      text-align: left !important;
      float: left;
  }

  .MainPageProdList .title a {
    float: right;
    margin-bottom: 10px;
  }

}

/*! ana sayfa katefori başlıkları */



/** slider */
#slider-text-zep > div > h2 {
      border-left: solid 5px #fff;
    padding-left: 10px;
}
#slider-text-zep > div > p {
        border-left: solid 5px #fff;
    padding-left: 10px;
}
#slider-text-zep > div > div {
          border-left: solid 5px #fff;
    padding-left: 10px;
      margin-left: 0px;
}
.slide .mbr-overlay {
    opacity: 9!important;
    background-color: transparent!important;
    background: linear-gradient(90deg, rgb(3 33 86) 4%, rgb(3 33 86 / 46%) 90%);
}
.slide .align-left {
    border-left: solid 15px #20afe5;
}
.cid-ry6drk2Fr4 .carousel-caption {
    max-width: 1350px;
    margin: 0 auto;
}

/** slider */


/*! footer images */
.cid-rDVWtCctjD {
    padding-top: 4px;
}
#footer2-5 .mbr-text {    
    margin-top: 20px;
}
.cid-rDVWtCctjD { 
    position: relative; 
    display: flex;
    align-items: center;
    justify-content: center;
     background-image: url(https://www.propm.com.tr/uploads/contact-bg.jpg);
    background-size: cover;
}

.cid-rDVWtCctjD:before {
  border-top: solid 4px #2c4586;
    content: "";
    position: absolute;
    top: 0px;
    right: 0px;
    bottom: 0px;
    left: 0px;
    /*background-color: rgb(44 69 134 / 80%);*/
    background: linear-gradient(180deg, #2bafe5 0%, rgb(44 69 134 / 60%) 100%);
      box-shadow: 0px -10px 60px #444;
}
/*! footer images */



#slider-img-zep {
  -webkit-animation: kenburns-top 30s ease-out both;
            animation: kenburns-top 30s ease-out both;
}

#slider-text-zep {
    -webkit-animation: fade-in 1.2s cubic-bezier(0.390, 0.575, 0.565, 1.000) 0.5s  both;
            animation: fade-in 1.2s cubic-bezier(0.390, 0.575, 0.565, 1.000) 0.5s  both;
}


/**
 * ----------------------------------------
 * animation kenburns-top
 * ----------------------------------------
 */
@-webkit-keyframes slide-in-top {
  0% {
    -webkit-transform: translateY(-1000px);
            transform: translateY(-1000px);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
    opacity: 1;
  }
}
@keyframes slide-in-top {
  0% {
    -webkit-transform: translateY(-1000px);
            transform: translateY(-1000px);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
    opacity: 1;
  }
}


/**
 * ----------------------------------------
 * animation slide-in-bottom
 * ----------------------------------------
 */
@-webkit-keyframes slide-in-bottom {
  0% {
    -webkit-transform: translateY(1000px);
            transform: translateY(1000px);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
    opacity: 1;
  }
}
@keyframes slide-in-bottom {
  0% {
    -webkit-transform: translateY(1000px);
            transform: translateY(1000px);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
    opacity: 1;
  }
}

/**
 * ----------------------------------------
 * animation kenburns-top
 * ----------------------------------------
 */
@-webkit-keyframes kenburns-top {
  0% {
    -webkit-transform: scale(1) translateY(0);
            transform: scale(1) translateY(0);
    -webkit-transform-origin: 50% 16%;
            transform-origin: 50% 16%;
  }
  100% {
    -webkit-transform: scale(1.25) translateY(-15px);
            transform: scale(1.25) translateY(-15px);
    -webkit-transform-origin: top;
            transform-origin: top;
  }
}
@keyframes kenburns-top {
  0% {
    -webkit-transform: scale(1) translateY(0);
            transform: scale(1) translateY(0);
    -webkit-transform-origin: 50% 16%;
            transform-origin: 50% 16%;
  }
  100% {
    -webkit-transform: scale(1.25) translateY(-15px);
            transform: scale(1.25) translateY(-15px);
    -webkit-transform-origin: top;
            transform-origin: top;
  }
}


/**
 * ----------------------------------------
 * animation fade-in
 * ----------------------------------------
 */
@-webkit-keyframes fade-in {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes fade-in {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}



/*!
 * ZeplinGo
 * Custom css
 * Licensed under the MIT license - http://opensource.org/licenses/MIT
 *
 * Copyright (c) ZeplinGo
 */


/*!
 * Öne Çıkan Yazılar
 */
.mbr-section-btn {
    font-size: 26px;
    color: #053c85;
    font-weight: 400;
}
/*!
 * Öne Çıkan Yazılar
 */

@media (max-width: 767px) {
    .cid-rxVuiMJXcQ .nav-item a {
      font-size: 0.9rem;
  }
}

.cid-rxVuiMJXcQ .dropdown.open>.dropdown-menu {
background-color: #e0e0e0;
    border-bottom: solid 15px #1c2867;
    border-radius: 20px 20px 20px 20px;
}

.cid-ry6ebB5y3k {
    background-color: #ffffff;
}

/*! tap menu */
@media (max-width: 1023px) {
  #menu2-1 > div > nav > a:nth-child(1) {
    display:none
  }
}

@media (min-width: 1023px) {
  #menu2-1 > div > nav > a:nth-child(2) {
      margin-left: 40%;
    }
}
/*! tap menu */


/*!
ANA SAYFA BLOG
 */

.Case4 {
      background-color: #f2f4f8;
          border-top: solid 5px #4052b5;
}


.Case4 h2 {
        font-weight: 600;
}

.Case4 .title {
    border-bottom: none;
    box-shadow: none;
}

.Case5 {
      background-color: #f2f4f8;
          border-top: solid 5px #4052b5;
}


.Case5 h2 {
        font-weight: 600;
}

.Case5 .title {
    border-bottom: none;
    box-shadow: none;
}

/*!
ANA SAYFA BLOG
 */



/*! iconlu içeirik üstündeki banner */
.contentid19 {
        z-index: 9999!important;
        box-shadow: 0px -10px 60px #44444478;
}

 @media (min-width: 1023px) {
    .contentid19 img {
    max-width: 440px;
    position: absolute;
    z-index: 999;
    margin-left: 45px;
    border-radius: 50px;
    border: solid 10px #2c4586;
    margin-top: 80px;
    }
}

@media (min-width: 1310px) {
    .contentid19 img {
        max-width: 500px;
        position: absolute;
        z-index: 999;
        margin-left: 105px;
        border-radius: 50px;
        border: solid 10px #2c4586;
    }
 }   


/*! iconlu içeirik üstündeki banner */

/*! iconlu içeirik */
@media (min-width: 1023px) {
    .contentid13 h2 {
    text-align: inherit;
    }
    .contentid13 h3 {
    text-align: inherit;
    }
}
.contentid13 {
        border-top: solid 10px #2c4586;
}
/*! iconlu içeirik */


/*!  header içinde sosyal medya ve arama gizleme */
.header-social {
    display: none;
      
}
/*!  header içinde sosyal medya ve arama gizleme */



/*!  numator bilgi yazısı */
#counters1-y > div.container > h2 {
  color: #fff!important;
}
#counters1-y > div.container > h3 { 
  color: #fff!important;
}
.number-icons-title {
      color: #25aae1!important;
}
.number-icons-count {
      color: #fff;
}
/*!  numator bilgi yazısı */


#footer4-9 {
      background-color: #053c85;
}


/*!
 * resim zoom ani
 */
img:hover {
  transform: scale(1.1); 
  scroll-behavior: smooth;/* (150% zoom - Note: if the zoom is too large, it will go outside of the viewport) */
}
.catsectionid100 img:hover {
  transform: scale(1.1); 
  scroll-behavior: smooth;/* (150% zoom - Note: if the zoom is too large, it will go outside of the viewport) */
}

img {
  transition: transform .2s;    /* Animation */
}

.blog-detail-page img {
    max-width: 40%;
    margin: 0 auto;
    display: block;
}

@media (max-width: 1023px) { 
  
    .blog-detail-page img {
    max-width: 70%;
    }
  
}


/*!
 * resim zoom ani
 */