body{
    position: relative;
}

.operator-list-item{
    text-align: center;
    background-color: #fff;
    margin-bottom: 10px;
    padding: 10px;
}

.operator-list-item .operator-name{
    font-weight: bold;
}
#topbar{
    background-color: #538ed5;
    padding: 0.5rem;
    box-sizing: border-box;
}
p{
    font-size:1.1rem;
    line-height:200%;

}


.topbar-right ul li{
    display: inline-table;
    border-right:1px solid #fff;
    padding-right:10px;
    padding-left:10px;
}

.topbar-right ul li:last-child{
    border-right:none;
}

ul{
    margin-bottom: 0;
}
.topbar-right ul li a{
text-decoration: none;
color: #fff;
display: block;
}

.topbar-right ul li a:hover i.fab{
    transform:scale(1.5);
}

.btn-cta{
    background-color: #f00 !important;
    color: #fff !important;
    font-weight: bold;
    text-transform: uppercase;
    border: 2px solid #f00;
}

.navbar-cta{
    font-weight: bold;
    font-size: 0.85rem;
    display: block;
    height: 100%;
}

a.btn-cta:hover{
    background-color: white !important;
    border: 2px solid maroon;
    color:#f00 !important;
}

a.navbar-brand{
    font-weight: bolder;
}

a.nav-link{
    font-weight: bold;
    color: #000 !important;
    text-transform: uppercase;
    font-size: 0.85rem;
    display: block;
    height: 100%;
}

a.nav-link:hover{
    color: #f00 !important;
    background-color: #cfcfcf;
}

.dropdown-menu{
    background-color: #538ed5;
    padding:inherit;
}


/**Hover submenu effect **/
.navbar{
    padding:0;
    background-color: #e7e7e7;
}


li.nav-item ul.dropdown-menu{
    width: 90%;
    left:5%;
}



li.nav-item ul.dropdown-menu li,li.nav-item ul.dropdown-menu li a{
    display: inline-block;
    width:auto;
}


/**MEga Menu**/
.rt-dropdown-mega {
  opacity: 0;
  position: absolute;
  left: 0;
  right: 0;
  margin: 0 auto;
  z-index: 9999;
  visibility: hidden;
  transform-origin: 0 0 0;
  -webkit-transform: scaleY(0);
  -moz-transform: scaleY(0);
  -ms-transform: scaleY(0);
  -o-transform: scaleY(0);
  transform: scaleY(0);
  -webkit-transition: all 0.5s ease-out;
  -moz-transition: all 0.5s ease-out;
  -ms-transition: all 0.5s ease-out;
  -o-transition: all 0.5s ease-out;
  transition: all 0.5s ease-out;
}

.rt-dropdown-mega .rt-dropdown-inner {
  background: #139e81;
  padding: 15px;
}
.rt-dropdown-mega .rt-dropdown-inner .menu-layout-title {
  color: #FFFFFF;
  margin-bottom: 5px;
  text-transform: uppercase;
}
.rt-dropdown-mega .rt-dropdown-inner ul.rt-mega-items li {
  border-bottom: 1px solid #cccccc;
  display: block;
  position: relative;
}
.rt-dropdown-mega .rt-dropdown-inner ul.rt-mega-items li a {
  display: block;
  color: #FFFFFF;
  padding: 8px 0px;
  text-transform: capitalize;
  -webkit-transition: all 0.3s ease-out;
  -moz-transition: all 0.3s ease-out;
  -ms-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
}
.rt-dropdown-mega .rt-dropdown-inner ul.rt-mega-items li a:hover {
  background: #fcaf01;
  padding-left: 10px;
}
li.menu-justify .rt-dropdown-mega .rt-dropdown-inner ul.rt-mega-items li:last-child {
  border-bottom: none;
}
ul li.menu-justify:hover .rt-dropdown-mega {
  opacity: 1;
  visibility: visible;
  -webkit-transform: scaleY(1);
  -moz-transform: scaleY(1);
  -ms-transform: scaleY(1);
  -o-transform: scaleY(1);
  transform: scaleY(1);
}
ul .active a {
  color: #fcaf01;
}
ul.cp-dropdown-menu .active a {
  background: #fcaf01;
}
ul.rt-mega-items .active {
  background: #fcaf01;
  padding-left: 10px;
}/**End Mega Menu ***/ 
/**End hover submenu ****/


.carousel-caption{
    background:rgb(53, 5, 15,0.8); 
    opacity:0.7;
}

h1.card-title, h1.card-title a{
    font-size: 1.2rem !important;
    color: #074692 !important;
    text-decoration: none !important;
}

h1.section-title, h2.section-title{
    background-color: #074692;
    padding: 0.25rem;
    color:#fcaf01;
    font-size: 2rem;
    text-align: center;
}

h1.black-section-title, h2.black-section-title{
    background-color: #fcaf01;
    padding: 0.25rem;
    color:#074692;
    font-size: 2rem;
    text-align: center;
}
.sub-section-title{
    background-color:maroon;
    color:white;
    padding:10px;
    display:block;
}

.bg-ps{
    background-color: rgba(206, 193, 193, 0.719);
    color:#000;
}

.bg-ps2{
    background-color: #000;
    color: #fff;
}

#services-card-home .card {
    padding: 0;
    border: none;
}

#services-card-home .card .card-img-top{
    overflow: hidden;
}

#services-card-home .card .card-img-top img{
    transition: transform .5s ease-in-out;
}

#services-card-home .card .card-img-top img:hover{
    transform: scale(1.5) rotate(25deg);
}

#services-card-home .card a{
    color:#000;
    text-decoration: none;
    display: block;
}

#services-card-home .card .card-body h1.card-title a{
    display: block;
}

#services-card-home .card a:hover,#services-card-home .card .card-body h1.card-title a:hover{
    text-decoration: underline;
}

.cta-inline{
    float: left;
    color: #cfcfcf;
}

.card-title{
    height: 40px;
    padding-top: 5px;
    padding-bottom: 5px;
}

.home-page-ad-col,.cat-list-item-advert{
    background-color:white;
    display: flex; 
    align-items: stretch;
}

.home-page-ad-col h1,.cat-list-item-advert h2{
    display: flex;
    text-align: center;
    align-items: center;
}

.operator-list-page-side-ad{
    display: flex;
    align-items: center;
    background-color: white;
    text-align: center;
}
.cat-list-item-title{
    height:100px;
    overflow: hidden;
    margin-top:10px;
    margin-bottom: 10px;
}

h1.page-title{
    font-size: 1.8rem;
}

#page-title-breadcrumbs a,#page-title-breadcrumbs i,#page-title-breadcrumbs span{
    color:#074692;
    font-weight: bold;
}

#page-title-breadcrumbs a:hover{
    color:#538ed5;
}
#page-title-breadcrumbs a.active{
    color:#a00;
}

.operator-page-name{
    background-color: #0550ac;
    padding:10px;
}
.operator-page-name h1{
    color:#fcaf01;
    display: inline-block;
}

.customer-comments{
    margin-top:30px;
    padding:5px;
    border-top:1px dashed red;
}

.comment{
    box-shadow: 5px 5px #57687e;
    background-color: white;
    padding:10px;
    margin:10px;
    border-radius:10px;
}
.customer-comment .customer-name{
    font-size: 1.4rem;
}

.operator-page-description{
    font-size: 1.2rem;
}

#page-title-bar{
    background-color: #fcaf01;
    padding:10px;
}
.bg-black{
    background-color: #000;
    color: #fff;
}

.carousel-item img{
    width: 100%;
}

ul.footer-links-list{
    margin-bottom: 0;
}

ul.footer-links-list li{
    list-style-type: none;
    line-height: 2rem;
    display: inline-block;
    /* margin-left: 0; */
    padding-right: 10px
}

ul.footer-links-list li a{
    color: #fff;
    font-size: 1rem;
    display: block;
}

#footer-bottom-info a{
    color: white;
}

#footer-social-icons{
    /* background-color:rgb(204, 192, 192); */
    padding: 10px;
}

#footer-social-icons a{
    margin-right:20px;
    color:#fff;
}

#footer-social-icons a:hover{
    transition: .5s ease;
}


#footer-social-icons a:hover{
   transform: scale(1.5);
}

#footer-copyright-div,#footer-bottom-info,#topbar-logo{
    border-top:1px solid #fff;
}

#attributes-card-deck .card{
    border:1px solid #a00;
}

#attributes-card-deck .card .card-title{
    color:maroon;
}
#attributes-card-deck .card .card-body:hover{
    background-color: rgb(173, 111, 111);
    color:#fff;
}

.fixed-bg {
    /* The background image */
    background-image: url("./images/bg/featured-projects.jpg");
  
    /* Set a specified height, or the minimum height for the background image */
    min-height: 350px;
  
    /* Set background image to fixed (don't scroll along with the page) */
    background-attachment: fixed;
  
    /* Center the background image */
    background-position: center;
  
    /* Set the background image to no repeat */
    background-repeat: no-repeat;
  
    /* Scale the background image to be as large as possible */
    background-size: cover;
  }

  .fixed-bg .container{
      background:rgba(34, 26, 27, 0.8);
  }

  .fixed-bg .container .card{
      color: #000;
  }

  #featured-projects-card-deck{
      border-top: 1px solid rgb(241, 6, 6);
      padding-top: 20px;
  }

  #featured-projects-card-deck .card{
      border:0;
  }

  #featured-projects-card-deck .card-body{
      color:#fff;    
      background-color: rgba(170, 29, 5, 0.9);  
  }

  #featured-projects-card-deck .card-body .card-title{
      color:white;
  }


  .read-more{
      padding-top:15px;
      padding-bottom: 15px;
      margin-top: 15px;
      text-align: right;
      border-top:1px solid rgb(216, 33, 33);
  }

 
  #web-design-process-tab-panel::parent{
      border-top:1px solid maroon;
  }
/*Extra small devices (portrait phones, less than 576px)
No media query for `xs` since this is the default in Bootstrap
*/
/*Small devices (landscape phones, 576px and up)*/
@media (min-width: 576px) { }

@media(max-width:767.98px){
    
    li.nav-item ul.dropdown-menu li{
    border-right: 1px solid white;
    padding-left: 20px;
    padding-right:20px;
    }

    li.nav-item ul.dropdown-menu li:last-child{
        border:none;
    }
}
/*Medium devices (tablets, 768px and up) */
@media (min-width: 768px) {  }

/* Large devices (desktops, 992px and up) */
@media (min-width: 992px) { 
    
  #featured-projects-card-deck .card-body{
    transition: .5s ease;
  }

  #featured-projects-card-deck .card:hover .card-body{
    position: absolute;
    -webkit-transform: translate(0,50%);
    -ms-transform: translate(0, 50%);
    transform: translate(0,50%);
}

 }

/* Extra large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {  }