@import url(https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700;800;900&display=swap);
header .typed, header .typed2 {
	font-family:Poppins, sans-serif;
	font-weight:400
}
.lx1, .sh {
	display:block
}
.egrg {
	font-size:12px;
}
.loader-icon, header .mouse {
	left:50%;
	text-align:center
}
header .mouse span, header .typed, header .typed2 {
	letter-spacing:1px;
	color:#000
}
.col-md-12, .loader-icon, header .mouse, header .mouse a {
	text-align:center
}
.kek, .lx1, header h3 {
	text-transform:uppercase
}
body, html {
	font-family:Poppins, Helvetica, Arial, sans-serif;
	margin:0;
	padding:0;
	width:100%;
	height:100%;
	-webkit-font-smoothing:antialiased;
	overflow:auto;
	background:#fcfcfc;
}
#page-loader {
	background:#fff;
	height:100%;
	width:100%;
	position:fixed;
	z-index:99999
}
.loader-icon {
	background:#fff;
	border-bottom:4px solid rgba(19, 19, 19, .1)!important;
	border-left:4px solid rgba(19, 19, 19, .1)!important;
	border-radius:100px;
	-moz-border-radius:100px;
	-webkit-border-radius:100px;
	-o-border-radius:100px;
	-ms-border-radius:100px;
	border-right:4px solid rgba(19, 19, 19, .1)!important;
	border-top:4px solid;
	height:60px;
	margin:-20px 0 0 -20px;
	position:absolute;
	top:50%;
	width:60px
}
.lx2, .sh {
	font-size: 19px;
	font-weight: 300;
}
.sh {
	letter-spacing: 0px;
	font-style: normal !important;
	text-transform: none;
	line-height: 18px;
	font-size: 13px;
	font-weight: 600;
	width: 660px;
	margin: 10px auto 0;
}
.lx1 {
	font-weight: 700;
	letter-spacing: -2px;
	font-size: 52px;
}
.lx2 {
	background:#121212;
	color:#fff;
	padding:12px;
}
.kco {
	font-weight: 400;
	font-size: 32px;
	letter-spacing: 0px;
	position: relative;
	margin-top: -16px;
	display: block;
}
::-webkit-input-placeholder {
color:#8c9398
}
:-moz-placeholder {
color:#8c9398;
opacity:1
}
::-moz-placeholder {
color:#8c9398;
opacity:1
}
:-ms-input-placeholder {
color:#8c9398
}
.landing-logo {
	margin-bottom:20px;
	width:240px
}
header {
	text-align:left;
	position:relative;
	padding-top:3%
}
header .typed {
	font-size:98px
}
header .typed2 {
	font-size:48px;
	display:block;
}
header .logo {
	margin-top:130px;
	margin-bottom:30px
}
header .line {
	display:inline-block;
	width:40px;
	height:30px;
	margin:0 auto
}
header p {
	font-size:32px;
	color:#000;
	word-spacing:1px;
	line-height:25px;
	font-weight:400;
	margin-top:30px
}
header .fa-clock-o {
	font-size:31px;
	color:#000;
	margin-right:5px;
	display:block;
	margin-bottom:10px
}
.kek, .kontaktok i {
	color:#121212
}
header h3 {
	color:#000;
	font-size:20px;
	margin-bottom:30px;
	font-family:Aldrich, sans-serif
}
header h1 span {
	font-weight:500
}
header .mouse-wrapper {
	display:block;
	z-index:10;
	position:absolute;
	margin-left:18px;
	bottom:-110px
}
header .mouse {
	margin-left:-20px;
	position:absolute;
	bottom:0;
	animation:1s ease-in-out infinite alternate wobbleArrow;
	-webkit-animation:1s ease-in-out infinite alternate wobbleArrow;
	-moz-animation:1s ease-in-out infinite alternate wobbleArrow;
	-o-animation:1s ease-in-out infinite alternate wobbleArrow
}
header .mouse span {
	position:absolute;
	left:-19px;
	bottom:40px;
	font-weight:500;
	font-size:1.3em;
	display:block;
	-moz-transform:rotate(-90deg);
	-ms-transform:rotate(-90deg);
	-webkit-transform:rotate(-90deg);
	-o-transform:rotate(-90deg);
	transform:rotate(-90deg)
}
header .mouse a {
	color:#000;
	position:relative;
	top:110px;
	line-height:36px;
	outline:0
}
header .mouse a i {
	font-size:1.3em
}
header .social-icons li {
	list-style:none;
	font-size:18px;
	float:left;
	margin:0 10px 0 0
}
header .social-icons li i.fa {
	color:#000;
	display:block;
	width:40px;
	height:40px;
	font-size:16px;
	outline:0;
	line-height:37px;
	border:2px solid #000;
	border-radius:50%;
	-o-border-radius:50%;
	-moz-border-radius:50%;
	-webkit-border-radius:50%;
transition:.5s;
-moz-transition:.5s;
-webkit-transition:.5s;
-o-transition:.5s;
-ms-transition:.5s
}
header .social-icons li i.fa:hover {
	color:#000;
	background:0 0;
	text-shadow:none;
	border:2px solid #000;
	border-radius:50%;
	-o-border-radius:50%;
	-moz-border-radius:50%;
	-webkit-border-radius:50%
}
header .social-icons li a {
	display:block;
	background:rgba(255, 255, 255, 0);
	text-decoration:none;
	border-radius:50%;
	-o-border-radius:50%;
	-moz-border-radius:50%;
	-webkit-border-radius:50%;
	color:#346c8d;
transition:.5s;
-moz-transition:.5s;
-webkit-transition:.5s;
-o-transition:.5s;
-ms-transition:.5s
}
header .social-icons li a:hover {
	background:#000
}
header .social-icons {
	text-align:center;
	float:none;
	margin-top:50px
}
header .social-icons ul {
	line-height:0;
	position:relative;
	display:inline-block;
	margin:0;
	padding-left:17px
}
@-webkit-keyframes wobbleArrow {
from {
bottom:40px
}
to {
	bottom:50px
}
}
.kontaktok {
	font-size: 15px;
	font-weight: 600;
	letter-spacing: 0px;
	margin-top: 15px;
}
.kek {
	font-size:19px;
	letter-spacing:0;
	font-weight:300
}
.kerdes {
	font-size:16px;
	display:block;
	margin-bottom:0;
	font-weight:600
}
@media only screen and (max-width:1980px) {
.subscribe button {
width:13%
}
}
@media only screen and (max-width:1400px) {
header {
text-align:center;
padding-top:2%;
margin-bottom:100px!important
}
}
@media only screen and (max-width:1366px) {
.about .intro-text {
padding-top:130px
}
.services.col-md-6 {
padding-top:110px
}
.team {
padding-top:45px
}
.team img {
width:85px
}
}
@media only screen and (max-width:1036px) {
.about, .about img, .contact, .contact-photo, .google-map, .services-photo, .services.col-md-6, .subscribe, .team-photo, .team.col-md-6, .tweet, .twitter {
width:100%
}
.contact-form, .intro:before {
left:0;
right:0
}
.contact-photo .col-md-4, .contact-photo .col-md-4 i, .contact-photo .title-section h2, .contact-photo .title-section p, .contact-photo i, .services h2, .services p, .services-photo .title-section h2, .services-photo .title-section p, .services-photo i, .team-photo .title-section h2, .team-photo .title-section p, .team-photo i, footer .copyright {
text-align:center
}
header .logo {
margin-top:50px
}
.about {
padding:50px
}
.about .intro-text {
padding-top:70px
}
.intro-text h2, .intro-text p {
color:#000
}
.intro:before {
content:'';
position:absolute;
top:0;
bottom:0;
width:100%;
height:100%;
background-color:rgba(0, 0, 0, .6);
background-repeat:repeat;
z-index:1
}
header .mouse-wrapper {
bottom:-70px
}
.subscribe button {
width:10%
}
.about .social-icons {
margin-bottom:50px
}
footer .copyright {
margin:0;
float:none
}
.services.col-md-6, .team.col-md-6 {
height:auto
}
.services .info {
margin-left:0
}
.services .icon {
float:none;
font-size:40px
}
.team .col-md-6 img {
float:none;
width:20%;
margin-bottom:15px
}
.team h2, .team p, .team span {
text-align:center;
margin-top:10px
}
.team .social-icons {
float:none;
margin-left:-35px
}
}
@media only screen and (max-width:768px) {
.contact-photo .contact-info .col-md-4 {
width:30%;
display:inline-block;
margin-bottom:0
}
.services .col-md-6, .team .col-md-6 {
padding-bottom:60px;
float:left
}
.services .col-md-6 {
float:left
}
.contact input[type=submit], .tweet {
width:100%
}
.col-md-4 {
margin-bottom:40px
}
.col-md-4:last-child {
margin-bottom:0
}
.contact .contact-info {
margin-top:80px
}
header .mouse-wrapper {
bottom:-200px
}
header .social-icons {
margin-top:35px
}
.subscribe input[type=email] {
margin-bottom:10px
}
.subscribe button, .subscribe input[type=email] {
width:15%
}
#zoom-in {
margin-top:50px
}
.contact-info {
margin-left:-80px
}
}
@media only screen and (max-width:560px) {
.subscribe button, .subscribe input[type=email] {
width:25%
}
.subscribe input[type=text] {
width:70%
}
header .typed {
font-size:32px
}
.countdown span {
line-height:30px
}
.about h2 {
font-size:1.4em
}
.about {
padding-top:30px;
padding-bottom:0
}
}
@media only screen and (max-width:991px) {
header p {
font-size:24px;
margin-top:25px
}
.kco {
 font-weight: 400;
 font-size: 26px;
 letter-spacing: 0px;
 position: relative;
 margin-top: -10px;
 display: block;
}
 header {
padding-top:40px;
padding-bottom:40px;
height:auto
}
.landing-logo {
margin-bottom:15px;
width:190px
}
 .sh {
 line-height: 17px;
 font-size: 12px;
 width: 530px;
}
 .lx2 {
background:#00d2ff;
color:#fff;
padding:10px;
font-size:21px
}
.lx1 {
font-size:42px
}
}
@media only screen and (max-width:667px) {
.contact-photo .contact-info .col-md-4, .tweet {
width:100%
}
.about p, .contact-photo .email, .contact-photo .email span, .contact-photo .phone, .contact-photo .phone span, .contact-photo address, .contact-photo address span, .kontaktok, .tweet {
font-size:14px
}
.services .icon, .team img {
float:none
}
.team .col-md-6 {
padding-bottom:100px
}
.contact-info, .services .info {
margin-left:0
}
.contact-photo {
height:950px
}
.contact-photo .col-md-4:last-child {
margin-top:-50px;
padding-right:15px
}
.services {
display:block;
margin-bottom:210px
}
.team.col-md-6 .social-icons {
display:inline-block;
margin:auto 40px auto 0;
float:none;
margin-top:0!important;
position:relative
}
.contact-photo .title-section p, .kek, .services p, .services-photo .title-section p, .team p, .team span, .team-photo .title-section p {
font-size:15px
}
.services.col-md-6, .team, .team-photo {
height:auto
}
.services p, .team h2, .team p, .team span {
text-align:center
}
.team img {
width:80%!important
}
.services h2, .team h2 {
font-size:1.2em;
line-height:25px;
text-align:center
}
.twitter.col-md-6 {
height:370px;
padding:0
}
.team .social-icons li {
padding-bottom:10px
}
.countdown {
font-size:2.5em
}
.countdown span {
line-height:30px
}
.about .intro-text {
padding:0
}
header .mouse-wrapper {
display:none
}
header .logo {
margin-top:13px
}
 .sh {
 line-height: 15px;
 font-size: 11px;
 width: 90%;
}
 .landing-logo {
margin-bottom:10px;
width:145px
}
}
@media only screen and (max-width:560px) {
.lx1 {
 font-size: 28px;
}
.egrg {
 font-size: 10px;
}
.kco {
 font-weight: 400;
 font-size: 18px;
 letter-spacing: 0px;
 position: relative;
 margin-top: -7px;
 display: block;
}
 .kontaktok {
 font-size: 12px;
}
 header {
padding-top:40px;
padding-bottom:0!important;
height:auto
}
}
 @media only screen and (max-width:400px) {
.kontaktok {
 font-size: 11px;
}
.sh {
 line-height: 14px;
 font-size: 10px;
 width: 96%;
}
}