.cdev-yt-video-modal-wrapper,
.cdev-video-modal-wrapper {
    background: #000;
    background: rgba(0, 0, 0, 0.9);
    display: none;
    height: 100%;
    left: 0;
    position: absolute;
    text-align: center;
    top: 0;
    width: 100%;
    z-index: 10
}

.cdev-yt-video-modal-wrapper .cdev-video-table,
.cdev-video-modal-wrapper .cdev-video-table {
    border-spacing: 40px;
    display: table;
    height: 100%;
    width: 100%;
    max-width: 1400px;
    margin-left: auto;
    margin-right: auto
}

.cdev-yt-video-modal-wrapper .cdev-video-cell,
.cdev-video-modal-wrapper .cdev-video-cell {
    display: table-cell;
    vertical-align: middle
}

.cdev-video-modal-wrapper video {
    width: 100%
}

.cdev-yt-video-modal-wrapper .cdev-resizable-iframe {
    margin: 0 auto
}

.cdev-yt-video-modal-wrapper .cdev-resizable-iframe>div {
    height: 0;
    padding-bottom: 56.25%;
    position: relative
}

.cdev-yt-video-modal-wrapper .cdev-resizable-iframe iframe {
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%
}

.cdev-yt-video-modal-wrapper .icon-close,
.cdev-video-modal-wrapper .icon-close {
    color: #fff;
    cursor: pointer;
    font-size: 30px;
    position: absolute;
    right: 20px;
    top: 20px;
    z-index: 10
}

.cdev-video-html5-outer {
    margin: 0 auto;
    max-width: 730px;
    position: relative
}

.cdev-video-html5-outer .cdev-spacer {
    height: 0;
    padding-bottom: 56.25%
}

.cdev-video-html5-outer video {
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%
}

@media screen and (max-width:1024px) {
    .cdev-yt-video-modal-wrapper .icon-close,
    .cdev-video-modal-wrapper .icon-close {
        font-size: 20px;
        right: 10px;
        top: 10px
    }
}

@media screen and (max-width:767px) {
    .cdev-yt-video-modal-wrapper .cdev-video-table,
    .cdev-video-modal-wrapper .cdev-video-table {
        border-spacing: 10px
    }
}

@media screen and (min-width:768px) {
    .cdev-yt-video-modal-top .cdev-resizable-iframe,
    .cdev-video-modal-top .cdev-resizable-iframe,
    .cdev-video-modal-top video {
        margin-top: 35px
    }
    .cdev-yt-video-modal-top .icon-close,
    .cdev-video-modal-top .icon-close {
        top: 100px
    }
}

/*Added by Harold 02/26/16*/
.cdev-heropage-banners {
  position: relative;
  overflow: hidden;
}

.cdev-heropage-banners .swiper-slide {
  width: 100%;
}

.cdev-heropage-banners .pagination {
  position: absolute;
  z-index: 20;
  left: 0px;
  width: 100%;
  text-align: center;
  bottom: 10px;
  cursor: default;
    display: block;    
}

.cdev-heropage-banners .swiper-pagination-switch {
  display: inline-block;
  width: 10px;
  height: 10px;
  border-radius: 8px;
  background: #fff;
  border: 1px solid #000;
  opacity: .75;
  margin-right: 8px;
  -webkit-transition: 300ms;
  -moz-transition: 300ms;
  -ms-transition: 300ms;
  -o-transition: 300ms;
  transition: 300ms;
  position: relative;
  top: 0;
  cursor: pointer;
}

.cdev-heropage-banners .swiper-visible-switch {
  top: 0;
}

.cdev-heropage-banners .swiper-active-switch {
  opacity: 1;
  background: #000;
  border: 1px solid #fff;
}

.cdev-heropage-banners .swiper-nav-container {
    display: none;
}

.cdev-heropage-banners:hover .swiper-nav-container {
    display: block;
}
    

.cdev-heropage-banners .swiper-nav {
  display: block;
  position: absolute;
  font-size: 3em;
  font-weight: bold;
  color: #878787;
  cursor: pointer;
  margin-top: -0.5em;
  z-index: 1;
}
    

.cdev-heropage-banners .cdev-arrow-left {
  top: 50%;
  left: -5px;
}

.cdev-heropage-banners .cdev-arrow-left .icon {
  -moz-transform: rotate(90deg);
  -webkit-transform: rotate(90deg);
  -o-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
}

.cdev-heropage-banners .cdev-arrow-right {
  top: 50%;
  right: -5px;
}

.cdev-heropage-banners .cdev-arrow-right .icon {
  -moz-transform: rotate(-90deg);
  -webkit-transform: rotate(-90deg);
  -o-transform: rotate(-90deg);
  -ms-transform: rotate(-90deg);
}

/*Category Card Styles*/

    .cdev-cat-card-title {
        background-color: white;
        color: black;
        height: 60px;
        position: relative;
    }
    
    .top-cat-link .cdev-cat-card-title .h1 {
        color: black;
        font-size: 48px;
        margin-top: -30px;
    }
    
    .text-right {
        text-align: right;
    }
    
    .cdev-catCard-learmore {
    	bottom: 6px;
    	display: inline-block;
        font-family: 'pillGothic_black', Arial, Helvetica, sans-serif;
        font-style: normal;
        font-weight: normal;
        font-size: 11pt;
        line-height: 0.95em;
        position: relative;
        text-align: left; 
    }
    
    .cdev-two-lines {
        font-size: 42px;
        display: inline-block;
        line-height: .8em;        
        position: relative;        
        text-align: right;
        top: 6px;
    }
    
    @media screen and (max-width:1024px) {
        .cdev-cat-card-title {
            height: 80px;
        }
        .top-cat-link .cdev-cat-card-title .h1 {
            font-size: 62px;
            margin-top: -40px;
        }
        .cdev-catCard-learmore {
            font-size: 14pt;        	
            line-height: 1em;
        }
    }
    
    @media screen and (max-width:767px) {}
    
    @media screen and (min-width:768px) {
        .cdev-two-lines {
            font-size: 32px;
        }
        .top-cat-link .cdev-cat-card-title .h1 {
            font-size: 52px;
            margin-top: -40px;
        }
        .cdev-full-row-card h2.h1 span.cdev-two-lines {
        font-size: 42px;
        }
    }

    .category-cards .cdev-full-row-card img {
        float: right;
        width: 100%;
    }
    
    .category-cards .cdev-full-row-card .cat-card .top-cat-link{
    }

    .cdev-full-row-card .cdev-cat-card-title-full {
        float: left;       
    }
    
    .cdev-cat-card-title-full h2.h1 {
        background-color: white;        
        color: black;
        position: absolute;
        width: 100%;
    }
    
    @media screen and (min-width:1024px) {
        .cdev-cat-card-title-full h2.h1 {
            padding-top: 25px;
            
        }
    }
    
    @media screen and (max-width:767px) {
        .category-cards .cdev-full-row-card img {
            float: none;        
        }
        
        .category-cards .cdev-full-row-card .cat-card .top-cat-link {
            overflow: visible; 
        }
        .cdev-full-row-card .cat-card .top-cat-link .cdev-cat-card-title-full {
            background-color: white;
            height: 80px;            
            position: relative;            
            width: 100%;
        }
        .cdev-full-row-card .cat-card .top-cat-link .cdev-cat-card-title-full h2.h1 {
            font-size: 62px;
            margin-top: -40px;
        }        
    }
    
    @media screen and (min-width:768px) {
        .cdev-cat-card-title-full h2.h1 {
            background-color: white;
            font-size: 62px;            
            height: 100%;
            top: 40px;
            width: 50%;            
        }
        .category-cards .cdev-full-row-card img {
        width: 50%;        
        }
    }