div{
	box-sizing:border-box;
	display:flex;
	justify-content:space-around;
	align-items:center;
	flex-direction:row;
}

div.column{
	flex-direction:column;
}

.click-scale{
	transition:scale 0.5s ease;
	transform:scale(1);
}

.click-scale:active{
	transform:scale(0.95);
}


::-webkit-scrollbar {
  background:rgba(255,255,255,0.5);
  width:3px;
  height:3px;
}

::-webkit-scrollbar-track {
	background:black;
}

::-webkit-scrollbar-thumb{
	background:rgba(255,255,255,0.5);
	border-radius:3px;
}





a.action-button{
	padding:7.5px;
	padding-left:15px;
	padding-right:15px;
	border:1px solid white;
	border-radius:15px;
	color:white;

	background:rgba(0,0,0,0.40);

	cursor:pointer;

	transition:color 0.25s ease, border-color 0.25s ease, background 0.25s ease;
}

a.action-button:hover{
	color:#007bff;
	border-color:#007bff;
	background:black;
}



body{
	margin:0;
	padding:0;
	width:100vw;

	/*background:grey;*/

	overflow-x:hidden !important;

	display:flex;
	justify-content:flex-start;
	align-items:center;
	flex-direction:column;
}


header{
	width:100vw;
	margin:0;
	padding:0;
	position:fixed;
	top:0;
	left:0;
	z-index:30;
	background:rgba(0,0,0,0.85);
	/*border-bottom:1px solid rgba(255,255,255,0.4);*/

	height:80px;

	transition:top 0.5s ease, background 1s ease;

	display:flex;
	justify-content:space-around;
	align-items:center;
}


header.scrolled{
	top:-80px;
}

header.not-top-position{
	background:none;
	border-bottom:none;
}

.typing-animation{
	visibility:hidden;
	height:1ch;
	z-index:3;
}

header > div.header-container{
	width:100vw;
	height:100%;
	justify-content:space-between;
	padding-top:15px;
	padding-bottom:15px;

	padding-left:50px; /*setting*/
	padding-right:50px; /*setting*/

	/*position:relative;*/

	z-index:11;

	max-width:1500px;
}


header > div.header-container > a.logo-container{
	cursor:pointer;
	z-index:6;
}

header > div.header-container > a.logo-container > img{
	height:50px;
	width:auto;
}

header > div.header-container > div.menu-overlay-container{
	width:100vw;
	position:absolute;
	top:0;
	left:0;
	height:100%;
	z-index:5;
	justify-content:space-around;
	align-items:center;
	z-index:5;
}

header > div.header-container > div.menu-overlay-container > div.menu-container{
	position:relative;	
}

header > div.header-container > div.menu-overlay-container > div.menu-container > div.top{
	justify-content:space-between;
	background:white;
	width:100%;
	z-index:6;
	border-radius:15px;
	border:1px solid black;

	padding:15px;
}

header > div.header-container > div.menu-overlay-container > div.menu-container > div.top > a{
	margin-right:35px;
	cursor:pointer;
	text-decoration:none;
	color:black;
}

header > div.header-container > div.menu-overlay-container > div.menu-container > div.top > a:last-child{
	margin-right:0;
}

header > div.header-container > div.menu-overlay-container > div.menu-container > div.content{
	position:absolute;
	top:0;
	width:100%;

	padding-top:50px;

	border:1px solid black;
	background:white;

	z-index:11;


	opacity:0;

	border-radius:15px;
	display:none;

	transition:top 0.25s ease, opacity 0.25s ease;
}

header > div.header-container > div.menu-overlay-container > div.menu-container > div.content.active{
	top:10px;
	transition:top 0.25s ease, opacity 0.25s ease;
	opacity:1;
	z-index:5;
}



header > div.header-container > div.menu-overlay-container > div.menu-container > div.content.active > div > div.boxes > div.element{

}

header > div.header-container > div.menu-overlay-container > div.menu-container > div.content > div{
	width:100%;
	height:100%;
}

header > div.header-container > div.menu-overlay-container > div.menu-container > div.content > div > div.boxes{
	width:100%;
	padding-bottom:10px;
}

header > div.header-container > div.menu-overlay-container > div.menu-container > div.content > div > div.boxes > div.element{
	border:1px solid black;
	justify-content:flex-start;
	padding-left:15px;
	cursor:pointer;
	border-radius:5px;
	width:95%;
	margin-top:10px;

	padding-top:10px;
	padding-bottom:10px;
	transition:background 0.25s ease, color 0.25s ease;
}



header > div.header-container > div.menu-overlay-container > div.menu-container > div.content > div > div.boxes > div.element:hover{
	background:black;
	color:white;
}

header > div.header-container > div.menu-overlay-container > div.menu-container > div.content > div > div.boxes > div.element:active{
	transform:scale(0.99);
}

header > div.header-container > div.menu-overlay-container > div.menu-container > div.content > div > div.boxes > div.element:hover > a.icon-container{
	background:#007bff;
}




header > div.header-container > div.menu-overlay-container > div.menu-container > div.content > div > div.boxes > div.element > a.icon-container{
	margin-right:10px;
	font-size:25px;
	color:black;
	background:grey;
	border-radius:5px;
	display:flex;
	justify-content:space-around;
	align-items:center;

	width:45px;
	height:45px;

	transition:background 0.25s ease;

}




header > div.header-container > div.action-container{
	z-index:6;
}


header > div.header-container > div.action-container > a.action{
	padding:7.5px;
	padding-left:15px;
	padding-right:15px;
	border:1px solid white;
	border-radius:15px;
	color:white;

	background:rgba(0,0,0,0.40);

	cursor:pointer;

	transition:color 0.25s ease, border-color 0.25s ease, background 0.25s ease;
}

header > div.header-container > div.action-container > a.action:hover{
	color:#007bff;
	border-color:#007bff;
	background:black;
}


div.contact-us-overlay > div.content > div.top > div.close-icon-container{
	height:50px;
	width:57.5px;

	border:1px solid white;
	border-radius:5px;

	display:flex;

	justify-content:space-around;
	align-items:center;

	position:relative;

	cursor:pointer;
	z-index:6;
}

div.contact-us-overlay > div.content > div.top > div.close-icon-container > a.icon-container{
	display:flex;
	justify-content:space-between;
	align-items:center;

	padding:0;

	flex-direction:column;
	
	height:25px;

	cursor:pointer;

	position:absolute;
	
	top:25%;
	left:25%;
	transform:translateX(0);
}

div.contact-us-overlay > div.content > div.top > div.close-icon-container > a.icon-container > span{
  border-bottom:2px solid white;
  width:37.5px;

  transition: all 0.3s ease;
}



div.contact-us-overlay > div.content > div.top > div.close-icon-container > a.icon-container > span:nth-child(1){
	transform-origin:top left;
	 transform: rotate(40deg);
}

div.contact-us-overlay > div.content > div.top > div.close-icon-container > a.icon-container > span:nth-child(2){
	opacity: 0;
}

div.contact-us-overlay > div.content > div.top > div.close-icon-container > a.icon-container > span:nth-child(3){
	transform-origin:bottom left;
	transform: rotate(-40deg);
}


header > div.header-container > div.menu-icon-container > a.menu-icon{
	display:flex;
	justify-content:space-between;
	align-items:center;

	padding:0;

	flex-direction:column;
	
	height:25px;

	cursor:pointer;

	position:absolute;
	
	top:25%;
	left:25%;
	transform:translateX(0);
}





header > div.header-container > div.menu-icon-container{

	height:50px;
	width:57.5px;

	border:1px solid white;
	border-radius:5px;

/*display:flex;*/	
	display:none;
	justify-content:space-around;
	align-items:center;

	position:relative;

	cursor:pointer;
	z-index:6;
}


header > div.header-container > div.menu-icon-container > a.menu-icon{
	display:flex;
	justify-content:space-between;
	align-items:center;

	padding:0;

	flex-direction:column;
	
	height:25px;

	cursor:pointer;

	position:absolute;
	
	top:25%;
	left:50%;
	transform:translateX(-50%);

}

header > div.header-container > div.menu-icon-container > a.menu-icon.active{
	left:25%;
	transform:translateX(0);
}

header > div.header-container > div.menu-icon-container > a.menu-icon > span{
  border-bottom:2px solid white;
  width:37.5px;

  transition: all 0.3s ease;
}

header > div.header-container > div.menu-icon-container > a.menu-icon > span:nth-child(1){
	transform-origin:top left;
}

header > div.header-container > div.menu-icon-container > a.menu-icon > span:nth-child(2){
	opacity:1;
}

header > div.header-container > div.menu-icon-container > a.menu-icon > span:nth-child(3){
	transform-origin:bottom left;
}



header > div.header-container > div.menu-icon-container > a.menu-icon.active span:nth-child(1) {
  transform: rotate(40deg);
}

header > div.header-container > div.menu-icon-container > a.menu-icon.active span:nth-child(2) {
  opacity: 0;
}

header > div.header-container > div.menu-icon-container > a.menu-icon.active span:nth-child(3) {
  transform: rotate(-40deg);
}


@media all and (max-width: 1100px){
	header > div.header-container > div.menu-icon-container{
		display:flex;
	}
	header > div.header-container > div.menu-overlay-container{
		display:none;
	}
	header > div.header-container > div.action-container{
		display:none;
	}
}



div.mobile-menu-overlay{

	position:fixed;
	top:0;
	left:0;

	height:100vh;
	width:100vw;
	background:rgba(0,0,0,0.85);
	z-index:29;

	display:none;
	/*display:flex;*/
	flex-direction:column;

	overflow-y:scroll;

}


div.mobile-menu-overlay > div.content{

	position:absolute;
	top:-100%;
	left:0;

	display:flex;
	justify-content:space-around;
	align-items:center;
	flex-direction:column;

	padding-top:5vh;
	width:100%;


	opacity:0;

	transition: top 0.75s ease, left 0.75s ease, opacity 1.5s ease;


	color:white;

	z-index:29;

}


div.mobile-menu-overlay > div.content > div.container{
	width:80%;

	background:black;
	color:black;
}

div.mobile-menu-overlay > div.content > div.container > div.element{
	width:100%;
	border-bottom:none;

	cursor:pointer;

	margin-bottom:15px;

	background:white;
	color:black;
}

div.mobile-menu-overlay > div.content > div.container > div.element > div.top{
	border-bottom:1px solid black;
	width:100%;

	font-size:35px;
}

div.mobile-menu-overlay > div.content > div.container > div.element > div.content{
	width:100%;
	border-bottom:1px solid black;
	padding-top:25px;
	padding-bottom:25px;
	display:none;

	background-color: #121212;
 	background-image: repeating-linear-gradient(
	    45deg,
	    rgba(255,255,255,0.02) 0,
	    rgba(255,255,255,0.02) 1px,
	    transparent 1px,
	    transparent 8px
	);

   color: #fff;


   font-size:35px;

   border-right:1px solid rgba(255,255,255,0.2);
   border-left:1px solid rgba(255,255,255,0.2);
}

div.mobile-menu-overlay > div.content > div.container > div.element > div.content > div.element{
	width:90%;

	justify-content:flex-start;

	padding:25px;

	margin-bottom:25px;

	border-radius:5px;

	background:black;

	color:white;

}

div.mobile-menu-overlay > div.content > div.container > div.element > div.content > div.element:last-child{
	margin-bottom:0;
}

div.mobile-menu-overlay > div.content > div.container > div.element > div.content > div.element > a.icon-container{
	padding:15px;
	background: #007bff;
	border-radius:5px;
	color:black;
	font-size:45px;
	height:60px;
	width:60px;
	margin-right:25px;

	display:flex;
	justify-content:space-around;
	align-items:center;
}









div.contact-us-overlay{

	position:fixed;
	top:0;
	left:0;

	height:100vh;
	width:100vw;
	background:rgba(0,0,0,0.92);
	z-index:666;

	display:none;
	/*display:flex;*/
	flex-direction:column;

}


div.contact-us-overlay > div.content{

	position:absolute;
	top:-100%;
	left:0;

	display:flex;
	justify-content:space-around;
	align-items:center;
	flex-direction:column;

	padding-top:15px;
	width:100%;

	opacity:0;

	transition: top 0.75s ease, left 0.75s ease, opacity 1.5s ease;
}


div.contact-us-overlay > div.content > div{
	max-width:1500px;
}

div.contact-us-overlay > div.content > div.top{
	width:100%;
	display:flex;
	justify-content:flex-end;
	align-items:center;

	padding-right:45px;
}

/*div.contact-us-overlay > div.content > div.top > a.icon-container{
	padding-top:5px;
	padding-bottom:5px;
	padding-left:10px;
	padding-right:10px;

	border:1px solid white;
	border-radius:5px;

	display:flex;
	justify-content:space-around;
	align-items:center;

	cursor:pointer;
}*/









div.contact-us-overlay > div.content > div.top > a.icon-container > i{
	color:white;
	font-size:37.5px;
}



h1{
	/*text-align:center;*/
}

div.contact-us-overlay > div.content > h1.title{
	color:white;
	font-size:50px;
	font-weight:bolder;
	letter-spacing:1px;
	max-width:90%;
}

div.contact-us-overlay > div.content > h1.title > span{
	font-weight:lighter;
	color:#0047ff;
}
div.contact-us-overlay > div.content > form{
	display:flex;
	flex-direction:column;
	align-items:center;

	width:75vw;
	max-width:600px;

	font-size:10px;

}

div.contact-us-overlay > div.content > form > *{
	max-width:95%;
	margin-bottom:12.5px;
	-moz-box-sizing:border-box;
    -webkit-box-sizing:border-box;
    box-sizing:border-box;
}

div.contact-us-overlay > div.content > form > input{
	padding:10px;
	width:100%;
	background:rgba(45,45,45,0.75);
	border:none;
	color:grey;

	border-radius:5px;

	border:2px solid transparent;
}

div.contact-us-overlay > div.content > form > input:focus{
    outline: none;
    border: 2px solid #007bff;
    box-shadow: 0 0 5px rgba(0, 123, 255, 0.5);
}


div.contact-us-overlay > div.content > form > textarea{

	padding:10px;

	width:100%;
	background:rgba(45,45,45,0.75);
	border:none;
	color:grey;

	resize:none;

	border-radius:5px;

	border:2px solid transparent;

}

div.contact-us-overlay > div.content > form > textarea:focus{
    outline: none;
    border: 2px solid #007bff;
    box-shadow: 0 0 5px rgba(0, 123, 255, 0.5);
}


div.contact-us-overlay > div.content > form > select{

	padding:10px;

	width:100%;
	background:rgba(45,45,45,0.75);
	border:none;
	color:grey;

	resize:none;

	border-radius:5px;

	border:2px solid transparent;

	cursor:pointer;

}

div.contact-us-overlay > div.content > form > select > option{
	width:100%;
	color:grey;
}

div.contact-us-overlay > div.content > form > select:focus{
    outline: none;
    border: 2px solid #007bff;
    box-shadow: 0 0 5px rgba(0, 123, 255, 0.5);
}


div.contact-us-overlay > div.content > form > input[type="submit"]{
	background:none;
	color:white;
	border:none;
	border-bottom:2px solid white;
	padding-bottom:6px;
	font-weight:bold;

	width:auto;

	text-transform:uppercase;

	cursor:pointer;
}

div.contact-us-overlay > div.content > form > input[type="submit"]:hover{
	border-bottom-color:#007bff;
    color:#007bff;
}

div.contact-us-overlay > div.content > form > input[type="submit"]:focus{
    outline: none;
    border-bottom-color:#0047ff;
    color:#0047ff;
    box-shadow:none;
    transform:scale(0.98);
}




main{
	width:100vw;
	margin:0;
	padding:0;

	display:flex;
	justify-content:flex-start;
	align-items:center;

	background-color: #121212;
 	background-image: repeating-linear-gradient(
	    45deg,
	    rgba(255,255,255,0.02) 0,
	    rgba(255,255,255,0.02) 1px,
	    transparent 1px,
	    transparent 8px
	);

   color: #fff;

	/*background-image: url(uploads/grid.svg);
	background-size: 500px 500px;*/
}

main *{
}

main > div.main-container{
	width:100%;

	justify-content:flex-start;
}

main > div.main-container > div{
	max-width:1500px;
}

main > div.main-container > div.full-width{
	max-width:100%;
}




main > div.main-container > div.section_1{
	width:100%;
	height:100vh;
	position:relative;
}

main > div.main-container > div.section_1 > div.video_container{
	width:100%;
	height:100%;
	position:relative;
}

main > div.main-container > div.section_1 > div.video_container > video{
	width:100%;
	height:100%;
	object-fit:cover;
	position:absolute;
	top:0;
	left:0;
	z-index:1;
}

main > div.main-container > div.section_1 > div.video_container > video#video{
	z-index:2;
}

main > div.main-container > div.section_1 > div.content-container{
	position:absolute;
	z-index:3;
	color:white;
	width:100%;
	height:100%;
	align-items:center;
	padding-left:75px;
	justify-content:space-around;
	padding-top:0;
}

main > div.main-container > div.section_1 > div.content-container > div.content{
	justify-content:flex-start;
	align-items:flex-start;
	padding-top:0;
}


main > div.main-container > div.section_1 > div.content-container > div.content > *{
	margin-bottom:125px;
	margin-top:0;
}


main > div.main-container > div.section_1 > div.content-container > div.content > h1{
    font-family: 'Druk Condensed', sans-serif;
    font-size: 50px;
    font-weight: 650;
    line-height: 60px;
    text-transform: uppercase;
}

main > div.main-container > div.section_1 > div.content-container > div.content > h2{
	font-family: 'Druk Condensed', sans-serif;
	font-size:40px;
	font-weight:normal;
}

main > div.main-container > div.section_1 > div.content-container > div.content > a{
	font-family: 'Druk Condensed', sans-serif;
	font-size:25px;
	font-weight:normal;

	cursor:pointer;

	transition:color 0.2s ease;
}

main > div.main-container > div.section_1 > div.content-container > div.content > a:hover{
	color:#007bff;
}

main > div.main-container > div.section_1 > div.content-container > div.content > a > i{
	color:white;
	margin-left:10px;
}


main > div.main-container > div.section_1 > div.action-container{

}

main > div.main-container > div.section_1 > div.action-container{
	position:absolute;
	width:100%;
	left:0;
	bottom:15px;
	z-index:4;
}

main > div.main-container > div.section_1 > div.action-container > a{
	padding:15px;
	padding-left:19px;
	padding-right:19px;
	border:1px solid white;
	border-radius:50%;
	cursor:pointer;	

	background:rgba(0,0,0,0.40);

	transition:color 0.25s ease, border-color 0.25s ease, background 0.25s ease;
}

main > div.main-container > div.section_1 > div.action-container > a:hover{
	color:#007bff;
	border-color:#007bff;
	background:black;
}

/* */
.pulse {
  animation: pulse 1.8s ease-out infinite;
}

@keyframes pulse {
  0% { transform: scale(1); }
  100% { transform: scale(1.8);}
}

.float {
  animation: floatY 2.2s ease-in-out infinite;
}

@keyframes floatY {
  0%, 100% { transform: translateY(0); }
  50% { transform: translateY(8px); }
}

.breathe {
  animation: breathe 2.2s ease-in-out infinite;
  transition: box-shadow 0.2s ease, opacity 0.2s ease;
}

@keyframes breathe {
  0%, 100% {
    box-shadow:
      0 0 0 rgba(0, 123, 255, 0),
      0 0 0 rgba(0, 123, 255, 0);
    opacity: 0.9;
  }

  50% {
    box-shadow:
      0 0 10px rgba(0, 123, 255, 0.9),
      0 0 35px rgba(0, 123, 255, 0.65),
      0 0 70px rgba(0, 123, 255, 0.35);
    opacity: 1;
  }
}

/* TRUE FIX: override animation completely on hover */
.breathe:hover {
  animation: none;

  box-shadow:
    0 0 10px rgba(0, 123, 255, 0.9),
    0 0 35px rgba(0, 123, 255, 0.65),
    0 0 70px rgba(0, 123, 255, 0.35);

  opacity: 1;
}

.subtle-breathe {
  animation: subtleBreathe 2.8s ease-in-out infinite;
  transition: box-shadow 0.25s ease;
}

@keyframes subtleBreathe {
  0%, 100% {
    box-shadow:
      0 0 0 rgba(0, 123, 255, 0),
      0 0 0 rgba(0, 123, 255, 0);
  }

  50% {
    box-shadow:
      0 0 6px rgba(0, 123, 255, 0.45),
      0 0 18px rgba(0, 123, 255, 0.25);
  }
}

.subtle-breathe:hover {
  animation-play-state: paused;
  box-shadow:
    0 0 10px rgba(0, 123, 255, 0.55),
    0 0 25px rgba(0, 123, 255, 0.35);
}

.steady-glow {
  box-shadow:
    0 0 8px rgba(0, 123, 255, 0.35),
    0 0 20px rgba(0, 123, 255, 0.2);
  transition: box-shadow 0.25s ease;
}

.steady-glow:hover {
  box-shadow:
    0 0 12px rgba(0, 123, 255, 0.55),
    0 0 30px rgba(0, 123, 255, 0.35);
}


/* */


main > div.main-container > div.section_2{
	width:100%;
	margin-top:20px;
}

main > div.main-container > div.section_2 > p{
	max-width:65%;
	line-height:28px;
}


main > div.main-container > div.section_more_info{
	width:100%;
	margin-top:25px;
}


main > div.main-container > div.section_more_info > div.content{
	width:50%;
	min-width:575px;
	align-items:flex-start;
}

main > div.main-container > div.section_more_info > div.content > a{
	margin-bottom:10px;
}

main > div.main-container > div.section_more_info > div.content > a > span{
	font-weight:bold;
	color:#007bff;
}

main > div.main-container > div.section_more_info > div.content > a.action{
	cursor:pointer;
	margin-top:20px;
}


main > div.main-container > div.section_3{
	width:100%;
	justify-content:flex-start;
	margin-bottom:100px;

}

main > div.main-container > div.section_3 > div.content_container{
	width:100%;
	align-items:flex-start;
	height:100%;
}

main > div.main-container > div.section_3 > div.content_container > div.left{
	width:50%;
	align-items:center;
	min-height:600px;
	height:100%
}

main > div.main-container > div.section_3 > div.content_container > div.left > div.img-container{
	height:600px;
	width:80%;
	align-items:flex-start;
	top:50%;
	overflow:hidden;
}

main > div.main-container > div.section_3 > div.content_container > div.left > div.img-container > img{
	width:100%;
	height:100%;
	display:none;
	opacity:0;
	transition:opacity 2s ease;
}

main > div.main-container > div.section_3 > div.content_container > div.left > div.img-container > img.active{
	display:flex;
	opacity:1;
}

main > div.main-container > div.section_3 > div.content_container > div.right{
	width:50%;
	position:relative;
	align-items:flex-start;
	height:100%;
	padding-top:0;
}

main > div.main-container > div.section_3 > div.content_container > div.right > div.boxes-container{
	width:75%;
	align-items:flex-start;
	position:absolute;
}

main > div.main-container > div.section_3 > div.content_container > div.right > div.boxes-container > div.element{
	/*border:1px solid black;*/
	/*border:1px solid rgba(255,255,255,0.1);*/
	overflow:hidden;
	/*border-bottom:none;*/

	margin-bottom:15px;
	width:100%;

	cursor:pointer;
}

main > div.main-container > div.section_3 > div.content_container > div.right > div.boxes-container > div.element > div.top{
	width:100%;
	padding:15px;
	justify-content:space-between;
	background:black;
	color:white;

}


main > div.main-container > div.section_3 > div.content_container > div.right > div.boxes-container > div.element > div.top > div{

}

main > div.main-container > div.section_3 > div.content_container > div.right > div.boxes-container > div.element > div.top > div > a.icon{
	padding:15px;
	background: #007bff;
	border-radius:5px;
	color:black;
	font-size:15px;
	margin-right:15px;
}

main > div.main-container > div.section_3 > div.content_container > div.right > div.boxes-container > div.element > div.top > div > a.icon > i{
	font-size:25px;
}

main > div.main-container > div.section_3 > div.content_container > div.right > div.boxes-container > div.element > div.content{
	width:100%;
	display:none;

	padding:15px;

	align-items:flex-start;

	padding-top:0px;
	opacity:0;

	transition: padding 0.25s ease, opacity 0.25s ease;

	background:black;
	color:white;
	/*background:white;*/
	/*color:black;*/

	cursor:default;

	border-top:1px solid rgba(0,123,255,0.5);
	/*border:2px solid rgba(0, 123, 255, 0.5);*/
}

main > div.main-container > div.section_3 > div.content_container > div.right > div.boxes-container > div.element > div.content.active{
	padding-top:10px;
	opacity:1;

	transition:padding 0.25s ease, opacity 0.25s ease;
}

main > div.main-container > div.section_3 > div.content_container > div.right > div.boxes-container > div.element > div.content > a.action{
	color:#007bff;
	text-decoration:none;
	cursor:pointer;
}

main > div.main-container > div.section_3 > div.content_container > div.right > div.boxes-container > div.element > div.top > a.action-icon{
	cursor:pointer;
	font-size:25px;
	/*color:#007bff;*/
	color:grey;
}

i.rotated{
	transform: rotate(180deg);
	transition: transform 0.25s ease;
	color: #007bff;
}

i{
	transform:rotate(0);
	transition:transform 0.25s ease;
}




/* PHONE */


main > div.main-container > div.section_3_phone{
	width:100%;

	/*display:flex;*/
	display:none;
}

main > div.main-container > div.section_3_phone > div.boxes-container{
	width:85%;
	min-width:575px;
}

main > div.main-container > div.section_3_phone > div.boxes-container > div.element{
	width:100%;
	margin-bottom:15px;
	cursor:pointer;
}
main > div.main-container > div.section_3_phone > div.boxes-container > div.element > div.top{
	width:100%;
	padding:15px;
	justify-content:space-between;
	background:black;
	color:white;

}


main > div.main-container > div.section_3_phone > div.boxes-container > div.element > div.top > div{

}

main > div.main-container > div.section_3_phone > div.boxes-container > div.element > div.top > div > a.icon{
	padding:15px;
	background: #007bff;
	border-radius:5px;
	color:black;
	font-size:15px;
	margin-right:15px;
}

main > div.main-container > div.section_3_phone > div.boxes-container > div.element > div.top > div > a.icon > i{
	font-size:25px;
}

main > div.main-container > div.section_3_phone > div.boxes-container > div.element > div.content{
	width:100%;
	display:none;

	padding:0;

	align-items:flex-start;

	padding-top:0px;
	opacity:0;

	transition: padding 0.25s ease, opacity 0.25s ease;

	background:black;
	color:white;
	/*background:white;*/
	/*color:black;*/

	cursor:default;

	border-top:1px solid rgba(0,123,255,0.5);
	/*border:2px solid rgba(0, 123, 255, 0.5);*/
}

main > div.main-container > div.section_3_phone > div.boxes-container > div.element > div.content > p{
	margin-left:15px;
	margin-right:5px;
	max-width:95%;
}

main > div.main-container > div.section_3_phone > div.boxes-container > div.element > div.content.active{
	padding-top:10px;
	opacity:1;

	transition:padding 0.25s ease, opacity 0.25s ease;
}

main > div.main-container > div.section_3_phone > div.boxes-container > div.element > div.content > a.action{
	color:#007bff;
	text-decoration:none;
	cursor:pointer;

	margin-left:15px;
}

main > div.main-container > div.section_3_phone > div.boxes-container > div.element > div.top > a.action-icon{
	cursor:pointer;
	font-size:25px;
	/*color:#007bff;*/
	color:grey;
}


main > div.main-container > div.section_3_phone > div.boxes-container > div.element > div.content > div.img-container{
	width:100%;
	height:600px;

	margin-top:5px;

	border-top:1px solid rgba(0,123,255,0.5);
}


main > div.main-container > div.section_3_phone > div.boxes-container > div.element > div.content > div.img-container > img{
	width:100%;
	height:100%;
	max-height:75vh;
	object-fit:cover;
	object-position:50% 15%;
}


@media all and (max-width: 1100px){
	main.homepage > div.main-container > div.section_3{
		display:none;
	}

	main.homepage > div.main-container > div.section_3_phone{
		display:flex;
	}
}







/* */







main > div.main-container > div.section_4{
	width:100%;
}


main > div.main-container > div.section_4 > div.boxes-container{
	width:85%;
	min-width:575px;
}

main > div.main-container > div.section_4 > div.boxes-container > div.row{
	width:100%;
	height:400px;
	margin-bottom:15px;
	flex-direction:row-reverse;
}

main > div.main-container > div.section_4 > div.boxes-container > div.row > div.element:nth-child(1){
	width:59%;
}

main > div.main-container > div.section_4 > div.boxes-container > div.row > div.element:nth-child(2){
	width:39%;
}

main > div.main-container > div.section_4 > div.boxes-container > div.row:nth-child(2) > div.element:nth-child(1){
	width:39%;
}

main > div.main-container > div.section_4 > div.boxes-container > div.row:nth-child(2) > div.element:nth-child(2){
	width:59%;
}


main > div.main-container > div.section_4 > div.boxes-container-two > div.row > div.element:nth-child(1){
	width:39%;
}

main > div.main-container > div.section_4 > div.boxes-container-two > div.row > div.element:nth-child(2){
	width:59%;
}

main > div.main-container > div.section_4 > div.boxes-container-two > div.row:nth-child(2) > div.element:nth-child(1){
	width:59%;
}

main > div.main-container > div.section_4 > div.boxes-container-two > div.row:nth-child(2) > div.element:nth-child(2){
	width:39%;
}



main > div.main-container > div.section_4 > div.boxes-container > div.row > div.element{
	position:relative;
	width:45%;
	height:100%;
	overflow:hidden;
}

main > div.main-container > div.section_4 > div.boxes-container > div.row > div.element:hover > div.content > div.top{
	border-color:rgba(0,123,255,0.5);
}


.border-color{
	border:1px solid rgba(255,255,255,0.1);
	transition:border-color 0.1s ease;
	overflow:hidden;
}

.border-color-thick{
	border:1px solid rgba(255,255,255,0.2);
	overflow:hidden;
}

.border-color-thick:hover{
	border-color:rgba(0, 123, 255, 0.5);
}



.border-color:hover{
	border-color:rgba(0, 123, 255, 0.5);
}


.border-color-active{
	border:1px solid rgba(0, 123, 255, 0.5) !important;
	overflow:hidden;
}




main > div.main-container > div.section_4 > div.boxes-container > div.row > div.element > div.content{
	z-index:4;
	color:white;
	height:100%;
	justify-content:flex-start;
	align-items:flex-start;
	background:black;
}

main > div.main-container > div.section_4 > div.boxes-container > div.row > div.element > div.content > div.top{
	width:100%;
	height:20%;
	justify-content:flex-start;
	padding-left:15px;
	border-bottom:1px solid rgba(255,255,255,0.2);
	transition:border-color 0.1s ease;
}

main > div.main-container > div.section_4 > div.boxes-container > div.row > div.element > div.content > div.content{
	width:100%;
	height:80%;
	/*background:white;*/
	/*color:black;*/
	background:black;
	color:white;
	padding-left:15px;
}


@media all and (max-width: 1100px){

	main > div.main-container > div.section_4 > div.boxes-container > div.row{
		height:600px;
	}
	main > div.main-container > div.section_4 > div.boxes-container > div.row > div.element > div.content > div.top{
		height:25%;
	}
	
	main > div.main-container > div.section_4 > div.boxes-container > div.row > div.element > div.content > div.content{
		height:75%;
	}

}


main > div.main-container > div.section_4 > div.boxes-container > div.row > div.element > div.content > div.content > p{
	width:95%;
}



main > div.main-container > div.section_4 > div.boxes-container > div.row > div.element > div.content > div.top > a.icon{
	width:60px !important;
	height:60px !important;
	/*background:#007bff;*/
		background:#007bff;
	color:black;
	display:flex;
	justify-content:space-around;
	align-items:center;

	font-size:25px;

	border-radius:5px;

	transition:background 0.25s ease;

	margin-right:15px;
}

main > div.main-container > div.section_4 > div.boxes-container > div.row > div.element > div.content > div.top > h3{
	width:calc(90% - 60px);
}




main > div.main-container > div.section_4 > div.boxes-container > div.row > div.element > a.overlay{
	height:100%;
	width:100%;
	top:0;
	left:0;
	z-index:3;
	/*background:rgba(0, 0, 200,0.5);*/
	background:rgba(0,0,0,0.45);
	position:absolute;
}

main > div.main-container > div.section_4 > div.boxes-container > div.row > div.element > div.img-container{
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;

	z-index:2;
}

main > div.main-container > div.section_4 > div.boxes-container > div.row > div.element > div.img-container > img{
	height:100%;
	width:100%;
	object-fit:cover;
}



main > div.main-container > div.cta{
	width:100%;
	height:700px;
	overflow:hidden;
	position:relative;
}

main > div.main-container > div.cta > div.img-container{
	height:100%;
	width:100%;
}

main > div.main-container > div.cta > div.img-container > img{
	height:100%;
	width:100%;
	object-fit:cover;
	object-position:50% 10%;
}

main > div.main-container > div.cta > div.content-container{
	width:100%;
	height:100%;
	position:absolute;
	top:0;
	left:0;
}

main > div.main-container > div.cta > div.content-container > div.content{
	background:rgba(0,0,0,0.75);
	color:white;

	padding:37.5px;
	padding-left:100px;
	padding-right:100px;

	cursor:pointer;

	border-radius:5px;

	border:1px solid rgba(255,255,255,0.7);

	transition:border-color 0.1s ease, background 0.3s ease, scale 0.2s ease;
}


main > div.main-container > div.cta > div.content-container > div.content:hover{
	border-color:rgba(0, 123, 255, 1);
	background:rgba(0,0,0,0.9);
}

main > div.main-container > div.cta > div.content-container > div.content:active{
	transform:scale(0.99);
}

main > div.main-container > div.cta > div.content-container > div.content > a {
	transition:color 0.1s ease;
}
main > div.main-container > div.cta > div.content-container > div.content:hover > a {
	color:#007bff;
}

@keyframes scanGlow {
  0%, 100% {
    box-shadow: 0 0 0 rgba(0,123,255,0);
  }
  50% {
    box-shadow: 0 0 18px rgba(0,123,255,0.35);
  }
}

.cta-button-effect {
  position: relative;
  overflow: hidden;
  background: #000;
  color: #fff;
  border: 1px solid rgba(255,255,255,0.15);
  cursor: pointer;
  transition: transform 0.2s ease, box-shadow 0.2s ease, border-color 0.2s ease;
}

.cta-button-effect::before {
  content: "";
  position: absolute;
  top: 0;
  left: -130%;
  width: 130%;
  height: 100%;
  background: linear-gradient(
    120deg,
    transparent,
    rgba(0, 123, 255, 0.35),
    transparent
  );
  transition: 0.5s;
}

.cta-button-effect:hover::before {
  left: 130%;
}

.cta-button-effect:hover {
  transform: translateY(-3px);
  border-color: #007bff;
  box-shadow: 0 10px 25px rgba(0, 123, 255, 0.25);
}

.cta-button-effect-and-breathe {
  position: relative;
  overflow: hidden;
  background: #000;
  color: #fff;
  border: 1px solid rgba(255,255,255,0.15);
  cursor: pointer;

  /* breathing glow */
  animation: breathe 2.2s ease-in-out infinite;

  transition: transform 0.2s ease, border-color 0.2s ease;
}

/* BLUE SWEEP */
.cta-button-effect-and-breathe::before {
  content: "";
  position: absolute;
  top: 0;
  left: -130%;
  width: 130%;
  height: 100%;
  background: linear-gradient(
    120deg,
    transparent,
    rgba(0, 123, 255, 0.35),
    transparent
  );
  transform: skewX(-15deg);
  pointer-events: none;
  transition: 0.5s;
}

.cta-button-effect-and-breathe:hover::before {
  left: 130%;
}

/* HOVER STATE (freeze glow at peak) */
.cta-button-effect-and-breathe:hover {
  animation: none;
  transform: translateY(-3px);
  border-color: #007bff;

  box-shadow:
    0 0 10px rgba(0, 123, 255, 0.9),
    0 0 35px rgba(0, 123, 255, 0.65),
    0 0 70px rgba(0, 123, 255, 0.35);
}

/* BREATHING ANIMATION */
@keyframes breathe {
  0%, 100% {
    box-shadow:
      0 0 0 rgba(0, 123, 255, 0),
      0 0 0 rgba(0, 123, 255, 0);
    opacity: 0.9;
  }

  50% {
    box-shadow:
      0 0 10px rgba(0, 123, 255, 0.9),
      0 0 35px rgba(0, 123, 255, 0.65),
      0 0 70px rgba(0, 123, 255, 0.35);
    opacity: 1;
  }
}










main > div.main-container > div.section_5{
	width:100%;
	align-items:flex-start;
	padding-left:25px;
}

main > div.main-container > div.section_5 > div.boxes-container{
	width:70%;
}

@media all and (max-width: 1100px){
	main > div.main-container > div.section_5{
		width:85%;
		min-width:575px;
	}

	main > div.main-container > div.section_5 > div.boxes-container{
		width:100%;
	}
}

main > div.main-container > div.section_5 > div.boxes-container > div.element{
	width:100%;

	margin-bottom:15px;

	cursor:pointer;

	background:black;

}


main > div.main-container > div.section_5 > div.boxes-container > div.element > div.top{
	width:100%;
	justify-content:space-between;
	padding:15px;

	border-bottom:1px solid rgba(255,255,255,0.1);
}

main > div.main-container > div.section_5 > div.boxes-container > div.element > div.content{

	width:100%;

	border-top:1px solid rgba(0, 123, 255, 0.5) !important;

	display:none;
	/*display:flex;*/

	transition:padding 0.25s ease, opacity 0.25s ease;

	opacity:0;
	padding-top:0;

	background:black;
	color:white !important;

	cursor:default;

	padding:15px;
	align-items:flex-start;

	z-index:2;
}

main > div.main-container > div.section_5 > div.boxes-container > div.element > div.content.active{
	opacity:1;
	padding-top:10px;
}

main > div.main-container > div.section_5 > div.boxes-container > div.element > div.content > a.action{
	cursor:pointer;
	color:#007bff;
	text-decoration:none;
	transition:color 0.2s ease;
}

main > div.main-container > div.section_5 > div.boxes-container > div.element > div.content > a.action:hover{
	color:#0047ff;	
}

main > div.main-container > div.section_5 > div.boxes-container > div.element > div.content > p{
	color:white !important;
}





main > div.main-container > div.section_6{
	width:100%;
	display:flex;
	align-items:center;
	justify-content:space-around;
	padding-left:25px;

	background:black;
	color:white;

	position:relative;

	overflow:hidden;

	/*height:500px;*/

}

main > div.main-container > div.section_6 > *{
	z-index:4;
}





main > div.main-container > div.section_6 > div.content{
	width:100%;

	padding-left:40px;
	padding-right:25px;	

	max-width:1500px;

	min-width:575px;
}

main > div.main-container > div.section_6 > div.content > div.columns-container{
	width:100%;
	z-index:4;
}


main > div.main-container > div.section_6 > div.video_container{
	z-index:1;

	width:100%;
	height:100%;
	position:absolute;

	top:0;
	left:0;

	overflow:hidden;
}

main > div.main-container > div.section_6 > div.video_container > video{
	width:100%;
	height:100%;
	object-fit:cover;
}

main > div.main-container > div.section_6 > div.video_container > video#video{
}


main > div.main-container > div.section_6 > a.overlay-bg{
	z-index:3;


	width:100%;
	height:100%;

	position:absolute;
	top:0;
	left:0;

	background:rgba(0,0,0,0.75);

}




/*phone*/
@media all and (max-width: 1100px){

	main > div.main-container > div.section_6{
		align-items:center;
	}
	main > div.main-container > div.section_6 > div.columns-container{
		flex-direction:column;

	}
	main > div.main-container > div.section_6 > div.columns-container > div{
		width:100%;
		justify-content:space-around;
	}

	main > div.main-container > div.section_6 > div.columns-container > div.left{
		margin-bottom:15px;
	}

	main > div.main-container > div.section_6 > div.columns-container > div.left > p{
		width:100% !important;
	}
}



main > div.main-container > div.section_6 > div.content > div.columns-container > div{
	width:50%;
}

main > div.main-container > div.section_6 > div.content > div.columns-container > div.left{
	justify-content:flex-start;
}

main > div.main-container >div.section_6 > div.content > div.columns-container > div.left > p{
	width:65%;
	line-height:38px;
	font-size:17.5px;
	text-align:justify;
}



main > div.main-container > div.section_6 > div.content > div.columns-container > div.right{

}

main > div.main-container > div.section_6 > div.content > div.columns-container > div.right > form{
	display:flex;
	flex-direction:column;
	align-items:center;

	width:75vw;
	max-width:600px;

	font-size:10px;
}


main > div.main-container > div.section_6 > div.content > div.columns-container > div.right > form > *{
	max-width:95%;
	margin-bottom:12.5px;
	-moz-box-sizing:border-box;
    -webkit-box-sizing:border-box;
    box-sizing:border-box;
}

main > div.main-container > div.section_6 > div.content > div.columns-container > div.right > form > input{
	padding:10px;
	width:100%;
	background:rgba(45,45,45,0.75);
	border:none;
	color:grey;

	border-radius:5px;

	border:2px solid transparent;
}

main > div.main-container > div.section_6 > div.content > div.columns-container > div.right > form > input:focus{
    outline: none;
    border: 2px solid #007bff;
    box-shadow: 0 0 5px rgba(0, 123, 255, 0.5);
}


main > div.main-container > div.section_6 > div.content > div.columns-container > div.right > form > textarea{

	padding:10px;

	width:100%;
	background:rgba(45,45,45,0.75);
	border:none;
	color:grey;

	resize:none;

	border-radius:5px;

	border:2px solid transparent;

}

main > div.main-container > div.section_6 > div.content > div.columns-container > div.right > form > textarea:focus{
    outline: none;
    border: 2px solid #007bff;
    box-shadow: 0 0 5px rgba(0, 123, 255, 0.5);
}


main > div.main-container > div.section_6 > div.content > div.columns-container > div.right > form > select{

	padding:10px;

	width:100%;
	background:rgba(45,45,45,0.75);
	border:none;
	color:grey;

	resize:none;

	border-radius:5px;

	border:2px solid transparent;

	cursor:pointer;

}

main > div.main-container > div.section_6 > div.content > div.columns-container > div.right > form > select > option{
	width:100%;
	color:grey;
}

main > div.main-container > div.section_6 > div.content > div.columns-container > div.right > form > select:focus{
    outline: none;
    border: 2px solid #007bff;
    box-shadow: 0 0 5px rgba(0, 123, 255, 0.5);
}


main > div.main-container > div.section_6 > div.content > div.columns-container > div.right > form > input[type="submit"]{
	background:none;
	color:white;
	border:none;
	border-bottom:2px solid white;
	padding-bottom:6px;
	font-weight:bold;

	width:auto;

	text-transform:uppercase;

	cursor:pointer;
}

main > div.main-container > div.section_6 > div.content > div.columns-container > div.right > form > input[type="submit"]:hover{
    border-bottom-color:#007bff;
    color:#007bff;
}

main > div.main-container > div.section_6 > div.content > div.columns-container > div.right > form > input[type="submit"]:focus{
    outline: none;
    border-bottom-color:#0047ff;
    color:#0047ff;
    box-shadow:none;
    transform:scale(0.98);
}



/**/

main.page > div.bg-animation{
	position:fixed;
	top:0;
	left:0;
	width:100vw;
	height:100vh;
	z-index:2;
}





/**/





main.page > div.main-container{
	z-index:3;
}

main.page > div.main-container > div.top-container{
	width:100vw;
	height:350px;


	position:relative;

	align-items:flex-start;

	border-bottom:1px solid rgba(0, 123, 255, 0.5);

	background:black;
}


main.page > div.main-container > div.top-container > div.content{
	z-index:3;

	align-items:flex-start;

	padding-top:80px;

	width:100%;
	
	padding-left:25px;

	color:rgba(0, 123, 255,1);

	max-width:1500px;
}


main.page > div.main-container > div.top-container > div.content > h1{
	font-size:30px;
	letter-spacing:1.25px;
}

main.page > div.main-container > div.top-container > div.content > h2{
	text-transform: uppercase;
	color:white;
	font-size:15px;
	letter-spacing:1.34px;
	font-weight:400;
	padding-left:2px;
	margin-top:15px;

	opacity:0;

	transition:opacity 1s ease, transform 0.5s ease;

	transform: translateY(10px);
}


main.page > div.main-container > div.top-container > a.overlay{
	width:100%;
	height:100%;
	z-index:2;

	background:rgba(0,0,0,0.5);


	position:absolute;

}

main.page > div.main-container > div.top-container > a.overlay.webdev{
	background:rgba(0,0,0,0.75);
}

main.page > div.main-container > div.top-container > a.overlay.ecommerce{
	background:rgba(0,0,0,0.7);
}

main.page > div.main-container > div.top-container > a.overlay.platform_dev{
	background:rgba(0,0,0,0.7) !important;
}

main.page > div.main-container > div.top-container > div.img-container{
	width:100%;
	height:100%;
	z-index:1;

	position:absolute;

}

main.page > div.main-container > div.top-container > div.img-container > img{
	width:100%;
	height:100%;
	object-fit:cover;
	position:absolute;
	top:0;
	left:0;

	/*transition:opacity 0.5s ease;*/
}

main.page > div.main-container > div.top-container > div.img-container > img.lowres{
	z-index:1;
	opacity:1;
}

main.page > div.main-container > div.top-container > div.img-container > img.highres{
	z-index:1;
	opacity:0;
}

main.page > div.main-container > div.top-container > div.img-container > img.web-dev{
	object-position: 50% 65%;

}

main.page > div.main-container > div.top-container > div.img-container > img.rediseny-web{
	object-position:50% 65%;
}


main.page > div.main-container > div.section_1{
	width:100%;
	height:auto;
	position:relative;
}


main.page > div.main-container > div.section_1 > div.container{
	position:absolute;
	top:-100px;
	z-index:5;
	width:100%;
}


main.page > div.main-container > div.section_1 > div.container > div.box{
	/*border:1px solid rgba(255,255,255,0.1);*/
	border:1px solid rgba(0, 123, 255, 0.5);
	background:rgba(0,0,0,0.8);
	z-index:6;
	width:50%;
	min-width:575px;
}

main.page > div.main-container > div.section_1 > div.container > div.box > p{
	width:80%;
	min-width:525px;
	text-align:justify;
	line-height:27.5px;
}

main.page h2{
	margin-top:0;
}

main.page > div.main-container > div.section_2{
	width:100%;
}

main.page > div.main-container > div.section_2 > div.boxes-container{
	width:100%;
}

main.page > div.main-container > div.section_2 > div.boxes-container > div.row{
	align-items:stretch;
	height:275px;
	width:50%;
	min-width:575px;
	margin-bottom:25px;
	justify-content:space-between;
}

main.page > div.main-container > div.section_2 > div.boxes-container > div.row > div.element:last-child{
	margin-right:0;
}

main.page > div.main-container > div.section_2 > div.boxes-container > div.row > div.element{
	padding:25px;
	padding-top:0;
	width:calc(50% - 12.5px);
	/*border-radius:5px;*/
	/*border:1px solid black;*/

	justify-content:stretch;

	transition:background 0.25s ease, color 0.25s ease, border-color 0.25s ease;

	min-width:275px;

	margin-right:25px;

	/*background:white;
	color:black;*/
	background:black;
	color:white;
}

main.page > div.main-container > div.section_2 > div.boxes-container > div.row > div.element:hover{
	/*background:black;
	color:white;*/
	/*border:1px solid rgba(255,255,255,0.25);*/
}

main.page > div.main-container > div.section_2 > div.boxes-container > div.row > div.element *{
	margin-top:0;
	margin-bottom:0;
}

main.page > div.main-container > div.section_2 > div.boxes-container > div.row > div.element h2{
	margin-bottom:25px;
	white-space:nowrap;

}

main.page > div.main-container > div.section_2 > div.boxes-container > div.row > div.element > div.top{
	height:25%;
	margin-bottom:25px;
}

main.page > div.main-container > div.section_2 > div.boxes-container > div.row > div.element > div.top > a.icon{
	width:60px;
	height:60px;
	background:#007bff;
	color:black;
	display:flex;
	justify-content:space-around;
	align-items:center;

	margin-top:25px;

	font-size:25px;

	border-radius:5px;

	transition:background 0.25s ease;
}

main.page > div.main-container > div.section_2 > div.boxes-container > div.row > div.element:hover > div.top > a.icon{
	/*background:#007bff;*/
}


main.page > div.main-container > div.section_2 > div.boxes-container > div.row > div.element > div.content{
	height:75%;
	justify-content:flex-start;
}




main.page > div.main-container > div.section_3{
	margin-bottom:20px;
}

main.page > div.main-container > div.section_3 > div.boxes-container{
	width:50%;
	min-width:575px;
}

main.page > div.main-container > div.section_3 > div.boxes-container > div.element{
	
	width:100%;

	margin-bottom:10px;

	cursor:pointer;

	background:black;

}

main.page > div.main-container > div.section_3 > div.boxes-container > div.element > div.top{
	/*border-bottom:1px solid rgba(255,255,255,0.25);*/
	padding:10px;
	justify-content:space-between;
	width:100%;

	padding:15px;
}

main.page > div.main-container > div.section_3 > div.boxes-container > div.element > div.content{
	display:none;
	/*display:flex;*/
	width:100%;
	transition:padding 0.25s ease, opacity 0.25s ease;

	padding:15px;

	opacity:0;
	padding-top:0;

	border-top: 1px solid rgba(0, 123, 255, 0.5);

	color:white !important;

	align-items:flex-start;
}

main.page > div.main-container > div.section_3 > div.boxes-container > div.element > div.content.active{
	display:flex;
	opacity:1;
	padding-top:10px;
}


a.text-action{
	color:#007bff;
	text-decoration:none;
	transition:color 0.2s ease;

	cursor:pointer;
}

a.text-action:hover{
	color:#0047ff !important;
}

a.text-action:active{
	transform:scale(0.95);
}


main.page > div.main-container > div.section_3 > div.boxes-container > div.element > div.content > a.action{

	font-size:18px;
}

main.page > div.main-container > div.section_3 > div.boxes-container > div.element > div.content > a.action i{
	font-size:16px;
}


main.page > div.main-container > div.section_3 > div.bottom{
	width:50%;
	min-width:575px;
	justify-content:flex-start;
	margin-top:15px;

	cursor:pointer;
}

main.page > div.main-container > div.section_3 > div.bottom > a.action{
	font-size:18px;
	color:#007bff;
}




main.page > div.main-container > div.section_4{
	width:100%;

	height:350px;

	position:relative;

	margin-top:15px;

	margin-bottom:40px;

	border-top:1px solid rgba(255,255,255,0.2);
	border-bottom:1px solid rgba(255,255,255,0.2);
}

main.page > div.main-container > div.section_4 > div.img-container{
	width:100%;
	height:100%;

	position:absolute;
	z-index:2;
}

main.page > div.main-container > div.section_4 > div.img-container > img{
	width:100%;
	height:100%;
	object-fit:cover;
}

main.page > div.main-container > div.section_4 > div.content{
	z-index:3;

	background:rgba(0,0,0,0.75);
	color:white;

	padding:37.5px;
	padding-left:100px;
	padding-right:100px;

	cursor:pointer;

	border-radius:5px;

	border:1px solid rgba(255,255,255,0.7);

	transition:border-color 0.1s ease, background 0.3s ease, scale 0.2s ease;
}


main.page > div.main-container > div.section_4 > div.content:hover{
	border-color:rgba(0, 123, 255, 1);
	background:rgba(0,0,0,0.9);
}

main.page > div.main-container > div.section_4 > div.content:active{
	transform:scale(0.99);
}

main.page > div.main-container > div.section_4 > div.content > a {
	transition:color 0.1s ease;
}
main.page > div.main-container > div.section_4 > div.content:hover > a {
	color:#007bff;
}




main.page > div.main-container > div.section_7{
	width:100%;
}

main.page > div.main-container > div.section_7 > div.boxes-container{
	width:50%;
	min-width:575px;	
}

main.page > div.main-container > div.section_7 > div.boxes-container > div.element{
	width:100%;
	height:150px;

	align-items:stretch;

	margin-bottom:15px;
}

main.page > div.main-container > div.section_7 > div.boxes-container > div.element-b{
	flex-direction:row-reverse;
}

main.page > div.main-container > div.section_7 > div.boxes-container > div.element > div.left{
	width:20%;
	background:#007bff;
	color:black;
	font-size:65px;
	border:1px solid rgba(255,255,255,0.1);
} 

main.page > div.main-container > div.section_7 > div.boxes-container > div.element > div.right{
	width:80%;
	font-size:15px;
	color:white;
	background:black;
	border:1px solid rgba(255,255,255,0.1);
}


main.page > div.main-container > div.section_7 > div.boxes-container > div.element:hover div.left{
	border:1px solid rgba(0, 123, 255, 0.5);
	color:darkorange;
}
main.page > div.main-container > div.section_7 > div.boxes-container > div.element:hover div.right{
	border:1px solid rgba(0, 123, 255, 0.5);
}


/*
.border-color:hover{
	border-color:rgba(0, 123, 255, 0.5);
}*/

main.page > div.main-container > div.section_7 > div.boxes-container > div.element > div.right > *{
	margin:0;
	
}




main.page div.section_6{
	border-top:1px solid rgba(255,255,255,0.2);
	border-bottom:1px solid rgba(255,255,255,0.2);
}

main.page div.section_6 h2{
	margin-top:15px;
}







main.page > div.main-container > div.thank-you-container{
	height:100vh;
	width:100%;
	background:black;
	color:white;
}


main.page > div.main-container > div.thank-you-container > a.overlay{
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	z-index:2;
	background:rgba(0,0,0,0.4);
}

main.page > div.main-container > div.thank-you-container > div.img-container{
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	z-index:1;
}

main.page > div.main-container > div.thank-you-container > div.img-container > img{
	width:100%;
	height:100%;
	object-fit:cover;
}



main.page > div.main-container > div.thank-you-container > div.content{
	z-index:3;
	padding:25px;
	background:rgba(0,0,0,0.8);
	border-radius:15px;
	max-width:80%;
	transform:translateY(-25px);	
	opacity:0;

	transition:transform 0.5s ease, opacity 0.5s ease;

}

main.page > div.main-container > div.thank-you-container > div.content.animate{
	transform:translateY(0px);
	opacity:1;
}


main.page > div.main-container > div.thank-you-container > div.content > *{
	margin-top:0;
	margin-bottom:50px;
}

main.page > div.main-container > div.thank-you-container > div.content > a.action{
	cursor:pointer;
	color:#007bff;
	margin-bottom:0;
	text-decoration:none;
}






main.page.agency{
	width:100%;

}


main.page.agency > div.main-container > div.top-container{

}

main.page.agency > div.main-container > div.top-container > div.content-container{
	z-index:5;
	height:100%;
}

main.page.agency > div.main-container > div.top-container > div.content-container > div.content >  h1{
	margin-bottom:10px;
	font-size:50px;
	visibility:hidden;
	opacity:0;

	transition:opacity 1s ease;
}

main.page.agency > div.main-container > div.top-container > div.content-container > div.content > h2{
	font-weight:normal;
	text-transform:uppercase;
	font-size:19px;
	visibility:hidden;
	opacity:0;
	color:rgba(255,255,255,0.8);

	transition:opacity 1s ease, transform 1s ease;

	transform: translateY(20px);
}


main.page.agency > div.main-container > div.top-container > div.video-container{
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	overflow:hidden;
}

main.page.agency > div.main-container > div.top-container > div.video-container > video{
	width:100%;
	height:100%;
	object-fit:cover;

	position:absolute;
	top:0;
	left:0;

}

main.page.agency > div.main-container > div.top-container > div.video-container > video.video_1{
	z-index:1;
}

main.page.agency > div.main-container > div.top-container > div.video-container > video.video_2{
	z-index:2;
}

main.page.agency > div.main-container > div.top-container > div.video-container > video.video_3{
	z-index:3;
}

main.page.agency > div.main-container > div.top-container > div.video-container > video.video_4{
	z-index:4;
}





main.page.agency > div.main-container > div.content{
	width:50%;
	min-width:750px;
	padding-bottom:25px;
	padding-top:25px;
}

main.page.agency > div.main-container > div.content > div.services-1{
	width:100%;
	align-items:flex-start;
}

main.page.agency > div.main-container > div.content > div.services-1 > div.container > div.element{
	align-items:flex-start;
	border:1px solid black;
	margin-bottom:25px;
	background:black;
}

main.page.agency > div.main-container > div.content > div.services-1 > div.container > div.element:nth-child(1) > div.content{
	padding-left:15px;
}

main.page.agency > div.main-container > div.content > div.services-1 > div.container > div.element:nth-child(2){
	flex-direction:row-reverse;
}

main.page.agency > div.main-container > div.content > div.services-1 > div.container > div.element:nth-child(2) > div.img-container{
	/*border-right:none;
	border-left:1px solid rgba(0, 123, 255, 0.5);*/
}

main.page.agency > div.main-container > div.content > div.services-1 > div.container > div.element > div.img-container{
	width:49%;
	height:auto;
	/*border-right:1px solid rgba(0, 123, 255, 0.5);*/
}

main.page.agency > div.main-container > div.content > div.services-1 > div.container > div.element > div.img-container > img{
	width:100%;
	height:100%;
	object-fit:cover;
}

main.page.agency > div.main-container > div.content > div.services-1 > div.container > div.element > div.content{
	align-items:flex-start;
	width:47.5%;
	padding:7.5px;
	height:100%;
	padding-bottom:0;
}


main.page.agency > div.main-container > div.content > div.services-1 > div.container > div.element > div.content > p{

}

main.page.agency > div.main-container > div.content > div.services-1 > div.container > div.element > div.content > h3{
	margin-top:0;
	margin-bottom:0;
	font-size:25px;
}


/*phone*/
@media all and (min-width: 1500px){
	main.page.agency > div.main-container > div.content > div.services-1 > div.container > div.element{
		align-items:center;
	}
}





main.page.agency > div.main-container > div.content > div.services-2{
	width:100%;
	align-items:flex-start;
}

main.page.agency > div.main-container > div.content > div.services-2 > div.container{
	width:100%;
}

main.page.agency > div.main-container > div.content > div.services-2 > div.container > div.row{
	width:100%;
	justify-content:space-between;
}

main.page.agency > div.main-container > div.content > div.services-2 > div.container > div.row > div.element{
	width:calc(50% - 12.5px);
	border:1px solid black;
	height:450px;

	margin-bottom:25px;

	background:black;
}

main.page.agency > div.main-container > div.content > div.services-2 > div.container > div.row > div.element > div.img-container{
	height:70%;
	width:100%;
}

main.page.agency > div.main-container > div.content > div.services-2 > div.container > div.row > div.element > div.img-container > img{
	height:100%;
	width:100%;
	object-fit:cover;
}

main.page.agency > div.main-container > div.content > div.services-2 > div.container > div.row > div.element > div.content{
	height:30%;
	justify-content:flex-start;
	padding-top:15px;
}

main.page.agency > div.main-container > div.content > div.services-2 > div.container > div.row > div.element > div.content > *{
	margin-top:0;
	margin-bottom:15px;
}

main.page.agency > div.main-container > div.content > div.services-2 > div.container > div.row > div.element > div.content > p{
	margin-bottom:0;
	width:90%;
}



main.page.agency > div.main-container > div.content > div.contact-container{
	width:100%;
	align-items:flex-start;
}

main.page.agency > div.main-container > div.content > div.contact-container > a.action-button-1{
	padding:10px;
	border-radius:15px;
	margin-top:25px;
	margin-bottom:25px;
	cursor:pointer;
	background:black;
	color:white;
	border:1px solid white;
}

main.page.agency > div.main-container > div.content > div.contact-container > a.action-button-1:hover{
	color:blue;
	border-color:blue;
}







main.post {


	padding-top:80px;

  position: relative;
  isolation: isolate;
  background: #111216;
  color: #e6e6e6;
  overflow: hidden;
}

/* BASE GRID */
main.post::before {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;

  background:
    linear-gradient(to right, rgba(0,71,255,0.22) 1px, transparent 1px),
    linear-gradient(to bottom, rgba(0,71,255,0.22) 1px, transparent 1px);

  background-size: 55px 55px;
  opacity: 1;

  zoom:1;
}


/* content above everything */
main.post > * {
  position: relative;
  z-index: 1;
}



main.post p{
	line-height:30px;
	letter-spacing:0.5px;
}

main.post li{
	line-height:30px;
}

main.post li{
	margin-bottom:15px;
}
main.post li::marker{
	color:#007bff;
}




main.post > div.main-container{
	width:100%;
	padding-bottom:0;

	align-items:flex-start;

}

@media all and (min-width: 1500px){
	main.post > div.main-container{
		align-items:center;
	}
}


main.post > div.main-container > div.top-background{
	height:80px;
	width:100%;
	background:black;
}


main.post > div.main-container > div{
	width:100%;
	padding-left:15px;
	padding-left:15px;
	margin-bottom:25px;
}

main.post > div.main-container > section{
	width:75%;
	box-sizing:border-box;
	padding-left:15px;
	padding-right:15px;

	display:flex;
	justify-content:space-around;
	align-items:flex-start;
	flex-direction:column;

	margin-bottom:25px;

	border-top:1px solid #007bff;

	margin-left:25px;

	max-width:1500px;
}



main.post > div.main-container > section.top{
	padding-top:15px;
	width:100%;
	border-top:none;
	margin-left:0;
}

main.post > div.main-container > section.top > *{
	margin-bottom:15px;
	margin-top:0;
}

main.post > div.main-container > section.top-image{
	width:100%;
	border-top:none;
	margin-left:0;
}

main.post > div.main-container > section.intro{
	border-top:none;
}

main.post > div.main-container > section.top > div.mid{

}

main.post > div.main-container > section.top > div.mid > a.author{
	margin-right:15px;
}

main.post > div.main-container > section.top > div.mid > a.date{
	color:#007bff;
}


main.post > div.main-container > section.top > div.bottom{
	margin-bottom:0;
}

main.post > div.main-container > section.top > div.bottom > a{
	margin-right:10px;
	background:black;
	border:1px solid rgba(255,255,255,0.5);
	color:rgba(255,255,255,0.9);
	border-radius:50%;
	padding:7.5px;
	padding-right:9px;
	padding-left:9px;
	display:flex;
	justify-content:space-around;
	align-items:center;

	cursor:pointer;

	transition:color 0.2s ease, border-color 0.2s ease;
}

.tooltip {
  position: relative;
  cursor: pointer;
}

/* tooltip box */
.tooltip::after {
  content: attr(data-tip);
  position: absolute;
  left: 50%;
  bottom: -50px;

  background: rgba(0,0,0,0.8);
  color: #fff;
  padding: 10px 10px;
  font-size: 15px;

  border: 1px solid rgba(0, 123, 255, 0.5);
  border-radius: 4px;

  white-space:nowrap;

  opacity: 0;
  visibility: hidden;
}

/* show instantly */
.tooltip:hover::after {
  opacity: 1;
  visibility: visible;
}


main.post > div.main-container > section.top > div.bottom > a:hover{
	border-color:rgba(255,255,255,1);
	color:rgba(255,255,255,1);
}





main.post > div.main-container > section.top-image{
	align-items:flex-end;
}


main.post > div.main-container > section.top-image > div.img-container{
	width:100%;
	height:750px;

	margin-bottom:10px;

	/*border:1px solid #007bff;*/
	border:1px solid rgba(255,255,255,0.6);
}

main.post > div.main-container > section.top-image > div.img-container > img{
	width:100%;
	height:100%;
	object-fit:cover;
}

main.post > div.main-container > div.section_4{
	width:100%;

	height:350px;

	position:relative;

	margin-top:15px;

	margin-bottom:15px;

	border-top:1px solid #007bff;
	border-bottom:1px solid #007bff;
}

main.post > div.main-container > div.section_4 > div.img-container{
	width:100%;
	height:100%;

	position:absolute;
	z-index:2;
}

main.post > div.main-container > div.section_4 > div.img-container > img{
	width:100%;
	height:100%;
	object-fit:cover;
}

main.post > div.main-container > div.section_4 > div.content{
	z-index:3;

	background:rgba(0,0,0,0.75);
	color:white;

	padding:37.5px;
	padding-left:100px;
	padding-right:100px;

	cursor:pointer;

	border-radius:5px;

	border:1px solid rgba(255,255,255,0.7);

	transition:border-color 0.1s ease, background 0.3s ease, scale 0.2s ease;
}


main.post > div.main-container > div.section_4 > div.content:hover{
	border-color:rgba(0, 123, 255, 1);
	background:rgba(0,0,0,0.9);
}

main.post > div.main-container > div.section_4 > div.content:active{
	transform:scale(0.99);
}

main.post > div.main-container > div.section_4 > div.content > a {
	transition:color 0.1s ease;
}
main.post > div.main-container > div.section_4 > div.content:hover > a {
	color:#007bff;
}



main.post > div.main-container > div{
	width:100%;
	padding-left:15px;
	padding-left:15px;
	margin-bottom:25px;
}



main.post > div.main-container > div.links-container > div.boxes-container{
	width:100%;
}

main.post > div.main-container > div.links-container > div.boxes-container > div.row{
	width:100%;
	margin-bottom:15px;
}

main.post > div.main-container > div.links-container > div.boxes-container > div.row > div.element{
	border:1px solid #007bff;
	width:calc(50% - 15px);	
	margin-right:15px;
	align-items:stretch;

	position:relative;

	cursor:pointer;


	transition:border-color 0.2s ease;

	background:black;
	color:white;

}

main.post > div.main-container > div.links-container > div.boxes-container > div.row > div.element:hover{
	border-color:orange;
}

main.post > div.main-container > div.links-container > div.boxes-container > div.row > div.element > *{
	z-index:3;
}

main.post > div.main-container > div.links-container > div.boxes-container > div.row > div.element > a.overlay{
	z-index:4;

	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
}


main.post > div.main-container > div.links-container > div.boxes-container > div.row > div.element > div.img-container{
	height:300px;
	width:50%;
}

main.post > div.main-container > div.links-container > div.boxes-container > div.row > div.element > div.img-container > img{
	height:100%;
	width:100%;
	object-fit:cover;
}


main.post > div.main-container > div.links-container > div.boxes-container > div.row > div.element > div.content{
	border-left:1px solid black;
	width:50%;
	padding:15px;
	height:300px;
	overflow:hidden;

	justify-content:space-between;
}

main.post > div.main-container > div.links-container > div.boxes-container > div.row > div.element > div.content > div.top > h2{
	font-size:19px;
	line-height:30px;
}



@media all and (max-width: 1100px){
	main.post > div.main-container > div.links-container > div.boxes-container > div.row > div.element > div.content > a.action{
	}		
}

main.post a.action-button{
	padding:7.5px;
	padding-left:15px;
	padding-right:15px;
	border:1px solid white;
	border-radius:15px;
	color:white;

	background:rgba(0,0,0,0.40);

	cursor:pointer;

	transition:color 0.25s ease, border-color 0.25s ease, background 0.25s ease;
}

main.post  a.action-button:hover{
	color:#007bff;
	border-color:#007bff;
	background:black;
}




a.blog-text-action{
	color:#007bff;
	text-decoration:none;
	transition:color 0.2s ease;
	z-index:5;

	cursor:pointer;
}

a.blog-text-action:hover{
	color:#0047ff !important;
}

a.blog-text-action:active{
	transform:scale(0.95);
}


main.post > div.main-container > div.section_6{
	padding-bottom:0;
	margin-bottom:0;
	border-top:1px solid #007bff;
}





















footer{
	background:black;
	color:white;


	width:100vw;

	z-index:4;

}


footer > div.top-footer{
	background:black;
	width:100%;
	border-bottom:1px solid rgba(255,255,255,0.3);
}

footer > div.top-footer > div.top-footer-container{
	width:95%;
	max-width:1500px;
	padding-top:25px;
	padding-bottom:25px;


}

footer > div.top-footer > div.top-footer-container > div.columns-container{
	width:100%;
	border-top:1px solid #007bff;
	padding-top:15px;
	padding-left:25px;
	padding-right:25px;
	align-items:flex-start;
	justify-content:space-between;
}
 /*phone*/
@media all and (max-width: 1100px){

	footer > div.top-footer > div.top-footer-container{
		width:85%;
		min-width:575px;
	}

	footer > div.top-footer > div.top-footer-container > div.columns-container{
		/*flex-direction:column !important;
		align-items:center;*/
		flex-wrap:wrap;
	}

	footer > div.top-footer > div.top-footer-container > div.columns-container > div.column{
		/*width:75%;
		margin-right:0 !important;*/
	}
}



footer > div.top-footer > div.top-footer-container > div.columns-container > div.column{
	width:30%;
	align-items:flex-start;
	justify-content:flex-start;

	padding-top:25px;
	margin-right:10px;
}

footer > div.top-footer > div.top-footer-container > div.columns-container > div.column > *{
	margin-bottom:12.5px;
}

footer > div.top-footer > div.top-footer-container > div.columns-container > div.column > a{
	cursor:pointer;
	text-decoration:none;
	color:#fff;
	transition: color 0.25s ease, scale 0.25s ease;
}

footer > div.top-footer > div.top-footer-container > div.columns-container > div.column > a:hover{
	color:#007bff;
}

footer > div.top-footer > div.top-footer-container > div.columns-container > div.column > a:active{
	transform:scale(0.99);
}

footer > div.top-footer > div.top-footer-container > div.columns-container > div.column > a.title{
	font-weight:bold;
	font-size:22px;
	cursor:default;
	transform:scale(1);
}

footer > div.top-footer > div.top-footer-container > div.columns-container > div.column > a.title:hover{
	color:white;
}

footer > div.top-footer > div.top-footer-container > div.columns-container > div.column > a.title:active{
	transform:scale(1);
}


footer > div.top-footer > div.top-footer-container > div.columns-container > div.column.column-left{
	padding-top:0;
	margin-right:15%;
}

footer > div.top-footer > div.top-footer-container > div.columns-container > div.column.column-left > div.logo-container{
	width:200px;
	height:auto;
	margin-bottom:0;
}

footer > div.top-footer > div.top-footer-container > div.columns-container > div.column.column-left > div.logo-container > img{
	width:100%;
	height:auto;
	object-fit:contain;
}

footer > div.top-footer > div.top-footer-container > div.columns-container > div.column.column-left > div.info-container{
	align-items:flex-start;
}

footer > div.top-footer > div.top-footer-container > div.columns-container > div.column.column-left > div.info-container > div.element{
	cursor:pointer;
}

footer > div.top-footer > div.top-footer-container > div.columns-container > div.column.column-left > div.info-container > div.element.email{
	margin-top:5px;
}

footer > div.top-footer > div.top-footer-container > div.columns-container > div.column.column-left > div.info-container > div.element > a.icon{
	margin-right:8px;
}



footer > div.bottom-footer{
	background:#262626;
	width:100%;
}

footer > div.bottom-footer > div.bottom-footer-container{
	width:100%;
	color:darkgrey;
	padding:10px;
}

footer > div.bottom-footer > div.bottom-footer-container > h3{
	font-size:12.5px;
	font-weight:normal;
	margin:0;
}