@import url('https://fonts.googleapis.com/css?family=Montserrat:300,400,500,600,700,800,900');
@import url('https://fonts.googleapis.com/css?family=Comfortaa:300,400,700');
html{
	/*	overflow-x:hidden;*/
}
body{
	font-family:'Montserrat', sans-serif;
	overflow-x:hidden;
	min-height:100vh;
	margin-top:100px;
	background-color:#111111;
}
.flex-grow{
	flex:1;
}
h1{
	font-family:'Montserrat', sans-serif;
	font-weight:bold;
	color:#fff;
	margin-bottom:20px;
}
h2{
	font-family:'Montserrat', sans-serif;
	color:#fff;
	font-weight:bold;
	margin-bottom:20px;
}
h3{
	font-family:'Montserrat', sans-serif;
	color:#fff;
	font-weight:bold;
	margin-bottom:20px;
}
h4{
	font-family:'Montserrat', sans-serif;
	color:#ffff;
	font-weight:bold;
	letter-spacing:1.6px;
}
h5{
	font-family:'Comfortaa', cursive;
	color:#fff;
	font-weight:bold;
}
h6{
	font-family:'Montserrat', sans-serif;
	color:#fff;
	font-weight:bold;
}
p{
	font-family:'Montserrat', sans-serif;
	color:#fff;
}
a:focus{
	outline:none;
}
button:focus{
	outline:none;
}
a{
	text-decoration:none !important;
	cursor:pointer;
	transition:all 0.3s linear 0s;
}
a:hover{
	color:#333333 !important;
}
select:focus, select:focus option{
	outline:none !important;
}
body{
	font-family:'Montserrat', sans-serif;
}
/*menu*/
.navbar-collapse{
	justify-content:flex-end;
}
.navbar{
	padding:1.4rem 1rem;
	box-shadow:0 4px 4px rgba(0, 0, 0, 0.25);
}
.fixed-top{
	z-index:9999 !important;
}
.navbar-nav > li > a{
	font-family:'Comfortaa', cursive;
	font-style:normal;
	font-weight:normal;
	line-height:14px;
	font-size:16px;
	position:relative;
	color:#fff !important;
	padding-left:15px !important;
	padding-right:15px !important;
}
.dark-bg{
	background-color:#111111;
}
.comf{
	font-family:'Comfortaa', cursive;
}
.logo{
	width:180px;
}
.hero{
	padding-top:130px;
	padding-bottom:160px;
	padding-right:240px;

}
.hero_first{
	font-weight:bold;
	font-size:70px;
	margin-bottom:0;
}
.hero_two{
	font-weight:lighter;
	font-size:70px;
	position:relative;
	/*	margin-bottom:0;*/
}
.hero_two::before{
	background-color:#fff;
	content:"";
	display:block;
	height:16px;
	width:16px;
	border-radius:50%;
	position:absolute;
	bottom:16px;
	left:-30px;
}
.hero_subtitle{
	opacity:0.31;
}
.upline::before{
	background-color:#fff;
	content:"";
	display:block;
	height:2px;
	position:relative;
	top:-10px;
	width:100px;
}
.line34{
	line-height:34px;
}
.serv_title{
	letter-spacing:2.66667px;
	margin-bottom:35px;
}
.xren{
	display:inline-block;
	color:#3D3D3D;
	font-family:'Comfortaa', cursive;
	font-size:20px;
	transform:rotate(90deg);
	position:absolute;
	right:0;
	top:0;
	text-transform:uppercase;
}
.serv_icon{
	height:36px;
	width:36px;
}
.serv p{
	font-size:20px;
	letter-spacing:1.33333px;
	color:#888888;
	font-weight:500;
	margin-bottom:20px;
}
.serv_blok{
	margin-bottom:100px;
}
.title{
	position:relative;
	margin-left:48px;
}
.title::before{
	background-image:url('../../../assets/images/project/icons/arrow.svg');
	background-size:28px 28px;
	width:32px;
	height:32px;
	display:block;
	content:' ';
	position:absolute;
	top:0;
	left:-48px;

}
.title_sub{
	font-family:'Comfortaa', cursive;
	font-weight:bold;
	font-size:16px;
	letter-spacing:1.06667px;
	color:#888888;
	margin-left:48px;
}
.title2{
	position:relative;
	margin-left:66px;
	letter-spacing:2.66667px;
}
.title2::before{
	background-color:#fff;
	content:"";
	display:block;
	height:2px;
	width:36px;
	position:absolute;
	top:50%;
	left:-66px;

}
/*footer*/
.ineerbox{
	box-shadow:inset 0px 0px 50px #000000;
	padding-top:100px;
	padding-bottom:100px;
}
.say{
	font-family:'Comfortaa', cursive;
	font-style:normal;
	font-weight:bold;
	line-height:normal;
	font-size:22px;
	letter-spacing:1.46667px;
	color:#888888;
	margin-bottom:40px;
}
.hero_link{
	font-weight:bold;
	line-height:normal;
	font-size:60px;
	letter-spacing:4px;
	color:#fff;

}
.footer-list li{
	font-weight:normal;
	font-size:18px;
	letter-spacing:1.2px;
	color:#FFFFFF;
	margin-left:15px;
	margin-right:15px !important;
}
.footer-list li a{
	color:#FFFFFF;
}
.visit{
	font-family:'Comfortaa', cursive !important;
	font-style:normal !important;
	font-weight:bold !important;
	line-height:normal !important;
	font-size:13px !important;
	letter-spacing:0.87px !important;
	color:#888888 !important;
}
.card_cont{
	margin-top:125px;
}
.project__card{
	display:inline-block;
}
.pr_inner{
	position:relative;
	display:inline-block;
}
.pr_inner:before{
	content:'';
	background:linear-gradient(180deg, rgba(0, 0, 0, 0.0001) 74.82%, #000000 100%);
	position:absolute;
	width:100%;
	height:100%;
}
.pr_bottom{
	position:absolute;
	bottom:0;
	left:15px;
}
#work{
	margin-bottom:220px;
}
.hover-in{
	transition:.3s ease-out;
	-webkit-transition:.3s ease-out;
}
.hover-out{
	transition:.3s ease-in;
	-webkit-transition:.3s ease-in;
}
.bottom{
	position:absolute;
	bottom:45px;
	left:30px;
}
.com-text{
	font-family:'Comfortaa', cursive;
	font-style:normal;
	font-weight:300;
	/*	line-height:60px;*/
	font-size:26px;
	letter-spacing:2.4px;
	color:#a0a0a0;
	position:relative;
	padding-left:75px;
}
.com-text:before{
	background-image:url('../../../assets/images/project/icons/quotes.svg');
	background-size:50px 50px;
	width:50px;
	height:50px;
	display:block;
	content:' ';
	position:absolute;
	top:0;
	left:0;
}
.sticky{
	position:sticky;
	position:-webkit-sticky;
	top:110px;
}
.info_name{
	letter-spacing:2.66667px;
}
.info_sub{
	font-family:'Comfortaa', cursive;
	margin-bottom:20px;
	font-size:18px;
	letter-spacing:1.2px;
	color:#FFFFFF;
	mix-blend-mode:normal;
	opacity:0.31;
}
.top-info{
	letter-spacing:1.2px;
	max-width:75%;
}
.info-link{
	font-family:'Comfortaa', cursive;
	font-style:normal;
	font-weight:bold;
	line-height:normal;
	font-size:14px;
	letter-spacing:0.933334px;
	color:#25A6EB;
}
.back{
	position:relative;
	margin-left:48px;
	display:block;
}
.back:before{
	background-image:url('../../../assets/images/project/icons/arrowl_blue.svg');
	background-size:32px 32px;
	width:32px;
	height:32px;
	display:block;
	content:' ';
	position:absolute;
	top:-3px;
	left:-48px;
}
.tag{
	display:inline-block;
	font-family:'Comfortaa', cursive;
	font-style:normal;
	font-weight:bold;
	line-height:14px;
	font-size:12px;
	text-align:center;
	color:#25A6EB;
	border:1px solid #25A6EB;
	border-radius:4px;
	min-width:90px;
	overflow-x:hidden;
	padding:10px;
}
.project_content p{
	font-family:'Comfortaa', cursive;
	font-style:normal;
	font-weight:lighter;
	line-height:36px;
	font-size:18px;
	letter-spacing:1.2px;
	color:#FFFFFF;
	position:relative;
}
.case_sub{
	max-width:75%;
	color:#888888;
}
.modal-full{
	width:100%;
	/*	height:100%;*/
	margin:0;
	top:0;
	left:0;
	max-width:100%;
}
.modal-backdrop{
	z-index:10000;
}
.modal{
	z-index:10001;
}
.modal-full > .my_modal_cont{
	height:100%;
	/*	display:flex;
		flex-direction:column;
		justify-content:center;*/
	background-color:#111111;

}
#close{
	fill:#fff;
}
#close:focus, #close:active{
	outline:none !important;
}
.more{
	border:2px solid #0056b3;
	border-radius:4px;
	font-family:'Comfortaa', cursive;
	font-style:normal;
	font-weight:bold;
	display:inline-block;
	padding:15px;
	text-transform:uppercase;
}
.slider, .relative{
	min-height:400px;
}
.client-logo{
	max-height:120px;
	filter:grayscale(100%);
	-webkit-filter:grayscale(100%);
}
.serv_icon{
	display:none;
}
.slider_title{
	color:#125276;
	margin-left:48px;
	font-size:16px;
	font-weight:normal;
	font-family:'Comfortaa', cursive;
}
.prbrief label{
	color:#ffffff;
}
/*linetext*/
.line-text{
	overflow:hidden;
	/*text-align:center;*/
}
/*.line-text:before,*/
.line-text:after{
	background-color:#ffffff;
	content:"";
	display:inline-block;
	height:1px;
	position:relative;
	vertical-align:middle;
	width:100%;
}
.line-text:before{
	right:0.5em;
	margin-left:-50%;
}
.line-text:after{
	left:0.5em;
	margin-right:-50%;
}
.line-text{
	margin-bottom:30px;
}