/* ACTUAL SLIDE CONTENT */

.overview_content .hl-content ul {text-align:left;  float:left;}
#hl-slides-container div.slide .hl-content h2 {font-size:18px;}
#hl-slides-container div.slide table {margin:5px 0; width:100%;}
#hl-slides-container div.slide table.two-col tr td:first-child {width:25%;}
#hl-slides-container div.slide table.two-col tr td:last-child {text-align:left;}
#hl-slides-container div.slide table.fourCol td, .overview_content .hl-slides-container div.slide table.fourCol td:first-child {width:25%; text-transform:none; font-weight:normal; text-align:left;}


/* NEW */


#hl-slides-container, #hl-single-container {
	list-style:none;
	display:block;
	float:left;
	width:100%;
	padding:0;
	text-align:left;
	position:relative;
}


#hl-slides-container div.item, .hl-slides-container div.item, #hl-single-container div.item {position:relative; display: flex; justify-content:center; align-items: center; padding:0; width:100%; padding:0;}

#hl-slides-container div.item > img, .hl-slides-container div.item > img {padding:50px;}
#hl-single-container div.item > img, .hl-slides-container div.item >img {padding:50px 75px 50px 150px; transform: translateX(-100px);}

#hl-slides-container .hl-content img.tech-icon, #hl-single-container .hl-content img.tech-icon {position:static !important; bottom:auto; left:auto; width:65px; height:auto; display:inline-block; border-radius:50%; -webkit-border-radius:50%; margin:15px auto 10px auto; background:#fff; border:solid 2px #333;}



#hl-slides-container div.item > img, #hl-single-container div.item > img {width:50%; height:auto; background:#fff; border-radius:25px;}
.hl-slides-container div.item > img {width:100%;}
#hl-slides-container div.item iframe, #hl-single-container div.item iframe {width:50%;}

#hl-slides-container .item .hl-content {display:inline-block; width:calc(50% - 75px); padding:50px;}
#hl-single-container .item .hl-content, .hl-content {display:inline-block; width:50%; padding:50px;}

#hl-slides-container div.item .hl-content h2, #hl-single-container div.item .hl-content h2,  .overview_content .hl-content ul {text-align:left; width:100%; float:left;}
.overview_content .hl-content ul li {width:calc(100% - 20px); margin-left:20px;}
#hl-slides-container div.item .hl-content h2,  #hl-single-container div.item .hl-content h2 {font-size:24px; text-align:left;}
#hl-slides-container div.item table, #hl-single-container div.item table {margin:5px 0; width:100%;}
#hl-slides-container div.item table.two-col tr td:first-child , #hl-single-container div.item table.two-col tr td:first-child{width:25%;}
#hl-slides-container div.item table.two-col tr td:last-child, #hl-single-container div.item table.two-col tr td:last-child {text-align:left;}
#hl-slides-container div.item table.fourCol td, #hl-single-container div.item table.fourCol td, .overview_content .hl-slides-container div.slide table.fourCol td:first-child {width:25%; text-transform:none; font-weight:normal; text-align:left;}


#hl-slides-container .owl-prev, #hl-slides-container .owl-next, .hl-slides-container .owl-prev, .hl-slides-container .owl-next {position:absolute; top:50%; transform: translateY(-50%);}
#hl-slides-container .owl-prev, .hl-slides-container .owl-prev {left:0}
#hl-slides-container .owl-next, .hl-slides-container .owl-next {right:0}
#hl-slides-container .owl-dots, .hl-slides-container .owl-dots {float:left; width:100%; padding-top:50px; text-align: center;}
#hl-slides-container.owl-carousel .owl-dots .owl-dot, .hl-slides-container.owl-carousel .owl-dots .owl-dot {display:inline-block; float:none;}


/* BLACK BG */

.black-bg #hl-slides-container .item {text-align:center;}
.black-bg #hl-slides-container .item h2, .black-bg #hl-slides-container .item h3, .black-bg #hl-slides-container .item p {text-align:center;}
.black-bg #hl-slides-container .col.eight-col {margint-top:50px;}
.black-bg #hl-slides-container .col.eight-col img.tech-icon, .black-bg #hl-single-container .col.eight-col img.tech-icon {position:static !important; bottom:auto; left:auto; height:65px; width:auto; display:inline-block; border-radius:0 !important; -webkit-border-radius:0; background:transparent !important; border:none !important; margin:10px auto;}

.black-bg #hl-slides-container .owl-prev, .black-bg #hl-slides-container .owl-next {background:#fff; color:#333; transition:0.3s;}
.black-bg #hl-slides-container .owl-prev:hover, .black-bg #hl-slides-container .owl-next:hover {background:#ccc;}

.black-bg .owl-carousel .owl-dots .owl-dot {background:rgba(255, 255, 255, 0.25); transition:0.3s;}
.black-bg .owl-carousel .owl-dots .owl-dot.active {background:rgba(255, 255, 255, 1.0);}

.black-bg #hl-slides-container span.right-arrow {display:inline-block; margin:0 5px; padding:0px 10px; line-height:1.0; cursor:pointer;}
.black-bg #hl-slides-container span.right-arrow span.material-icons {display:inline-block;font-size:20px; line-height:1.0; vertical-align:middle; margin-left:3px;}
.black-bg #hl-slides-container span.white {color:#fff !important; font-weight:100 !important; font-size:18px; border-radius:3px; -webkit-border-radius:3px;}
.black-bg #hl-slides-container span.white:hover {color:#4f93cc !important;}

#hl-slides-container .col-md-6.pa4 {width:calc(66.666% - 75px); margin-left:75px;}

/* END BLACK BG */

@media (min-width:900px) and  (max-width:1024px)  { 

#hl-slides-container .owl-stage, #hl-slides-container .owl-stage .owl-item, .hl-slides-container .owl-stage, .hl-slides-container .owl-stage .owl-item {display:flex; align-items:flex-start;}
#hl-slides-container div.item, #hl-single-container div.item, .hl-slides-container div.item, .hl-single-container div.item {padding:15px 0; width:100%; flex-direction:column; align-items: flex-start; justify-content: center;}
#hl-slides-container div.item img, #hl-single-container div.item img {width:60%;position:relative; bottom:0;}
.hl-slides-container div.item img, .hl-single-container div.item img {width:100%;}
#hl-slides-container div.item iframe, #hl-single-container div.item iframe, iframe.vid-right, .hl-slides-container div.item iframe, .hl-single-container div.item iframe, iframe.vid-right {margin:15px auto; display:block; position:relative;}
#hl-slides-container .item .hl-content, #hl-single-container .item .hl-content, .hl-content {width:100%; padding:10px;}



}

@media (min-width:300px) and  (max-width:900px)  { 

#hl-slides-container .owl-stage, #hl-slides-container .owl-stage .owl-item, .hl-slides-container .owl-stage, .hl-slides-container .owl-stage .owl-item {display:flex; align-items:flex-start;}    
#hl-slides-container div.item, #hl-single-container div.item, .hl-slides-container div.item, .hl-single-container div.item  {padding:15px 0; flex-direction:column; align-items: center; justify-content: center;}
#hl-slides-container div.item img, #hl-single-container div.item img  {width:60%; position:relative;}
.hl-slides-container div.item img, .hl-single-container div.item img {width:100%;}
#hl-slides-container div.item iframe, #hl-single-container div.item iframe, iframe.vid-right {width:100%; margin:30px 0 10px 0; float:left; position:relative; top:0; bottom:0;}
#hl-slides-container .item .hl-content, #hl-single-container .item .hl-content, .hl-content {width:100%; padding:10px;}
#hl-slides-container .owl-buttons {display:none !important;}

#hl-slides-container .col.eight-col img.tech-icon, #hl-single-container .col.eight-col img.tech-icon {display:inline-block !important; float:none !important;}
.black-bg #hl-slides-container .col.eight-col img.tech-icon, .black-bg #hl-single-container .col.eight-col img.tech-icon {height:50px;}
#hl-slides-container .owl-nav {display:none;}
    
    #hl-slides-container div.item > img, #hl-single-container div.item > img {padding:0; transform: translateX(0); background:transparent;}    

}

@media (orientation:portrait) {
	
}