@import url('https://fonts.googleapis.com/css?family=Lato:300,400,700');

html,
body {
  height: 100%;
  font-family: 'Rajdhani', sans-serif;
}
body {
  background: #111;
  font-family: 'Rajdhani', sans-serif;
}

.marg {margin: 50px 0px;}
.glitch {
  color: white;
  font-size: 40px;
	font-weight: 900;
  text-transform: uppercase;
	letter-spacing: 5px;
  position: relative;
  display: inline-block;
	font-family: 'Rajdhani';

}
.glitch::before,
.glitch::after {
  content: attr(data-text);
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: black;
}
.glitch::before {
  left: 2px;
  text-shadow: -2px 0 #49FC00;
  clip: rect(24px, 550px, 90px, 0);
  animation: glitch-anim-2 3s infinite linear alternate-reverse;
}
.glitch::after {
  left: -2px;
  text-shadow: -2px 0 #b300fc;
  clip: rect(85px, 550px, 140px, 0);
  animation: glitch-anim 2.5s infinite linear alternate-reverse;
}
@-webkit-keyframes glitch-anim {
  0% {
    clip: rect(103px, 9999px, 145px, 0);
  }
  4.166666666666666% {
    clip: rect(84px, 9999px, 103px, 0);
  }
  8.333333333333332% {
    clip: rect(129px, 9999px, 13px, 0);
  }
  12.5% {
    clip: rect(130px, 9999px, 145px, 0);
  }
  16.666666666666664% {
    clip: rect(57px, 9999px, 35px, 0);
  }
  20.833333333333336% {
    clip: rect(118px, 9999px, 42px, 0);
  }
  25% {
    clip: rect(66px, 9999px, 8px, 0);
  }
  29.166666666666668% {
    clip: rect(99px, 9999px, 102px, 0);
  }
  33.33333333333333% {
    clip: rect(41px, 9999px, 135px, 0);
  }
  37.5% {
    clip: rect(67px, 9999px, 22px, 0);
  }
  41.66666666666667% {
    clip: rect(28px, 9999px, 115px, 0);
  }
  45.83333333333333% {
    clip: rect(32px, 9999px, 103px, 0);
  }
  50% {
    clip: rect(53px, 9999px, 133px, 0);
  }
  54.166666666666664% {
    clip: rect(31px, 9999px, 139px, 0);
  }
  58.333333333333336% {
    clip: rect(110px, 9999px, 54px, 0);
  }
  62.5% {
    clip: rect(143px, 9999px, 12px, 0);
  }
  66.66666666666666% {
    clip: rect(52px, 9999px, 20px, 0);
  }
  70.83333333333334% {
    clip: rect(39px, 9999px, 44px, 0);
  }
  75% {
    clip: rect(119px, 9999px, 149px, 0);
  }
  79.16666666666666% {
    clip: rect(86px, 9999px, 17px, 0);
  }
  83.33333333333334% {
    clip: rect(30px, 9999px, 39px, 0);
  }
  87.5% {
    clip: rect(38px, 9999px, 48px, 0);
  }
  91.66666666666666% {
    clip: rect(114px, 9999px, 126px, 0);
  }
  95.83333333333334% {
    clip: rect(63px, 9999px, 85px, 0);
  }
  100% {
    clip: rect(100px, 9999px, 6px, 0);
  }
}
@keyframes glitch-anim {
  0% {
    clip: rect(103px, 9999px, 145px, 0);
  }
  4.166666666666666% {
    clip: rect(84px, 9999px, 103px, 0);
  }
  8.333333333333332% {
    clip: rect(129px, 9999px, 13px, 0);
  }
  12.5% {
    clip: rect(130px, 9999px, 145px, 0);
  }
  16.666666666666664% {
    clip: rect(57px, 9999px, 35px, 0);
  }
  20.833333333333336% {
    clip: rect(118px, 9999px, 42px, 0);
  }
  25% {
    clip: rect(66px, 9999px, 8px, 0);
  }
  29.166666666666668% {
    clip: rect(99px, 9999px, 102px, 0);
  }
  33.33333333333333% {
    clip: rect(41px, 9999px, 135px, 0);
  }
  37.5% {
    clip: rect(67px, 9999px, 22px, 0);
  }
  41.66666666666667% {
    clip: rect(28px, 9999px, 115px, 0);
  }
  45.83333333333333% {
    clip: rect(32px, 9999px, 103px, 0);
  }
  50% {
    clip: rect(53px, 9999px, 133px, 0);
  }
  54.166666666666664% {
    clip: rect(31px, 9999px, 139px, 0);
  }
  58.333333333333336% {
    clip: rect(110px, 9999px, 54px, 0);
  }
  62.5% {
    clip: rect(143px, 9999px, 12px, 0);
  }
  66.66666666666666% {
    clip: rect(52px, 9999px, 20px, 0);
  }
  70.83333333333334% {
    clip: rect(39px, 9999px, 44px, 0);
  }
  75% {
    clip: rect(119px, 9999px, 149px, 0);
  }
  79.16666666666666% {
    clip: rect(86px, 9999px, 17px, 0);
  }
  83.33333333333334% {
    clip: rect(30px, 9999px, 39px, 0);
  }
  87.5% {
    clip: rect(38px, 9999px, 48px, 0);
  }
  91.66666666666666% {
    clip: rect(114px, 9999px, 126px, 0);
  }
  95.83333333333334% {
    clip: rect(63px, 9999px, 85px, 0);
  }
  100% {
    clip: rect(100px, 9999px, 6px, 0);
  }
}
@-webkit-keyframes glitch-anim-2 {
  6.666666666666667% {
    clip: rect(107px, 9999px, 83px, 0);
  }
  10% {
    clip: rect(69px, 9999px, 53px, 0);
  }
  13.333333333333334% {
    clip: rect(42px, 9999px, 58px, 0);
  }
  16.666666666666664% {
    clip: rect(91px, 9999px, 99px, 0);
  }
  20% {
    clip: rect(116px, 9999px, 19px, 0);
  }
  23.333333333333332% {
    clip: rect(144px, 9999px, 88px, 0);
  }
  26.666666666666668% {
    clip: rect(107px, 9999px, 89px, 0);
  }
  30% {
    clip: rect(29px, 9999px, 122px, 0);
  }
  33.33333333333333% {
    clip: rect(95px, 9999px, 63px, 0);
  }
  36.666666666666664% {
    clip: rect(135px, 9999px, 83px, 0);
  }
  40% {
    clip: rect(33px, 9999px, 83px, 0);
  }
  43.333333333333336% {
    clip: rect(93px, 9999px, 53px, 0);
  }
  46.666666666666664% {
    clip: rect(97px, 9999px, 134px, 0);
  }
  50% {
    clip: rect(26px, 9999px, 110px, 0);
  }
  53.333333333333336% {
    clip: rect(39px, 9999px, 137px, 0);
  }
  56.666666666666664% {
    clip: rect(11px, 9999px, 109px, 0);
  }
  60% {
    clip: rect(145px, 9999px, 94px, 0);
  }
  63.33333333333333% {
    clip: rect(7px, 9999px, 84px, 0);
  }
  66.66666666666666% {
    clip: rect(51px, 9999px, 95px, 0);
  }
  70% {
    clip: rect(25px, 9999px, 65px, 0);
  }
  73.33333333333333% {
    clip: rect(107px, 9999px, 146px, 0);
  }
  76.66666666666667% {
    clip: rect(62px, 9999px, 4px, 0);
  }
  80% {
    clip: rect(129px, 9999px, 51px, 0);
  }
  83.33333333333334% {
    clip: rect(82px, 9999px, 41px, 0);
  }
  86.66666666666667% {
    clip: rect(145px, 9999px, 34px, 0);
  }
  90% {
    clip: rect(94px, 9999px, 7px, 0);
  }
  93.33333333333333% {
    clip: rect(23px, 9999px, 145px, 0);
  }
  96.66666666666667% {
    clip: rect(22px, 9999px, 9px, 0);
  }
  100% {
    clip: rect(88px, 9999px, 123px, 0);
  }
}
@keyframes glitch-anim-2 {
  6.666666666666667% {
    clip: rect(107px, 9999px, 83px, 0);
  }
  10% {
    clip: rect(69px, 9999px, 53px, 0);
  }
  13.333333333333334% {
    clip: rect(42px, 9999px, 58px, 0);
  }
  16.666666666666664% {
    clip: rect(91px, 9999px, 99px, 0);
  }
  20% {
    clip: rect(116px, 9999px, 19px, 0);
  }
  23.333333333333332% {
    clip: rect(144px, 9999px, 88px, 0);
  }
  26.666666666666668% {
    clip: rect(107px, 9999px, 89px, 0);
  }
  30% {
    clip: rect(29px, 9999px, 122px, 0);
  }
  33.33333333333333% {
    clip: rect(95px, 9999px, 63px, 0);
  }
  36.666666666666664% {
    clip: rect(135px, 9999px, 83px, 0);
  }
  40% {
    clip: rect(33px, 9999px, 83px, 0);
  }
  43.333333333333336% {
    clip: rect(93px, 9999px, 53px, 0);
  }
  46.666666666666664% {
    clip: rect(97px, 9999px, 134px, 0);
  }
  50% {
    clip: rect(26px, 9999px, 110px, 0);
  }
  53.333333333333336% {
    clip: rect(39px, 9999px, 137px, 0);
  }
  56.666666666666664% {
    clip: rect(11px, 9999px, 109px, 0);
  }
  60% {
    clip: rect(145px, 9999px, 94px, 0);
  }
  63.33333333333333% {
    clip: rect(7px, 9999px, 84px, 0);
  }
  66.66666666666666% {
    clip: rect(51px, 9999px, 95px, 0);
  }
  70% {
    clip: rect(25px, 9999px, 65px, 0);
  }
  73.33333333333333% {
    clip: rect(107px, 9999px, 146px, 0);
  }
  76.66666666666667% {
    clip: rect(62px, 9999px, 4px, 0);
  }
  80% {
    clip: rect(129px, 9999px, 51px, 0);
  }
  83.33333333333334% {
    clip: rect(82px, 9999px, 41px, 0);
  }x
  86.66666666666667% {
    clip: rect(145px, 9999px, 34px, 0);
  }
  90% {
    clip: rect(94px, 9999px, 7px, 0);
  }
  93.33333333333333% {
    clip: rect(23px, 9999px, 145px, 0);
  }
  96.66666666666667% {
    clip: rect(22px, 9999px, 9px, 0);
  }
  100% {
    clip: rect(88px, 9999px, 123px, 0);
  }
}



.center {text-align: center; margin: 0px auto;}
.typewrite { font-family: 'Rajdhani', sans-serif; color: white; text-align: center; font-size: 14px; letter-spacing: 2px}


.nav-link {color: white; text-transform: uppercase; font-family: 'Rajdhani', sans-serif; font-weight: bold; letter-spacing: 2px; }
.nav-link:hover {color: #ec4e00;}

hr{ background-color:  #333;}



.nk-icon-squares { color: white;}




.container {color:white; font-family: 'Rajdhani', sans-serif;}

.title {color:white; font-family: 'Rajdhani', sans-serif; font-size: 30px;}


/* About */

@media (max-width: 400px) {
	.section.about {
		text-align: center;
	}
	.bts-list .btn {
		margin-left: 10px;
		margin-right: 10px;
	}
}

.section.about .image {
	float: left;
}

.section.about .image img {
	width: 160px;
	height: 160px;
	border-radius: 100px;
	margin-top: 10px;
	-moz-border-radius: 100px;
	-webkit-border-radius: 100px;
	-khtml-border-radius: 100px;
}

.section.about .desc p {
    word-break: break-word;
}

@media (max-width: 600px) {
	.section.about .image img {
		width: 80px;
		height: 80px;
		border-radius: 80px;
		-moz-border-radius: 80px;
		-webkit-border-radius: 80px;
		-khtml-border-radius: 80px;
	}

}

@media (max-width: 400px) {
	.section.about .image {
		float: none;
		text-align: center;
	}

	.section.about .image img {
		width: 100px;
		height: 100px;
		border-radius: 100px;
		-moz-border-radius: 100px;
		-webkit-border-radius: 100px;
		-khtml-border-radius: 100px;
	}

}

.section.about .desc {
	margin-left: 200px;
}

@media (max-width: 600px) {
	.section.about .desc {
		margin-left: 100px;
	}

}

@media (max-width: 400px) {
	.section.about .desc {
		margin-left: 0;
	}

}

.info-list {
	margin-bottom: 22px;
}

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

.info-list ul li {
	display: inline-block;
	vertical-align: top;
	width: 32%;
	margin: 12px 0 0 0;
}

@media (max-width: 840px) {
	.info-list ul li {
		width: 48%;
	}

}

@media (max-width: 580px) {
	.info-list ul li {
		width: 100%;
	}

}

.info-list ul li strong {
	font-weight: 400;
	color: #ec4e00;
}


.date strong {
	font-weight: 400;
	color: #ec4e00;
}


.clear { margin: 50px auto;}

/* Skills */

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

.skills ul li {
	padding: 5px 0 30px 0;
}

.skills ul li .name {
	font-size: 13px;
	font-weight: 400;
	position: relative;
	margin: 0 0 9px 0;
}

.skills ul li .progress {
	display: block;
	height: 3px;
	position: relative;
	width: 100%;
	background: #dddddd;
}

.skills ul li .progress .percentage {
	left: 0;
	top: 0;
	position: absolute;
	height: 3px;
	width: 0%;
	background: #ec4e00;
	transition: all 0.3s ease 0s;
	-moz-transition: all 0.3s ease 0s;
	-webkit-transition: all 0.3s ease 0s;
	-o-transition: all 0.3s ease 0s;
}

.skills ul li .progress .percentage .percent {
	position: absolute;
	top: -27px;
	right: 0;
	font-size: 13px;
	font-weight: 400;
}

.skills ul li:last-child {
	padding-bottom: 0;
}





/* Service */
@media (max-width: 400px) {
	.section.service {
		text-align: center;
	}

}

.section.service .title,
.section.contacts .title {
	margin-bottom: 0;
}

.service-items .service-item {
	display: inline-block;
	vertical-align: top;
	width: 28%;
	margin: 50px 4% 0 0;
	text-align: left;
}

@media (max-width: 840px) {
	.service-items .service-item {
		width: 45%;
	}

}

@media (max-width: 580px) {
	.service-items .service-item {
		width: 100%;
		margin-right: 0;
	}

}

@media (max-width: 400px) {
	.service-items .service-item {
		text-align: center;
	}

}

.service-items .service-item .icon {
	float: left;
	width: 36px;
	text-align: center;
	font-size: 30px;
	color: #ec4e00;
}

@media (max-width: 400px) {
	.service-items .service-item .icon {
		float: none;
		display: inline-block;
		vertical-align: middle;
	}

}

.service-items .service-item .icon .ion {
	display: block;
}

.service-items .service-item .name {
	font-weight: 500;
	font-size: 18px;
	color: #fff;
	margin: 6px 0 0 46px;
}

@media (max-width: 400px) {
	.service-items .service-item .name {
		margin: 0 0 0 2px;
		display: inline-block;
		vertical-align: middle;
	}

}

.service-items .service-item p {
	margin-bottom: 0;
}


.title_inner_big_client {
    font-size: 42px;
    padding-top: 45px;
}

.title_inner_small_client {
    font-size: 21px; padding: 0px 35px;
}

.client_works img { padding: 15px; width: 95%;}

.contact2-form{width:100%}
.contact2-form-title{display:block;font-size:39px;color:#333;line-height:1.2;text-align:center;padding-bottom:90px}
.wrap-input2{width:100%;position:relative;border-bottom:2px solid #adadad;margin-bottom:37px; background-color: black;}
.input2{display:block;width:100%;font-size:15px;color:#555;line-height:1.2; background-color: black; border: none;}
.focus-input2{position:absolute;display:block;width:100%;height:100%;top:0;left:0;pointer-events:none}
.focus-input2::before{content:"";display:block;position:absolute;bottom:-2px;left:0;width:0;height:2px;background:#ec4e00;}
.focus-input2::after{content:attr(data-placeholder);display:block;width:100%;position:absolute;top:0;left:0;font-size:13px;color:#999;line-height:1;-webkit-transition:all .4s;-o-transition:all .4s;-moz-transition:all .4s;transition:all .4s}

input.input2{height:45px; background-color: #000; border: none;}input.input2+.focus-input2::after{top:16px;left:0;}textarea.input2{min-height:115px;padding-top:13px;padding-bottom:13px}textarea.input2+.focus-input2::after{top:16px;left:0}.input2:focus+.focus-input2::after{top:-13px}.input2:focus+.focus-input2::before{width:100%}.has-val.input2+.focus-input2::after{top:-13px}.has-val.input2+.focus-input2::before{width:100%}.container-contact2-form-btn{display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;flex-wrap:wrap;justify-content:center;padding-top:13px}.wrap-contact2-form-btn{display:block;position:relative;z-index:1;border-radius:2px;width:auto;overflow:hidden;margin:0 auto}

.contact2-form-bgbtn{position:absolute;z-index:-1;width:300%;height:100%;}

.contact2-form-btn{display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;justify-content:center;align-items:center;padding:0 20px;min-width:244px;height:50px;font-size:16px;color:#fff;line-height:1.2; background-color: black; border: none;}
.wrap-contact2-form-btn:hover .contact2-form-bgbtn{left:0;}

@media(max-width:576px){.wrap-contact2{padding:72px 15px 90px}}.validate-input{position:relative}.alert-validate::before{content:attr(data-validate);position:absolute;max-width:70%;background-color:#fff;border:1px solid #c80000;border-radius:2px;padding:4px 25px 4px 10px;top:50%;-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);-ms-transform:translateY(-50%);-o-transform:translateY(-50%);transform:translateY(-50%);right:0;pointer-events:none;color:#c80000;font-size:13px;line-height:1.4;text-align:left;visibility:hidden;opacity:0;-webkit-transition:opacity .4s;-o-transition:opacity .4s;-moz-transition:opacity .4s;transition:opacity .4s}.alert-validate::after{content:"\f12a";font-family:FontAwesome;display:block;position:absolute;color:#c80000;font-size:16px;top:50%;-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);-ms-transform:translateY(-50%);-o-transform:translateY(-50%);transform:translateY(-50%);right:8px}.alert-validate:hover:before{visibility:visible;opacity:1}@media(max-width:992px){.alert-validate::before{visibility:visible;opacity:1}}



.videoWrapper{
    overflow:hidden;
    padding-bottom:56.25%;
    position:relative;
    height:0;
}
.videoWrapper iframe{
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    height:100%;
    width:92%;
    margin: 0 auto;
    position:absolute;
}

.col-6-2 {width:50%; padding: 0px; margin: 0;}