:root{
--primary-color: #ff3158;
--primarydark-color: #60b0ff;
--black-color: #182031;
--dark-color: #0a0e17;
--secondary-color: #cecfd1;
--grey-color: #f5f5f1;
--white-color: #ffffff;
--body-fonts: 'Roboto', sans-serif;
--title-fonts: 'Jost', sans-serif;
--e-global-color-primary: #3F9FFF;
--e-global-color-secondary: #0A0E17;
--e-global-color-text: #CECFD1;
--e-global-color-accent: #60B0FF;
--e-global-color-eea55da: #FFFFFF;
--e-global-typography-primary-font-family: "Jost";
--e-global-typography-primary-font-weight: 600;
--e-global-typography-secondary-font-family: "Jost";
--e-global-typography-secondary-font-weight: 600;
--e-global-typography-text-font-family: "Roboto";
--e-global-typography-text-font-weight: 400;
--e-global-typography-accent-font-family: "Roboto";
--e-global-typography-accent-font-weight: 400;

}
:root {
  --animate-duration: 1s;
  --animate-delay: 1s;
  --animate-repeat: 1;
}

form.waiting input[type=submit],
	form.waiting button{
		cursor:progress;
		filter:grayscale(1);
		opacity:0.5;
}
form .error-text:empty{
	display:none;
}
form .error-text{
	color:#FF0000;
	position:absolute;
	bottom:-14px;
	left:30px;
}

input.error,textarea.error,select.error,select.error.niceSelect + .niceSelect {
	border-color:#FF0000 !important;
	background-color:#FFE5E5 !important;
}

*, ::after, ::before{
  transition: width 0.4s,
  						height 0.4s,
  						max-height 0.4s,
  						left 0.4s,
  						right 0.4s,
  						top 0.4s,
  						bottom 0.4s,
  						_font-size 0.4s,
  						box-shadow 0.4s,
  						border-color 0.4s,
  						background-color 0.4s,
  						transform 0.4s,
  						opacity 0.4s
  						;
}

body {
  background-color:#000;
}

ul{
 transition: 0.4s all ease;
}
.error-text:empty{display:none;}

img{max-width:100%;max-height:100%;}

html,body{margin:0px;padding:0px;-webkit-font-smoothing: antialiased;}

.lazycfg{max-height:none;}

a, button {
  color: var(--primary-color);
  outline: none !important;
  transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
  -moz-transition: all 0.5s ease-in-out;
  -ms-transition: all 0.5s ease-in-out;
  -o-transition: all 0.5s ease-in-out;
  -webkit-transition: all 0.5s ease-in-out;
  font-family:var(--title-fonts);
}

h1, h2, h3, h4, h5, h6 {
  font-family: var(--title-fonts);
  color: var(--white-color);
  font-style: normal;
  font-weight: 600;
  margin: 0;
  letter-spacing: 0.02em;
  -ms-word-wrap: break-word;
  word-wrap: break-word;
  text-shadow: 2px 2px 6px #0D0D0D;
}


html {
  font-family: sans-serif;
  line-height: 1.15;
  -webkit-text-size-adjust: 100%;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

a{
  text-decoration:none;
  color:#ffffff;
}
a:hover{
	background: rgba(255, 255, 255, 0);
	color: #3f9fff;
	font-weight: normal;
	text-decoration: none;
	border-color: #fff;
}

a.btn-primary-1{
	color: var(--white-color);
	background-color: var(--primary-color);
	border-color:var(--primary-color);
	border-radius:0;
	padding: 5px 20px;
	text-transform: uppercase;
  font-weight: 400;
  font-family: var(--title-fonts);
  font-size: 14px;
  line-height: 2;
}

a.btn-primary-3{
	color: var(--white-color);
	background-color: var(--primary-color);
	border-color:var(--primary-color);
	border-radius:0;
	padding: 5px 30px;
	text-transform: uppercase;
  font-weight: 400;
  font-family: var(--title-fonts);
  font-size: 14px;
  line-height: 2;
  margin-left: 50%;
  transform: translateX(-50%);
}

.btn-primary-1:hover, .btn-primary-1:focus, .btn-primary-1:active, .btn-primary-1.active, .open>.dropdown-toggle.btn-primary {
    color: #fff;
    background-color: #00b3db;
    border-color: #285e8e; 
    transition: all 400ms ease-in-out;
}

.language-block {
	margin: 0 auto;
  align-items: center;
  display: flex;
 }
.language-block a{
  margin-bottom: 15px;	
  text-transform:uppercase!important;
  padding: 8px!important;
  margin-right: 5px;
}
.language-block a:hover{
  color: #ff3158;
  font-weight: normal;
  text-decoration: none;
  border-radius: 19px;
  background: rgba(255, 255, 255, 0.15) !important;	
  padding: 8px;
  margin-right: 5px;
}
main .videoS{
	max-width:1700px;
	margin-top:990px;
}
@media(max-width:767px){
	main .videoS{
	margin-top:750px;
}
}
main .videoS .ratio{
 overflow:hidden;
 padding:0;
}

main .videoS .ratio:hover img{
	filter: brightness(50%);

}

main .videoS .gen-carousel-movies-style-1:hover {
  transform: scale3d(1.1, 1.1, 1) translate3d(0, 0, 0) perspective(500px);
  -webkit-transform: scale3d(1.1, 1.1, 1) translate3d(0, 0, 0) perspective(500px);
  -moz-transform: scale3d(1.1, 1.1, 1) translate3d(0, 0, 0) perspective(500px);
  -o-transform: scale3d(1.1, 1.1, 1) translate3d(0, 0, 0) perspective(500px);
  transform-origin: 50% 50%;
  -webkit-transform-origin: 50% 50%;
  -moz-transform-origin: 50% 50%;
  -o-transform-origin: 50% 50%;
  transition: all 0.6s ease 0s;
  -webkit-transition: all 0.6s ease 0s;
  -moz-transition: all 0.6s ease 0s;
  -o-transition: all 0.6s ease 0s;
}
main .videoS .gen-carousel-movies-style-1 {
  position: relative;
  width: 100%;
  transition: all 0.45s ease 0s;
  overflow: hidden;
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  transition: all 0.6s ease 0s;
  -webkit-transition: all 0.6s ease 0s;
  -moz-transition: all 0.6s ease 0s;
  -o-transition: all 0.6s ease 0s;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}
main .videoS .gen-carousel-movies-style-1 .gen-movie-contain {
  position: relative;
  margin-bottom: 10vh;
  display: inline-block;
  width: 100%;
}
 main .videoS .gen-carousel-movies-style-1 .gen-movie-contain h3{font-size:1.3rem;}

main .img-overlay{
  position:absolute;
  margin-bottom:10px;
  margin-left:10px;
  color: white;
	display: flex;
	flex-direction: column;
	justify-content: flex-end;
}

.unstyled{
  padding: 0;
  margin: 0;
  list-style: none;
}

main .ratio .button_blue{
 	opacity: 0;
	position: absolute;
	top: 45%;
	left: 45%;
	background-color:var(--primary-color);
  width:60px;
  height:60px;
  border-radius:31px;
	z-index: 9;
	transition: 400ms;
 
}


.trim-cererea{width:175px;}
.button_blue .gen-button{
  color: #fff !important;
}

main .ratio:hover .button_blue{
	opacity: 1;
}

main .info_descr .vr{
 height: 10px;
 width:3px;
 color:#fff;
 opacity:1;	
}
main .info_descr .progress{
 height:3px;	
}

main .card.card-news-info{
  box-shadow:none;
  border:none;	
}
 main .card.card-news-info .card-image-overflow {
  overflow: hidden;
 }
 
 main .card.card-news-info .card-image-overflow a{
	display: block;
	width: 100%;
	height: 0px;
	padding-bottom: 65.59%;
	color: #14298f;
 }
 
 main .card.card-news-info .card-image-overflow a>img{
  max-width: none;
  max-height: none;
  height: auto;
}
 main .card.card-news-info  .card-body{
  background-color:var(--black-color);
 }
 
 main .card.card-news-info .card-body h5.card-title {
  text-overflow: ellipsis;
  overflow: hidden;
  display: -webkit-box !important;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  white-space: normal;
  height: 80px;
 }

 main .card.card-news-info .card-body h5.card-title a{
  font-weight: 700 !important;
  color: #fff;
 }
 
 main .card.card-news-info .card-body h5.card-title a:hover{
    color: var(--primarydark-color);
 }

main .card.card-news-info .card-body p.card-text{
  text-overflow: ellipsis;
  overflow: hidden;
  display: -webkit-box !important;
  -webkit-line-clamp: 5;
  -webkit-box-orient: vertical;
  white-space: normal;
  height: 75px;
  color:var(--grey-color);
 
}

main .blog_one .card{
  box-shadow:none;
  border:none;	
}

main .blog_one .card .card-body{
 background-color:var(--black-color);	
}

main .blog_one .card .card-body .text{
 	color:var(--grey-color);
}

main .service_one .card{
  box-shadow:none;
  border:none;	
}

main .service_one .card .card-body{
 background-color:var(--black-color);	
}

main .service_one .card .card-body .text{
 	color:var(--grey-color);
}



.btn-primary-1.card-link:hover, .btn-primary-1.card-link:focus, .btn-primary-1.card-link:active, .btn-primary-1.card-link.active {
  color: #fff;
  background-color: #00b3db;
  border-color: #00b3db;
}

main .videoS.more .card-img-overlay{
	 background-color:var(--black-color);
	 top:unset;
	 border-radius:0;
 }
main .container>.row>.col>button{
  background-color:var(--primary-color);
  border-radius:0;	
}
main .container_callus .row{
 padding:50px 20px;	
}
main .container_callus #callus_block{
 border-bottom:2px solid var(--primary-color);	
}
main .horizontal_line hr{
 background-color:#cecfd129;
 height:1px;	
}

header{  background-color:	#000;  }
header.projects_bgtransparent{ background-color:	transparent;position: relative;z-index: 9999;	}

header .gen-search-form{
  position: absolute;
  top: 86px;
  right: 190px;
  width: 350px;
  padding: 15px;
  z-index: 999;
  display: none;
  background: var(--black-color);
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
}

header .search-form label {
  width: 100%;
  margin-bottom: 0;
  float: left;
  width: 100%;
}
header .screen-reader-text {
  clip: rect(1px, 1px, 1px, 1px);
  position: absolute !important;
  white-space: nowrap;
  height: 0px;
  width: 1px;
  overflow: hidden;
}
header .gen-search-form .search-field {
  border-color: var(--dark-color);
  background: var(--dark-color);
  height: 54px;
  width: 100%;
}

header .search-submit {
  border: none;
  padding: 0;
  position: absolute;
  text-align: center;
  color: var(--white-color) !important;
  background-color:var(--primary-color);
  line-height: 54px;
  height: 54px;
  width: 54px;
	top: 0px;
  right: 0px;
	transition: all 0.5s ease-in-out;
  -moz-transition: all 0.5s ease-in-out;
  -ms-transition: all 0.5s ease-in-out;
  -o-transition: all 0.5s ease-in-out;
  -webkit-transition: all 0.5s ease-in-out;
}
header .search-submit::before {
  content: "\f002";
  font-family: "Font Awesome 5 Free";
  font-weight: 600;
}
header.screen-reader-text{
  clip: rect(1px, 1px, 1px, 1px);
  position: absolute !important;
  white-space: nowrap;
  height: 0px;
  width: 1px;
  overflow: hidden;
}
header input:focus, input:hover, textarea:focus, textarea:hover, .form-control:focus {
  border-color: var(--primarydark-color);
  outline: none;
}

input::placeholder, textarea::placeholder {
  color: var(--secondary-color);
}

input, input.form-control {
  background: var(--black-color);
  border: 1px solid var(--black-color);
  color: var(--white-color);
  width: 100%;
  float: left;
  font-size: 16px;
  padding: 0 15px;
  height: 54px;
  line-height: 54px;
  outline: none;
  border-radius: 0px;
  -webkit-transition: all 0.5s ease-in-out;
}

header #navmenu .nav-link{
	background: rgba(255, 255, 255, 0);
	color:var(--light);
	font-weight: normal;
	text-decoration: none;
	border-color: #fff;
	padding: 9px 16px 9px 9px !important;
	border-radius: 19px;
	margin-bottom: 15px;
}
	@media (min-width:992px) and (max-width:1266px){
		header #navmenu .nav-link{
		 font-size:1rem !important;	
		 padding: 5px 10px !important;
	  }
	  header .navparent .navchild{
	   top: 3rem !important;
	   padding: 1.05rem 1.25rem !important;
	  }
	  header .navchild li a{font-size:1rem !important;}
	  
	  header .navparent > a::after {
			margin-top: -0.2em;
			margin-right: 0em;
			margin-left:unset !important
		}
		
	  
	  .navbar-expand-lg .navbar-collapse {
	   flex-basis: -moz-available !important;
	  }
	  .language-block a{font-size:unset!important;}
	}

header #navmenu .nav-link:focus,
header #navmenu .nav-link:hover{
	color: #ff3158;
	font-weight: normal;
	text-decoration: none;
	border-radius: 19px;
  background: rgba(255, 255, 255, 0.15) !important;
}
 

	header .navparent .navchild{
		display:none;
		position:absolute;
		top:4rem;
		left:0;
		background-color:#fff;
		padding: 1.55rem 1.75rem;
		border-radius: 10px;
		text-align: center;
		min-width: 200px;
		transition:display .750ms ease-out; 
		white-space: nowrap;
	}
	
	header .navparent .navchild::before{
		content: '';
		display: block;
		position: absolute;
		top: -11px;
		left: 15px;
		margin: 0 auto;
		border-top: 0px solid #EE7C31;
		border-top-color: rgb(238, 124, 49);
		border-top-width: 0px;
		border-left-style: solid;
		border-left-color: rgba(242, 241, 241, 0);
		border-left-width: 13px;
		border-bottom-color: rgb(255, 255, 255);
		border-bottom-style: solid;
		border-bottom-width: 12px;
		border-right: 20px solid #fff; 
		border-right-color: rgba(255, 255, 255, 0);
		border-right-width: 13px;
		
	}

	header .navparent:hover .navchild,
	header .navparent:focus .navchild,
	header .navparent:active .navchild{
		display:block !important;
	}


@media (max-width:992px){
	
	header  .navparent .navchild{
		display:block !important;
		padding: 0.55rem 1.75rem !important;
		
	}	
	header  .navparent .navchild a.nav-link{
		border-radius: unset !important;
		text-align: center !important;
		min-width: unset !important;
		border-radius: 0 !important;
	}
	header .navparent .navchild::before{content:none!important;}
	header #navmenu .nav-link{
		border-radius: 0 !important;
		border-radius: unset !important;
		text-align: start !important;
		min-width: unset !important;
	}
	
	header #navmenu .nav-link {margin-bottom:unset !important;}
	header .navparent>a::after {content:unset !important;}
}


header .navparent{position:relative;}
header .navparent>a::after {
	position: absolute;
	margin-left: 2.5em;
	content: "";
	width: 0;
	display: block;
	border: .25em solid transparent;
	border-top-color: transparent;
	border-top-color: initial;
	opacity: .7;
	bottom: -.09em;
	top: 1.25em;
	right: -0.05em;
}



header .navchild li{list-style:none;}
header .navchild li a{color:#000 !important;}
header .navchild li a:hover {
  color: #ff3158 !important;
	font-weight: normal;
	text-decoration: none;
 }

footer h6>a:hover{
	background: rgba(255, 255, 255, 0);
	color: #ff3158;
	font-weight: normal;
	text-decoration: none;
	border-color: #fff;
}
 header .navbar-toggler {
  background-color: var(--primary-color);
  border-radius: 0;
  
}
header .navbar-toggler .navbar-toggler-icon{
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(255,255,255,1.00)' stroke-width='3' stroke-linecap='square' stroke-miterlimit='10' d='M4 8h24M4 16h24M4 24h24'/%3E%3C/svg%3E");
}
header .contact_person a.btn-primary-2{
	background-color: var(--primary-color);
	border-radius: 26px;
	width: 40px;
	height: 40px;
	text-align: center;
	padding-top: 7px;
}
header .contact_person a:hover{
 color:#fff;	
}
header .navbar-brand{
	width:300px;
}

header .navbar-nav li a{
	font-family: var(--title-fonts);
	padding: 0px 30px 0px 0;
	width: auto;
	display: block;
	text-transform: none;
	text-align: start;
	text-decoration: none;
	background: rgba(0, 0, 0, 0);
	border: 0;
	border-radius: 0;
	font-size: 1.3rem;
	font-weight: normal;
}


main .social-inner {
  margin: 0 0 0 15px;
  padding: 0;
  display: flex;
}
main .social-inner li:not(i){
	background-color:var(--black-color);
	color:#fff;
	margin: 0px 16px 0px 0px;
}
main .social-inner li:hover:not(i){
	background-color:var(--primary-color);
	color:#fff;
}
main .social-inner li>a:hover {
   color: #fff;
}

main .progress-bar{
 background-color:var(--primary-color);	
}

main .videoS.more .card{
 	overflow:hidden;
 	border:none;
 	border-radius:0;
 	height:auto;
}
 
main .videoS.more .card .card-img-overlay{
margin-top:auto;	
}
 main .pagination .page-link{
 background-color:var(--black-color);
 	border: 1px solid var(--black-color);
 	color:#fff;
 }
 main .pagination .page-link:hover{
 background-color:var(--primary-color);
	border: 1px solid var(--primary-color);
	color:#fff;
 }
 main .cap{
  background-image:url('/templates/default/images/23-1.jpg');
  box-shadow: inset 0 0 0 156px rgba(24,32,49,.9);
  background-position: 10% 11%;
  background-repeat: no-repeat;
  background-size: cover;
  background-attachment: fixed;
  margin: 0;
  padding: 22px 0;
}
 
 
 main #callus_block{
  background-color:var(--black-color);
  text-align:center;
  padding: 40px 0; 
 }
 
 main #callus_block span{
  display:flex;
  background-color:var(--primary-color);
  border-radius:50%;
  border:3px solid #fff;
  width:100px;
  height:100px;
  margin-left: auto;
  margin-right: auto;	
 }
 main #callus_block span i{
  text-align:center;
  font-size:40px;
  color:#fff;	
 }
 
 textarea.form-control{
  background-color: var(--black-color);
  border-color:unset;
  border-radius:0;
 }
 
 main .content-text{
  background-color:var(--black-color);
  color:#fff;
 }
 
 main .content-text p{
  text-align:justify;	
 }
 
 main .gen-comparison-table .table-striped thead tr {
  font-weight: 600;
  font-family: var(--title-fonts);
  font-size: 24px;
  line-height: 25px;
  text-transform: uppercase;
}

main .gen-comparison-table  tbody>tr:hover{
	background-color:#182031ee;
}

main .gen-comparison-table>table>thead{
 background-color:var(--primary-color);	
  border: 1px solid #222d42;
}

main .gen-comparison-table .table-striped thead .cell-inner span{
	color:#FFFFFF;

}
 main .gen-comparison-table .table-striped tbody tr td:first-child {
  font-weight: 600;
  font-family: var(--title-fonts);
}
main .gen-comparison-table .table-bordered td {
  border: 1px solid #222d42;
  background: var(--black-color);
}
 main .gen-comparison-table .table th, .gen-comparison-table .table td {
  padding: 15px 5px;
  color: var(--white-color);
}
 main .table th, .table td {
  padding: 0.75rem;
  vertical-align: top;
  border-top: 1px solid #dee2e6;
}
 main .gen-comparison-table .table th, .gen-comparison-table .table td, .cell-inner {
  color: var(--white-color);
}
 main table td, table th, .cell-inner {
  text-align: center;
}

 main table {
  border-collapse: collapse;
} 

main .breadcrumb li:last-child{
 color:var(--primary-color);
 font-weight:normal;
}


 .partners_block{
	background-color: #071839;
	padding: 1% 0 2%;
 }


.partners_block .partnersLists {
	display: flex;
	flex-direction: row;
	justify-content: center;
}

.partners_block .partnersLists .colPart{
	display:flex;
	flex-direction:column;
	align-items: center;
	}
	
.partners_block .partnersLists .colPart a{display:inline-block;width:100px;}

footer{
  background-color:#182031;	
}
 footer .copyright{
 	background-color: #ff3158;
 }
form.autoform input[type="submit"] {
  padding: 12px 30px;
  font-family: var(--title-fonts);
  font-size: 16px;
  background: var(--primary-color);
  color: var(--white-color);
  text-transform: capitalize;
  color: var(--white-color) !important;
  display: inline-block;
  border: none;
  width: auto;
  height: auto;
  line-height: 2;
  text-transform: uppercase;
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  border-radius: 0px;
  transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
  -moz-transition: all 0.5s ease-in-out;
  -ms-transition: all 0.5s ease-in-out;
  -o-transition: all 0.5s ease-in-out;
  -webkit-transition: all 0.5s ease-in-out;
}
form.autoform input[type="submit"]:hover {
  color: var(--white-color) !important;
}
 
/*------------------------
Extra small
<576px 	Small
≥576px 	Medium
≥768px 	Large
≥992px 	X-Large
≥1200px 	XX-Large
≥1400px
--------------------*/


@media (min-width:992px) and (max-width:1200px){}

	label[for="hamburger-button"]{
	 position: fixed;
	 top: 0rem;
	 left: 16rem;
	 color: #000;
	 font-size: 2rem;
	 z-index:999;
	 width: 67px;
	 text-align: center;
	}

 @media (min-width:992px){
	   #navmenu label.close{
				opacity:0;  	
	   }
	   
	   #hamburger-button:checked ~ ul.navbar-nav{
	   	opacity:1 !important;
	   	transition:opacity .4s;
	   } 
	   
 }
 
 #hamburger-close-button{display:none;}
	@media (max-width:991px){
		#hamburger-button:checked + ul.navbar-nav{
			display:none;
			
		}
				
		#hamburger-button{display:block;}
	}


@media (min-width:768px) and (max-width:991px){
	header .navbar-toggler{
	  position:absolute;
	  top:20px;
	  right:20px;
	}
	header .loop_contact{
	 position:absolute;
	 top: 19px;
   right: 85px;
	}
	#navmenu ul.navbar-nav{
		position: fixed;
		background-color:#ffffff;
	  display: block;
	  width: 327px;
	  height: 100vh;
	  top: 0;
	  box-sizing: border-box;
	 transition: left 200ms ease-in-out, right 200ms ease-in-out;
	  overflow: auto;
	  z-index: 9999;
	  overscroll-behavior: contain;
	  left: 0;
	  padding-top: 3rem;
	  t
  }
	
 
 #navmenu ul>li.nav-item>a.nav-link{
	color: #161616;
  font-size: 17px;
 }
 #navmenu ul>li.nav-item>a.nav-link:hover{
	color: var(--primary-color);
 }
 
  
 header .navchild{
 	position:relative !important;
 	top: 0rem !important;
  left: 0rem !important;
	background-color: unset;
	padding: 0.25rem;
	border-radius: none;
	text-align: start;
	min-width: unset;
	max-width: unset;
	
 }
 header .navchild li a {
 	font-size:1.05rem !important;
 	font-weight:normal !important;
 	text-align:start !important;
 	padding-left:unset !important;
 	padding-top:unset !important;
 	padding-bottom:unset !important;
 }
 
 header .navchild li a:hover{
  color:var(--primary-color);	
 }
 
}

@media (min-width:576px) and (max-width:767px){
	header .navbar-brand {
		width:230px;
	}
	
	header .navbar-toggler {
	  position:absolute;
	  top:20px;
	  right:20px;
	}
	header .loop_contact{
	 position:absolute;
	 top: 19px;
   right: 85px;
	}


#navmenu ul>li.nav-item>a.nav-link{
	color: #161616;
  font-size: 17px;
 }
 
 #navmenu ul.navbar-nav{
		position: fixed;
		background-color:#ffffff;
	  display: block;
	  width: 327px;
	  max-width: 100%;
	  height: 100vh;
	  max-height: 100vh;
	  top: 0;
	  box-sizing: border-box;
	  transition: left 200ms ease-in-out, right 200ms ease-in-out;
	  overflow: auto;
	  z-index: 9999;
	  overscroll-behavior: contain;
	  left: 0;
	  padding-top: 3rem;
  }
  
 #navmenu ul>li.nav-item>a.nav-link:hover{
	color: var(--primary-color);
 }
 
 header .navparent{
 	position:relative;
 }
 header .navchild{
 	position:relative !important;
 	top: 0rem !important;
  left: 0rem !important;
	background-color: unset;
	padding: 0.25rem;
	border-radius: none;
	text-align: start;
	min-width: unset;
	max-width: unset;
	
 }
 header .navchild li a {
 	font-size:1.05rem !important;
 	font-weight:normal !important;
 	text-align:start !important;
 	transition: color .4s ease-out;
	padding-left: unset !important;
	padding-top: unset !important;
	padding-bottom: unset !important;
 }
 
 header .navchild li a:hover{
  color:var(--primary-color);	
 }
}


@media (min-width:327px) and (max-width:575px){
	header .navbar-brand {
		width:176px;
	}
	
	header .navbar-toggler {
	  position:absolute;
	  top:20px;
	  right:20px;
	}
	header .loop_contact{
	 position:absolute;
	 top: 19px;
   right: 85px;
	}
	
#navmenu ul>li.nav-item>a.nav-link{
	color: #161616;
  font-size: 17px;
 }
 #navmenu ul.navbar-nav{
		position: fixed;
		background-color:#ffffff;
	  display: block;
	  width: 327px;
	  max-width: 100%;
	  height: 100vh;
	  max-height: 100vh;
	  top: 0;
	  box-sizing: border-box;
	  transition: left 200ms ease-in-out, right 200ms ease-in-out;
	  overflow: auto;
	  z-index: 9999;
	  overscroll-behavior: contain;
	  left: 0;
	  padding-top: 3rem;
  }



 .partners_block .partnersLists {
   flex-direction: column;
   align-items: center;
 }
 .partners_block .partnersLists .colPart {
    padding:10px 0;	
    flex-direction: row;
 }
 
  header .navparent{
 	position:relative;
 }
 header .navchild{
 	position:relative !important;
 	top: 0rem !important;
  left: 0rem !important;
	background-color: unset;
	padding: 0.25rem;
	border-radius: none;
	text-align: start;
	min-width: unset;
	max-width: unset;
	
 }
 header .navchild li a {
 	font-size:1.05rem !important;
 	font-weight:normal !important;
 	text-align:start !important;
 	padding-left: unset !important;
	padding-top: unset !important;
	padding-bottom: unset !important;
 	transition: color .4s ease-out;
 }
 header .navchild li a:hover{
  color:var(--primary-color);
 }
}

@media only screen and (max-width: 326px) {
 header .navbar-brand {
		width:168px;
	}
	
	header .navbar-toggler {
	  position:absolute;
	  top:20px;
	  right:20px;
	}
	header .loop_contact{
	 position:absolute;
	 top: 19px;
   right: 85px;
	}

#navmenu ul>li.nav-item>a.nav-link{
	padding: 10px 15px;
	line-height: inherit;
	height: inherit;
	border-bottom: 1px solid var(--grey-color);
	font-family: var(--title-fonts);
	background: transparent;
  text-align: left;
  color: #161616;
  font-size: 16px;
	font-weight: normal;
	text-decoration: none;
	border-color: #fff;
	border-bottom: 1px solid var(--grey-color);
 }
 
 #navmenu ul.navbar-nav{
		position: fixed;
		background-color:#ffffff;
	  display: block;
	  width: 327px;
	  max-width: 100%;
	  height: 100vh;
	  max-height: 100vh;
	  top: 0;
	  box-sizing: border-box;
	  transition: left 200ms ease-in-out, right 200ms ease-in-out;
	  overflow: auto;
	  z-index: 9999;
	  overscroll-behavior: contain;
	  left: 0;
  }


#navmenu ul>li.nav-item>a.nav-link:hover{
	color:#fff;
	background-color:var(--primary-color);
 }
 
 
 .partners_block .partnersLists {
   flex-direction: column;
   align-items:center;
 }
 .partners_block .partnersLists .colPart {
  padding:10px 0;	
  width:unset !important;
  height:unset !important;
  margin:unset !important;
 }
 
}

main .slideshow{
  width: 100%;
  height: 100%;
}
main .slideshow-wrapper{
  width: 100%;
  height: 100%;
}
main .slide {
  position: relative;
  margin: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  overflow: hidden;
  min-height: 300px;
  background: #bac5b9;
  z-index: 40;
  filter: brightness(0.5);
  
}
main #photos .player {
  z-index: 2;
  position: relative;
  width: 100%;
  height: 100%;
}
video {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
main #photos .object-fit {
  position: absolute;
  top: 0;
  left: 0;
  -o-object-fit: cover;
  object-fit: cover;
  -o-object-position: 50% 50%;
  object-position: 50% 50%;
  width: 100%;
  height: 100%;
  z-index: 0;
}
main .slide::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: radial-gradient(circle at 100%,#000,rgba(0,0,0,.18) 0);
  z-index: 2;
}
main .slideshow-text{
	 position: absolute;
	 top: 6rem;
	 left: 6rem;
	 z-index: 46;
}
@media(max-width:767px){
	main .slideshow-text{
		top: -3rem;
		left: 1rem;
	}
	.tur-virtual{
	 height:880px !important;	
	}
}

.tur-virtual{
	background-image:linear-gradient(rgba(0, 0, 0, 0.60), rgba(0, 0, 0, 0.60)),url('/images/54UnionStreet-Clayfield01.jpeg');
	background-size:cover;
	background-position:center center;
	background-repeat:no-repeat;
	text-align:center;
	position:absolute;
	top:-92px;
	left:0;
	bottom:0;
	right:0;
	z-index:0;
	overflow:visible;
	height:1120px;	
}

.tur-virtual>*{cursor:pointer;}

.tur-virtual h1{
	pointer-events: all;
	margin-top: 17rem;
  font-size: 6em;
  font-weight:bold;
  text-align:left;
  text-transform:capitalize;
}
@media(max-width:767px){
	.tur-virtual h1{
		font-size: 3.5em;
		
	}
	.tur-virtual p{
	 font-size: 2em !important;
	}
	
	.tur-virtual .button_blue{
	 margin-left:10px;	
	}
}
.tur-virtual p{
	pointer-events: all;
	opacity: 0.9;
	font-size: 2.5em;
	margin: 1em 0px 1em;
	text-align: left;
	color: #fff;
}
.tur-virtual .button_blue{
	pointer-events: all;
	background-color: var(--primary-color);
	font-size: 1.7em;
	padding: 20px 30px;
	border-radius: 44px;
	display: block;
	width: max-content;
	transition: background-color 400ms ease-in-out, border-color 400ms ease-in-out;
}
.tur-virtual .button_blue:hover{
	color: #fff;
	background-color: #00b3db;
	border-color: #285e8e;
}
.portofolio h2{
	 color:#fff;
	 padding-bottom:0;
}
.portofolio p{
 color:#fff;
  margin:2.2em auto;
  line-height:26px;
  font-size:18px;
}

.scroll-to-explore{
 position:absolute;
 bottom: -54%;
 left:50%;
 width:30px;
 height:30px;
 margin-bottom:20px;
 animation: float 3s infinite;
}


.scroll-to-explore span{
 border-left:2px solid white;
 border-bottom:2px solid white;
 transform:rotate(-45deg);	
 display:block;
 width:1.4em;
 height:1.4em;
 cursor:pointer;
}

 @keyframes float{
  
	 0%, 20%, 50%, 80%, 100% {
	  -webkit-transform: translateY(0);
	  transform: translateY(0);
	}
	40% {
	  -webkit-transform: translateY(-1.6em);
	  transform: translateY(-1.6em);
	}
	60% {
	  -webkit-transform: translateY(-.8em);
	  transform: translateY(-.8em);
	}
	0%, 20%, 50%, 80%, 100% {
	  -webkit-transform: translateY(0);
	  transform: translateY(0);
	}
	40% {
	  -webkit-transform: translateY(-1.6em);
	  transform: translateY(-1.6em);
	}
	60% {
	  -webkit-transform: translateY(-.8em);
	  transform: translateY(-.8em);
	}

}
 
 .priorities{
 	background-image:linear-gradient(rgba(0, 0, 0, 0.70), rgba(0, 0, 0, 0.70)),url('/images/2560px-U2.jpg');
 	background-attachment: fixed;
	background-size:cover;
	background-position:center center;
	background-repeat:no-repeat;
	text-align:center;
	height:max-content;
 }
 
 .priorities h2 {
  padding-top: 6rem;
  padding-bottom: 4rem;
  text-transform: uppercase;
  font-size: 3rem;
 }	
 	
 .priorities i{margin:10px !important;color:#fff;}
 		
 	.priorities h3{
		font-size: 2.3rem;
		line-height: 1.9rem;
		text-align: center;
		padding-top: 2rem;
		padding-bottom: 1.5rem;
		font-weight: bold;
 	}
 	
 	@media (max-width:1400px){ .priorities h3{padding-bottom:5px !important;}}
 	
 	.priorities p{
		font-size: 1.1rem;
		color: #fff;
		line-height: 26px;
		font-weight: 600;
		padding-left: 2em;
    padding-right: 2em;
 	}
 	
 	.priorities i{
		display: block;
	}
	
	.priorities .button_blue,
	.answersQ .button_blue{
		pointer-events: all;
		background-color: var(--primary-color); 
		font-size: 1.7em;
		padding: 20px 30px;
		border-radius: 44px;
		display: block;
		width: max-content;
		transition: background-color 400ms ease-in-out, border-color 400ms ease-in-out;	
	}
	
	@media(max-width:992px){
		 .priorities{
       height:max-content;	
     }
		.priorities h2 {
		  padding-top:2rem;
		  padding-bottom:2rem
		 }
 	
	  .priorities .button_blue {padding: 20px 20px !important;margin-bottom:20px;}
	  
	  header .language-block a{color:#161616;}
	}
	
	.priorities .button_blue:hover,
	.answersQ .button_blue:hover{
		color: #fff;
		background-color: #00b3db;
		border-color: #285e8e;
  }

  .how_we_work>*{color:#fff;}
  
  .how_we_work h2,
  .answersQ h2.answers {
  	 text-align:center;
	  padding-top:30px;
	  padding-bottom:30px;	
  }
  
  .how_we_work .item{
		position: relative;
		font-size: 25px;
		padding-left: 43px;
		padding-right: 43px;
		padding-bottom: 20px;
		line-height: 1.8rem;
		margin-left: 0;
    margin-right: 0;
  }
  
  .how_we_work .item:hover {   background-color: #0b6ca9 !important;	 }
  .how_we_work .item:hover::after {border-color: transparent transparent transparent #0b6ca9 !important;}
  
  .how_we_work .item.one:after,
  .how_we_work .item.two:after,
  .how_we_work .item.three:after,
  .how_we_work .item.four:after{
		bottom: 50%;
		right: -19px;
		margin-bottom: -30px;
		border-width: 30px 0 30px 20px;
		position: absolute;
		z-index: 1;
		content: '';
		border-style: solid;
  }
  .how_we_work .item.one{background-color: #117ec3;}
  .how_we_work .item.one:after{
  	border-color: transparent transparent transparent #117ec3;
  }
  .how_we_work .item.two{background-color: #1491e1;}
  .how_we_work .item.two:after{
  	border-color: transparent transparent transparent #1491e1;
  }
  .how_we_work .item.three{background-color: #2ba1eb;}
  .how_we_work .item.three:after{
  	border-color: transparent transparent transparent #2ba1eb;
  }
  .how_we_work .item.four{background-color: #49afef;}
  .how_we_work .item.four:after{
  	border-color: transparent transparent transparent #49afef;
  }
  .how_we_work .item.five{background-color: #74bdeb;}
  
  /********** remove AFTER for mobiles (in how_we_work block) ***************/
  @media (min-width:772px) and (max-width:952px){
  	.how_we_work .item.four:after{content:unset !important;}
  }
  @media (min-width:576px) and (max-width:771px){
  	.how_we_work .item.three:after{content:unset !important;}
  }
  @media (min-width:575px) and (max-width:575px){
  	.how_we_work .item.two:after{content:unset !important;}
  }
  @media (min-width:394px) and (max-width:574px){
  	.how_we_work .item.two:after{content:unset !important;}
  	.how_we_work .item.four:after{content:unset !important;}
  }
  @media (min-width:378px) and (max-width:393px){
  	.how_we_work .item.two:after{content:unset !important;}
  	.how_we_work .item.three:after{content:unset !important;}
  }
  @media (min-width:377px) and (max-width:377px){
  	.how_we_work .item.one:after{content:unset !important;}
  	.how_we_work .item.two:after{content:unset !important;}
  	.how_we_work .item.three:after{content:unset !important;}
  }
  @media (max-width:376px){
  	.how_we_work .item.one:after{content:unset !important;}
  	.how_we_work .item.two:after{content:unset !important;}
  	.how_we_work .item.three:after{content:unset !important;}
  	.how_we_work .item.four:after{content:unset !important;}
  }
    
  .how_we_work .item h3{font-size:100px;}
  
  .answersQ{
  padding-top:80px;
  padding-bottom:80px;	
  }
  
  .accordion-button:not(.collapsed) {		color: #fff;		background-color: #182031;	}
	.accordion-button:focus {box-shadow: 0 0 0 .25rem rgba(126, 131, 138, 0.25);}
	
	.accordion-item {
		background-color: #182031;
		font-size: 1.3rem;
		color: #fff;
		margin-bottom: 10px;
	}
	.accordion-button {
   font-size: 1.5rem;
   color: #f1f3f4;
   background-color: #2d2a2a;
  }
  
  .accordion-button:not(.collapsed)::after,
  .accordion-button[aria-expanded="false"]::after
   {
  	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' fill='%23000' class='bi bi-plus-lg' viewBox='0 0 16 16'%3E%3Cpath fill-rule='evenodd' d='M8 2a.5.5 0 0 1 .5.5v5h5a.5.5 0 0 1 0 1h-5v5a.5.5 0 0 1-1 0v-5h-5a.5.5 0 0 1 0-1h5v-5A.5.5 0 0 1 8 2Z'/%3E%3C/svg%3E");
     background-size: 115% 115%;
     background-position: center center;
     transform:rotate(0deg);
  }
  
  .accordion-button::after {
	  width: 2.25rem;
	  height: 2.25rem;
  }
  
  .accordion-button[aria-expanded="true"]::after {
	  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' fill='%23000' class='bi bi-dash-lg' viewBox='0 0 16 16'%3E%3Cpath fill-rule='evenodd' d='M2 8a.5.5 0 0 1 .5-.5h11a.5.5 0 0 1 0 1h-11A.5.5 0 0 1 2 8Z'/%3E%3C/svg%3E");
    background-size: 115% 115%;
    background-position: center center;
    transform:rotate(0deg);
  }
  
 .accordion-body{
    text-indent: 2em; 
    background-size: 115% 115%;
    background-position: center center;
    transform:rotate(0deg);
  }
  
 .accordion-body{
  text-indent: 2em;
 }
 
 .comandati-input{
 	padding-top:2em;
 	padding-bottom:2em;
 	border-radius:44px;
 	background-color: #fff;
  color: #f20230 !important;
  font-weight: bold;
  border:unset !important;
  max-width: 350px;
  min-width: 250px;
 }
 	
 	#inputEmail5::placeholder{color:#ff3158;}
 	 	
 	#inputEmail5:focus{
		outline: none;
		background-color: #fff;
		box-shadow: 0 0 0 .25rem rgba(245, 6, 84, 0.55);
 	}
 	
 	
 	/************ TARIFE block ********************/
 
 .tarife_block{background-color: #222222;}
 .tarife_block h2{background-color: #222222; margin-left:7%;margin-top:1.5rem;}
 .tarife{
 	display:grid;
 	grid-template-columns:repeat(3, 1fr);	
	margin:1.5rem 0 3rem;
	column-gap:1rem;
 }
  
  @media (min-width:951px) and (max-width:1387px){
    .tarife{
    	grid-template-columns: 1fr 1fr;	
    	grid-template-rows:auto;
    	align-items: center;
    	column-gap:1rem;
    	row-gap:1rem;
    }
     .tarife .grid-item.item-3{grid-column:span 2;}
   
		
  }
    @media (max-width:950px){
    	.tarife{
    	  grid-template-columns: 1fr;	
    	  column-gap:1rem;
    	  row-gap:1rem;
      }
      
    }
    
  @media (max-width:528px){
  	.tarife_block h2 {margin-left:4%;}
  	
  	.tarife .grid-item img{
		  min-height: 24rem !important;
		}
		.tarife .grid-item .card-head h4{
			font-size:calc(1.5rem) !important;
		}
		.tarife .grid-item .card-head h6 {
     font-size: 0.65rem !important;
     margin-bottom: 1rem !important;
    }
    .tarife .grid-item .card-head .priceEuro {
      font-size: 3rem !important;
    }
    .tarife .grid-item .card-head .priceEuro.TVA {
		  font-size: 0.85rem !important;
		}
		.tarife .grid-item .card-head p {
		  font-size: 1rem !important;
		  line-height: 0.75rem !important;
		  white-space: nowrap !important;
		  margin-bottom: 0.5rem !important;
		}
		.tarife .grid-item .card-head p:last-of-type{margin-bottom:2rem !important;}
		
		.tarife .grid-item a{
			font-size: 1.2em !important;
			padding: 10px 17px !important;	
		}
  }
  
  .tarife .grid-item{
  	position:relative;
  	min-height:24rem;
  }
 
   .tarife .grid-item .overlay{
  	z-index:2;
  	object-fit:cover;
  	position:absolute;
  	top:0;
  	left:0;
  	bottom:0;
  	right:0;
  	filter: brightness(39%);
   }
   
  .tarife .grid-item img{
    width: 100%; 
  }
  
  .tarife .grid-item .card-head{
		position: absolute;
		top: 50%;
		left: 50%;
		transform: translate(-50%, -50%);
		z-index: 3;
		text-align: center;
  }
  .tarife .grid-item .card-head h4{font-size:1.75rem;text-transform:uppercase;font-weight:bold;}
  .tarife .grid-item .card-head h6{font-size:0.75rem;text-transform:uppercase;font-weight:bold;margin-bottom: 0.25rem;}
  .tarife .grid-item .card-head .priceEuro{
   font-size:4rem;
   font-weight:bold;
   color:#fff;
   margin-top: -1.7rem;
   margin-bottom:0.5rem;
   display: inline-flex;
  }
  
  .tarife .grid-item .card-head .priceEuro.TVA{
  	font-size: 1rem;
    align-self: flex-end;
  }
   
 .tarife .grid-item .card-head p{ 
 	color:#fff;
 	font-size:1.1rem;
 	line-height:0.9rem;
 	font-weight:bold;
 	letter-spacing: 1.6px;
 }
 
 .tarife .grid-item a{
	pointer-events: all;
	background-color: var(--primary-color);
	font-size: 1.5em;
	padding: 13px 23px;
	border-radius: 44px;
	display: block;
	width: max-content;
	transition: background-color 400ms ease-in-out, border-color 400ms ease-in-out;
	margin-left: auto;
  margin-right: auto;
}

.tarife .grid-item a:hover{
	color: #fff;
	background-color: #00b3db;
	border-color: #285e8e;
}

.popup-layout{
	display:block;
	position:fixed;
	top:0px;
	right:0px;
	bottom:0px;
	left:0px;
	background-color:#00000077;
	z-index:99999;
}
.popup-layout .content{
	position:absolute;
	top:150px;
	left:50%;
	transform:translate(-50%,0);
	min-height:100px;
	max-width:93%;
	width:500px;
	background-color:#FFFFFF;
	padding:35px 25px 20px;
	border-radius:25px;
}
.popup-layout .actions.close{
	display:block;
	position:absolute;
	width:24px;
	height:24px;
	background-image:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 320 512"><path d="M310.6 150.6c12.5-12.5 12.5-32.8 0-45.3s-32.8-12.5-45.3 0L160 210.7 54.6 105.4c-12.5-12.5-32.8-12.5-45.3 0s-12.5 32.8 0 45.3L114.7 256 9.4 361.4c-12.5 12.5-12.5 32.8 0 45.3s32.8 12.5 45.3 0L160 301.3 265.4 406.6c12.5 12.5 32.8 12.5 45.3 0s12.5-32.8 0-45.3L205.3 256 310.6 150.6z"/></svg>');
	background-size:contain;
	background-repeat:no-repeat;
	background-position:center;
	top:5px;right:5px;
}

.popup-layout input{
	height:40px;
	background-color:#FFFFFF;
	border-top:0px;
	border-left:0px;
	border-right:0px;
	color:#000000;
}

.ari-box{display:flex;align-items:center;}
.ari-box input{flex-grow:1;}
.ari-box  img{height:40px;}

main .card.card-service-info{
  box-shadow:none;
  border:none;	
}
 main .card.card-service-info .card-image-overflow {
  overflow: hidden;
 }
 
 main .card.card-service-info .card-image-overflow a{
	display: block;
	width: 100%;
	height: 0px;
	padding-bottom: 65.59%;
	color: #14298f;
 }
 
 main .card.card-service-info .card-image-overflow a>img{
  max-width: none;
  max-height: none;
  height: auto;
}
 main .card.card-service-info  .card-body{
  background-color:var(--black-color);
 }
 
 main .card.card-service-info .card-body h5.card-title {
  text-overflow: ellipsis;
  overflow: hidden;
  display: -webkit-box !important;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  white-space: normal;
  height: 80px;
 }

 main .card.card-service-info .card-body h5.card-title a{
  font-weight: 700 !important;
  color: #fff;
 }
 
 main .card.card-service-info .card-body h5.card-title a:hover{
    color: var(--primarydark-color);
 }

main .card.card-service-info .card-body p.card-text{
  text-overflow: ellipsis;
  overflow: hidden;
  display: -webkit-box !important;
  -webkit-line-clamp: 5;
  -webkit-box-orient: vertical;
  white-space: normal;
  height: 75px;
  color:#fff;
 
}

main .videoS.videoCon{margin-top:unset!important;}