/*Fonts
-------------------------*/
@import url('https://fonts.googleapis.com/css2?family=Saira+Stencil+One&display=swap');


/* GLOBAL STYLES
-------------------------------------------------- */
/* Padding below the footer and lighter body text */
html {
	
}
body {
  padding-top: 0rem!important;
  padding-bottom: 0rem!important;
  /*color: #5a5a5a;*/
	color:#e3e3e3e3;
	background-color: #202020;
}

/*.text-white {
	color: #FFFFFF!important;
	text-shadow: 2px 2px 5px black!important;
	
}*/

.text-shadow {
	/*text-shadow: 8px 8px 8px rgba(0, 0, 0, 0.9);*/
	text-shadow: 2px 2px 2px #000000;
}



h1 {
	
	color:white;
}
h2 {
	
	color:white;
}

h3 {
	
	color:white;
}

h4 {
	
	color:white;
}

h5 {
	
	color:white;
}
h6 {
	color: white;
}


.stencil{
font-family: 'Saira Stencil One', cursive;	
}

.mini-icon {
	height: 100px;
	width: 100px;
}

/*Links*/

/* unvisited link */
a:link {
	color: #FBAF1E;
	text-decoration: none;
}

/* visited link */
a:visited {
	color: #FBAF1E;
}

/* mouse over link */
a:hover {
	color:darkorange;
	text-decoration: underline;
}

/* selected link */
a:active {
	color: #FBAF1E;
}
.nohover a:hover {
	text-decoration: none!important;
}

#mainNav a:link {
	text-decoration: none;
}

/*Hide Scrollbars
--------------------------------------------------*/
/* Hide scrollbar for Chrome, Safari and Opera */
.hide-scrollbar::-webkit-scrollbar {
  display: none;
}

/* Hide scrollbar for IE, Edge and Firefox */
.hide-scrollbar {
  -ms-overflow-style: none;  /* IE and Edge */
  scrollbar-width: none;  /* Firefox */
}

/*Section height settings
----------------------------------------------------*/
.section-height {
	min-height: 100%;
	/*padding-top: 56px;*/
	
}
@media (min-width: 576px) {
	.section-height {
		min-height: 100vh;
	}
}

/* CUSTOMIZE THE CAROUSEL
-------------------------------------------------- */
.overlay-small {
	color: white;
	min-height: 40vh;
	padding-top: 56px;
	padding-bottom: 1em;
	/*text-shadow: 2px 2px 4px #000000;*/
}
.overlay-small-background {
	background-color: #6c757d;
	background-image: url("../img/brick.jpg");
	object-fit: cover;
	  justify-content: center;
    align-items: center;
    overflow: hidden
	
	
}



.overlay { 
	color:#fff;
	position:absolute;
	z-index:12;
	top:8em;
	left: 4%;
	/* width:100%;*/
	text-align:left;
	text-shadow: 2px 2px 4px #000000;
}





/* Carousel base class */
/*.carousel {
  margin-bottom: 4rem;
}*/
/* Since positioning the image, we need to help out the caption */
.carousel-caption {
  bottom: 3rem;background-color: #202020;
  z-index: 10;
}

/* Declare heights because of positioning of img element */
/*.carousel-item {
  height: 32rem;
}
.carousel-item > img {
  position: absolute;
  top: 0;
  left: 0;
  min-width: 100%;
  height: 32rem;
}
*/

/*.carousel-item {
  height: 80vh;
  min-height: 50vh;
  background: no-repeat center center scroll;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}
*/
.carousel{height:calc(100vh );position:relative;}
@media (max-width:  768px) { 
	.carousel
	 {width:100%;
		 height:calc(60vh );
		 object-fit:cover;
		 display:block;}
}

#carouselIntro .carousel-item img{width:100%;height:calc(100vh);object-fit:cover;display:block;}

@media (max-width:  768px) { 
	#carouselIntro .carousel-item img
	 {width:100%;
		 height:calc(60vh);
		 object-fit:cover;
		 display:block;}
}
#carouselIntro .carousel-item img + p{display:none;}



/* MARKETING CONTENT
-------------------------------------------------- */

/* Center align the text within the three columns below the carousel */
.marketing .col-lg-4 {
  margin-bottom: 1.5rem;
  text-align: center;
}
.marketing h2 {
  font-weight: 400;
}
/* rtl:begin:ignore */
.marketing .col-lg-4 p {
  margin-right: .75rem;
  margin-left: .75rem;
}
/* rtl:end:ignore */


/* Featurettes
------------------------- */

.featurette-divider {
  margin: 5rem 0; /* Space out the Bootstrap <hr> more */
}

/* Thin out the marketing headings */
.featurette-heading {
  font-weight: 300;
  line-height: 1;
  /* rtl:remove */
  letter-spacing: -.05rem;
}

.featurette-heading-carousel {
  font-weight: 300;
  line-height: 1;
  /* rtl:remove */
  letter-spacing: -.05rem;

}


/* RESPONSIVE CSS
-------------------------------------------------- */

@media (min-width: 40em) {
  /* Bump up size of carousel content */
  .carousel-caption p {
    margin-bottom: 1.25rem;
    font-size: 1.25rem;
    line-height: 1.4;
  }

  .featurette-heading {
    font-size: 50px;
  }
}

@media (min-width: 62em) {
  .featurette-heading {
    margin-top: 1rem;
  }
}


.bi-house {
	width:6em;
    margin-left:2em;
    margin-right:-2em;
	margin-top: 0px;
	
}

.nav-link-space {
	margin-left: .5em;
	margin-right: .5em;
}

/*.fst-italic {
	margin-left: 2rem;
}*/



.small-caps {
	font-variant: small-caps;
}

.navbar-brand {
	margin-left: .1em;
	font-size: 1.07em;
	
}
@media (max-width: 576px){
  .navbar-brand {
 		margin-left:.0em;
	  	font-size: .95em;
	}  
}



.accordion-item:first-of-type, .accordion-item:first-of-type .accordion-button {
    border-top-left-radius: .25rem;
    border-top-right-radius: .25rem;
}
.accordion .accordion-button {
    font-size: inherit!important;
}
.accordion-button:not(.collapsed) {
    color: #252f40;
    background-color: transparent;
    box-shadow: inset 0 0 0 rgb(0 0 0 / 13%);
}
[type=button]:not(:disabled), [type=reset]:not(:disabled), [type=submit]:not(:disabled), button:not(:disabled) {
    cursor: pointer;
}
.font-weight-bold {
    font-weight: 600!important;
}
.border-bottom {
    border-bottom: 1px solid #dee2e6!important;
}
.accordion-button {
    position: relative;
    display: flex;
    align-items: center;
    width: 100%;
    padding: 1rem;
    font-size: 1rem;
    color: #67748e;
    text-align: left;
    background-color: transparent;
    border: 0;
    border-radius: 0;
    overflow-anchor: none;
    transition: all .15s ease-in,border-radius .15s ease;
}




/*SECTIONS 
*******************************************************/

.dark-container {
  height: auto;
  padding: 2em;
  background-color: hsla(0,0%,0%,0.75);
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.50);
  color: white;
  border-radius: 10px;
}
@media (max-width: 576px){
  .dark-container {
      margin-top: 8em;
      margin-bottom: 4em;
	}  
}




#Network {
	background: url("../img/background-network.jpg")no-repeat center center; 
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;

}






#Industry {
  background: url("../img/background-dsn.jpg")no-repeat center center /*fixed*/; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;

}
#small {
	padding-top: 0em;
	padding-bottom: 0em;
}
#Industry img {
		margin: 2em;
}

#Sample {
 /* background: url("../img/bg-slide-02.jpg")no-repeat center center; */
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;

}



#WhyUs {
	background: url("../img/background-whyus.jpg")no-repeat center center; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}

#Services {
	background: url("../img/background-services.jpg")no-repeat center center; 
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;

}

.ServicesContainer {
background:rgba(0, 0, 0, .4) ;
}




@media (min-width: 1px) and (max-width: 768px) {
	#Devices {
		background-color: black;
	}
	
}



.saffron {
	color:#FFA827;
}

#Pricing {
	background: url("../img/background-pricing.jpg")no-repeat center center; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
		padding-top: 4em;
	padding-bottom: 4em;
}

#FAQ {
	  background: url("../img/background-faq.jpg")no-repeat center center; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
	padding-top: 4em;
	padding-bottom: 4em;
}
#accordionRental .accordion-item {
	background-color: gainsboro;
}


#Contact {
	background: url("../img/background-contact.jpg")no-repeat center center; 
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;

}
#Creators {
	background: url("../img/background-creators.jpg")no-repeat center center; 
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;

}

/*#About {
	margin-left:-.8em;
	margin-right: -.8em;
}*/

.card-img-top {

    width: 100%;
    height: auto;
    object-fit: cover;

}

/*.black-chrome-gradient {
	
background-color: #537895;
background-image: linear-gradient(315deg, #537895 0%, #09203f 74%);
background-color: #2b4162;
background-image: linear-gradient(315deg, #2b4162 0%, #12100e 74%);

}*/




.image-top-margin {
	margin-top: 8em;
}

#Contact .card-body {
	background-color: #1f2525;
	color: whitesmoke;
	border: 4px solid rgba(0,0,0,.125);
}
/*#WhyCTV {
	margin-top:-65px!important;
}
*/
#WhyCTV .card {
	background-color: #464646;
	color: whitesmoke;
}

.text-notice {
	color: #FFA827;
	
}

#brands {
	margin-top: 4em;
}
#influencers {
	margin-top: 4em;
}

.btn-warning {
	/*background-color: #FF9933;*/
	text-shadow: none;
}

.large-font {
	font-size: 3em;
}

/* Services Accoridan*/
.accordion {
	margin-top: 2em;
	/*color:e3e3e3e3;*/
	
}
.accordion-button {
	padding: .5em;
}
.accordion-button:not(.collapsed) {
    color:#FFA827;

}
.accordion-item {
	background-color:hsla(0,0%,0%,0.0);
}
.accordion-item {
	outline:solid;
	outline-color: hsla(0,0%,93%,0.2);
	outline-width: thin;
	background-color:hsla(0,0%,0%,0.4);
	
}



.accordion-button {
	color:white;
}


/*.accordion-button::after {
	background-color: orange;
	color:pink;
hsla(0,0%,69%,0.60);
}*/

.accordion-button:after {
  background-image: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23ffffff'><path fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/></svg>") !important;
}
.accordion-button:not(.collapsed)::after {
  background-image: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23FFA827'><path fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/></svg>") !important;
}
/* END Services Accoridan*/ 


.carouselWrapper {
	max-height: 500px;
	max-width: 500px;
	margin-left:auto;
	margin-right:auto;
	margin-top:4em;
}
@media (min-width: 576){
	.carouselWrapper {
	max-height: 20px;
	max-width: 20px;
	margin-left:5em;
	margin-top:20em;
	}
}
	
@media (min-width: 768px){
	.carouselWrapper {
	max-height: 600px;
	max-width: 600px;
	margin-left:auto;
		margin-right:auto;
		margin-top: 2em;
	}
}
@media (min-width: 992px){
	.carouselWrapper {
	max-height: 500px;
	max-width: 500px;
	margin-top:5em;
	}
}
	
@media (min-width: 1200px){
	.carouselWrapper {
	max-height: 500px;
	max-width: 500px;
	margin-left:8em;
	margin-top: 5em;
	}
}
@media (min-width: 1400px){
	.carouselWrapper {
	max-height: 800px;
	max-width: 800px;
	margin-left:auto;
		margin-right:auto;
		margin-top: 5em;
	}
}
	
	


.aligner {
  display: flex;
  align-items: center;
  justify-content: center;
}
#samsung-screen {
  max-width: 1000px;
}

.board-member {
	margin: 0em 1em .5em .5em;
	height: auto;
	width: 30%;
	max-width: 275px;
	margin-top:1em;
}

/*.management-card {
  background-color: hsla(0,0%,0%,0.0);
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.0), 0 6px 20px 0 rgba(0, 0, 0, 0.0);
  color: white;
  border-radius: 10px;
}*/


.container-simulated {
	margin-left: auto;
	margin-right: auto;
	padding: 16px;
	margin-top: 4em;
	margin-bottom: 4em;
}
@media (min-width: 576px){
		.container-simulated {
			max-width: 540px;
		}
}
	@media (min-width: 768px){
		.container-simulated {
			max-width: 720px;
		}
}
	@media (min-width: 992px){
		.container-simulated {
			max-width: 960px;
		}
		
}
	@media (min-width: 1200px){
		.container-simulated {
			max-width: 1140px;
		}
}
	@media (min-width: 1400px){
		.container-simulated {
			max-width: 1320px;
		}
}












/*.cap-img-size {
	max-width: 450px;
}
	@media (max-width: 767.98px) {
		.cap-img-size {
		max-width: auto;
			
	}
	}
*/




.SampleCarousel img {
	max-height: 1000px; 	
	width:auto;
	align-content: center;
	
}

.setheigh {
	height:1000px;
	width:auto;
}



#crossfade {
    position:relative;
    height:250px;
    width:400px;
}
#crossfade img {
    position:absolute;
    left:0;
    opacity: 1;
    -webkit-transition: opacity 1s ease-in-out;
    -moz-transition: opacity 1s ease-in-out;
    -o-transition: opacity 1s ease-in-out;
    -ms-transition: opacity 1s ease-in-out;    
    transition: opacity 1s ease-in-out;
}
 
#crossfade img.top:hover {
    opacity:0;
}



.featurette-heading-about {
  font-weight: 300;
  line-height: 1;
  letter-spacing: -.05rem;
}


/*======GET GLU========*/
#GetGLU {
/*	background: url("../img/background-getglu.jpg")no-repeat center center; 
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;*/
}
#GetGLU img {
	max-width: 90px;
	/*margin: 1em;*/
}
.btn {
	font-weight: bold;
}

#GetGLU a:link {
	color: black;
	text-decoration: none;
}
/* visited link */
#GetGLU a:visited {
	color: black;
}
/* mouse over link */
#GetGLU a:hover {
	color:white;	
}

/* selected link */
#GetGLU a:active {
	color: black;
}

.GLU-text {
	color: #FBAF1E;
}
.container-getglu {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: space-between;
	min-height: 100vh;
	width: 100%;
	background: url("../img/background-getglu.jpg")no-repeat center center;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	padding-bottom: .5em;
        }
.bottom-div {
            margin-top: auto;
        }
p {
	margin-left: 0;
}


.links {
	/*width: 10px;*/
	padding                 :   10px 20px;
	background-color: black;
    border-style                :   solid;
    border-width                :   3px;
    border-color                :   #F7F7F7;
    -webkit-border-radius       :   10px;
    -moz-border-radius          :   10px;
    border-radius               :   40px;
	margin-bottom: 4em;
}
.links img {
	margin-right: 1.5em;
	margin-top: .5em;
	margin-bottom: .5em;
}



.social {
	margin-top: 2em;
	margin-bottom: 4em;
}
.social img {
	margin-left: 1em;
	margin-right: 1em;
}
.container-content {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: space-between;
	min-height: 100vh;
	width: 100%;
	background: url("../img/background-content.jpg")no-repeat center center;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	/*padding-bottom: 6em;*/

}.container-contact {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: space-between;
	min-height: 100vh;
	width: 100%;
	background: url("../img/background-contact.jpg")no-repeat center center;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	padding-bottom: 6em;

}

.svg-shadow {
  -webkit-filter: drop-shadow( 3px 3px 2px rgba(0, 0, 0, .7));
  filter: drop-shadow( 3px 3px 2px rgba(0, 0, 0, .7));
  /* Similar syntax to box-shadow */
}


.custom-list li::marker{
	color:#FBAF1E;
	font-size: 125%;

}

.action-list {
	font-size: 1.5em;
}

.mail-icon {

    width: 1em;
    display: inline;
    margin-right: 40px;
    vertical-align: bottom;
}

.creators-box {
	margin: 7em;
}