@import url('https://fonts.googleapis.com/css?family=Raleway:300,400,500,600,700');
@import url('https://fonts.googleapis.com/css?family=Open+Sans:300,400,600,700,800');

input.error, textarea.error{border:1px #f00 solid !important;}
* {
	padding:0;
	margin:0;
	text-decoration:none!important;
	list-style:none!important;
	outline:0!important
}
img {
	width:100%;
	height:auto
}
a, a:focus, a:hover, span {
	display:inline-block;
	color:inherit
}
body {
	font-family:"Open Sans", sans-serif;
	color:#212121;
	overflow-x:hidden!important
}
h1, h2, h3, h4, h5, h6 {
	font-family: 'Raleway', sans-serif;
	letter-spacing:1px;
	margin:0
}
p {
	color:#757575;
	line-height:1.7;
	margin:0
}
.section-padding {
	padding:100px 0
}
.section-head {
	margin-bottom:80px
}
.section-head h3 {
	font-size:30px;
	font-weight:600;
	margin-bottom:30px;
	
	
}
.sub-heading {
	font-size:18px;
	margin-bottom:15px
}
.v-middle {
	position:absolute;
	width:100%;
	top:50%;
	left:0;
	-webkit-transform:translate(0, -50%);
	transform:translate(0, -50%)
}
.mb-30 {
	margin-bottom:30px
}
.bg-prop {
	background-size:cover;
	background-repeat:no-repeat;
	background-attachment:fixed
}
.section-overlay {
	position:relative
}
.section-overlay:after {
	content:"";
	position:absolute;
	top:0;
	right:0;
	bottom:0;
	left:0;
	z-index:1
}
.section-overlay .container {
	position:relative;
	z-index:9
}
.dark:after {
	background:rgba(33, 33, 33, .8)
}
.gradient:after {
	background:linear-gradient(-45deg, rgba(2, 61, 67, .9), rgba(69, 51, 29, .8), rgba(33, 33, 33, .9))
}
.a-gradient:after {
	background-size:300% 300%!important;
	background:linear-gradient(-45deg, rgba(2, 61, 67, .9), rgba(69, 51, 29, .8), rgba(33, 33, 33, .9));
	-webkit-animation:a-gradient 15s ease infinite;
	animation:a-gradient 15s ease infinite
}
@-webkit-keyframes a-gradient {
0% {
background-position:0 50%
}
50% {
background-position:100% 50%
}
100% {
background-position:0 50%
}
}
@keyframes a-gradient {
0% {
background-position:0 50%
}
50% {
background-position:100% 50%
}
100% {
background-position:0 50%
}
}
.bg-button, .border-button {
	font-size:15px;
	letter-spacing:.5px;
	padding:8px 15px;
	margin-top:3px;
	margin-right:3px;
	border:1px solid #199bd8;
	border-radius:5px;
	position:relative;
	z-index:3;
	overflow:hidden;
-webkit-transition:all .5s;
transition:all .5s
}
.bg-button span, .border-button span {
	position:relative;
	z-index:2
}
.bg-button:after, .bg-button:before, .border-button:after, .border-button:before {
	content:"";
	position:absolute;
	left:0;
	width:100%;
	height:0;
	z-index:1;
-webkit-transition:all .5s;
transition:all .5s
}
.bg-button:before, .border-button:before {
	top:0
}
.bg-button:after, .border-button:after {
	bottom:0
}
.bg-button:hover:after, .bg-button:hover:before, .border-button:hover:after, .border-button:hover:before {
	height:55%
}
.bg-button {
	background:#199bd8;
	color:#fff!important
}
.bg-button:after, .bg-button:before {
	background:#fff
}
.bg-button:hover {
	background:#fff
}
.bg-button:hover span {
	color:#199bd8
}
.border-button {
	background:#fff;
	color:#199bd8!important
}
.border-button:after, .border-button:before {
	background:#199bd8
}
.border-button:hover {
	background:#199bd8
}
.border-button:hover span {
	color:#fff
}
.cd-headline {
	font-size:3rem;
	line-height:1.2
}

/*Gurdeep code*/
#thankuModal img{max-width:270px;}

@media (min-width: 768px) {.modal-dialog { width: 600px; margin: 30px auto;}
  .modal-content {-webkit-box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5); box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5);}
  .modal-sm {width: 300px;}
}

@media (min-width: 992px) {
.modal-lg { width: 900px;}}
#thankuModal .modal-body{padding-left: 0px; padding-right: 0px;}
#thankuModal h2{margin:25px 0; font-size: 1.538em; color: #333; line-height:24px; text-transform: none;}
#thankuModal h2:before{content: none;}
#thankuModal  p{padding:15px; margin: 0px 0 1em 0; background:#565656; font-size:1.4em; color:#fff;}


@media only screen and (min-width:768px) {
.cd-headline {
font-size:4.4rem;
font-weight:300
}
}
@media only screen and (min-width:1170px) {
.cd-headline {
font-size:6rem
}
}
.cd-words-wrapper {
	display:inline-block;
	position:relative;
	text-align:left
}
.cd-words-wrapper b {
	display:inline-block;
	position:absolute;
	white-space:nowrap;
	left:0;
	top:0
}
.cd-words-wrapper b.is-visible {
	position:relative
}
.no-js .cd-words-wrapper b {
	opacity:0
}
.no-js .cd-words-wrapper b.is-visible {
	opacity:1
}
.cd-headline.clip span {
	display:inline-block;
	padding:.2em 0
}
.cd-headline.clip .cd-words-wrapper {
	overflow:hidden;
	vertical-align:top
}
.cd-headline.clip .cd-words-wrapper::after {
content:"";
position:absolute;
top:0;
right:0;
width:2px;
height:100%;
background:#aebcb9
}
.cd-headline.clip b {
	opacity:0
}
.cd-headline.clip b.is-visible {
	opacity:1
}
.loading {
	position:fixed;
	top:0;
	left:0;
	height:100%;
	width:100%;
	background:#fff;
	z-index:9999999
}
.loading .load-circle {
	margin:0 auto;
	width:50px;
	height:50px;
	line-height:50px;
	border-radius:50%;
	border-left:2px solid #199bd8;
	border-top:2px solid #199bd8;
	border-right:2px solid rgba(33, 33, 33, .1);
	border-bottom:2px solid rgba(33, 33, 33, .1);
	-webkit-animation:rotate 1.2s linear infinite;
	animation:rotate 1.2s linear infinite
}
@-webkit-keyframes rotate {
0% {
-webkit-transform:rotate(0);
transform:rotate(0)
}
100% {
-webkit-transform:rotate(360deg);
transform:rotate(360deg)
}
}
@keyframes rotate {
0% {
-webkit-transform:rotate(0);
transform:rotate(0)
}
100% {
-webkit-transform:rotate(360deg);
transform:rotate(360deg)
}
}
.button-top {
	position:fixed;
	right:20px;
	bottom:20px;
	z-index:99999;
	width:40px;
	height:40px;
	line-height:41px;
	text-align:center;
	background:#515a5f;
	color:#fff;
	border-radius:5px;
	opacity:.5;
	cursor:pointer;
-webkit-transition:all .5s;
transition:all .5s;
	display:none
}
.button-top:hover {
	opacity:.8
}
.navbar {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	z-index:999;
	padding:20px 0
}
.navbar .logo {
	width:250px;
	height:53px;
	line-height:40px;
	margin-right:15px
}
.navbar .menu-icon {
	color:#fff
}
.navbar .navbar-nav .nav-link {
	color:#eee;
	font-size:15px;
-webkit-transition:all .5s;
transition:all .5s
}
.navbar .navbar-nav .active {
	color:#199bd8!important
}
.nav-scroll {
	background:rgba(0,0,0,0.8);
	border-bottom:1px solid rgba(12, 12, 12, .04);
	position:fixed;
	top:0;
	left:0;
	width:100%;
-webkit-transition:all .5s;
transition:all .5s
}
.nav-scroll .menu-icon {
	color:#212121
}
.nav-scroll .navbar-nav .nav-link {
	color:#fff
}
.header {
	background-image:url(img/bg4.jpg);
	overflow:hidden;
	height:100vh
}
.header .v-middle {
	overflow:hidden;
	z-index:9
}
.header .caption {
	margin-top:50px
}
.header .caption img {
	width:100px;
	height:100px;
	background:0 0;
	margin-bottom:20px
}
.header .caption h1 {
	color:#fff;
	font-size:50px;
	font-weight:700;
	text-transform:uppercase;
	margin-bottom:10px
}
.header .caption h2 {
	color:#eee;
	font-size:18px;
	font-weight:500;
	line-height:1.2;
	margin-bottom:20px
}
.header .caption h2 b {
	font-weight:500
}
.header .caption .social-media span {
	color:#eee;
	background:rgba(117, 117, 117, .1);
	font-size:13px;
	height:30px;
	width:30px;
	line-height:31px;
	border:1px solid rgba(117, 117, 117, .2);
	border-radius:5px;
-webkit-transition:all .3s;
transition:all .3s
}
.header .caption .social-media span:hover {
	color:#fff;
	background:#199bd8
}
#particles-js {
	width:100%;
	height:100%;
	background:0 0;
	z-index:9
}
.about {
	overflow:hidden
}
.about .section-head {
	margin-bottom:20px
}
.about .section-head h3 {
	margin-bottom:5px
}
.about .intro .details {
	margin:20px 0
}
.about .intro .details .item {
	margin:5px 0
}
.about .intro .details .item .icon {
	margin-right:10px
}
.about .skills .prog-item {
	margin-bottom:25px
}
.about .skills .prog-item:last-child {
	margin-bottom:0
}
.about .skills .prog-item p {
	margin-bottom:5px
}
.about .skills .prog-item .skill-progress {
	position:relative;
	height:2px;
	width:100%;
	border-radius:5px;
	background:#eee
}
.about .skills .prog-item .skill-progress span {
	position:absolute;
	top:0;
	left:0;
	width:10%;
	height:100%;
	background:#199bd8;
	border-radius:5px;
	-webkit-transition:all 1s;
	transition:all 1s
}
.about .skills .prog-item .skill-progress span:after {
	content:attr(data-value);
	position:absolute;
	right:0;
	top:-23px;
	font-size:12px;
	color:#757575
}
.services {
	background:#f5f5f5;
	overflow:hidden
}
.services .item {
	background:#fff;
	padding:30px;
	border:1px solid #eee;
	border-radius:5px;
-webkit-transition:all .5s;
transition:all .5s
}
.services .item:hover {
	-webkit-box-shadow:0 12px 20px rgba(0, 0, 0, .15);
	box-shadow:0 12px 20px rgba(0, 0, 0, .15)
}
.services .item .icon {
	color:#199bd8;
	font-size:30px;
	margin-bottom:15px;
-webkit-transition:all .5s;
transition:all .5s
}
.counter {
	background-image:url(img/bg2.jpg);
	overflow:hidden;
	padding:80px 0
}
.counter .item .icon {
	color:#199bd8;
	font-size:30px;
	margin-bottom:5px
}
.counter .item .number {
	color:#199bd8;
	font-size:28px;
	font-weight:600;
	margin-bottom:5px
}
.counter .item h6 {
	color:#eee
}
.portfolio {
	background:#f5f5f5;
	overflow:hidden
}
.portfolio .filtering {
	margin-bottom:50px
}
.portfolio .filtering span {
	font-size:14px;
	letter-spacing:.5px;
	padding:6px 15px;
	background:#fff;
	border:1px solid #eee;
	border-radius:5px;
	margin:3px 1px;
	cursor:pointer;
-webkit-transition:all .5s;
transition:all .5s
}
.portfolio .filtering span.active {
	color:#fff;
	background:#199bd8
}
.portfolio .item-img {
	position:relative;
	z-index:1;
	overflow:hidden;
	padding:1px;
	border-radius:5px
}
.portfolio .item-img img {
	border-radius:5px
}
.portfolio .item-img .bottom-overlay, .portfolio .item-img .top-overlay {
	position:absolute;
	left:0;
	width:100%;
	height:75%;
	background:rgba(255, 255, 255, .8);
	z-index:2;
	opacity:0;
-webkit-transition:all .5s;
transition:all .5s
}
.portfolio .item-img .top-overlay {
	top:-75%
}
.portfolio .item-img .bottom-overlay {
	bottom:-75%
}
.portfolio .item-img:hover .top-overlay {
	top:0;
	opacity:1
}
.portfolio .item-img:hover .bottom-overlay {
	bottom:0;
	opacity:1
}
.portfolio .item-img .v-middle {
	z-index:3
}
.portfolio .item-img .overlay-info {
	opacity:0;
-webkit-transition:all .5s;
transition:all .5s
}
.portfolio .item-img .overlay-info h5 {
	margin-bottom:20px
}
.portfolio .item-img .overlay-info .icon {
	font-size:14px;
	color:rgba(33, 33, 33, .5);
	height:30px;
	width:30px;
	line-height:30px;
	border:1px solid rgba(33, 33, 33, .5);
	border-radius:5px;
	margin:0 2px;
-webkit-transition:all .5s;
transition:all .5s
}
.portfolio .item-img .overlay-info .icon:hover {
	color:#fff;
	background:#199bd8;
	border:1px solid #199bd8
}
.portfolio .item-img:hover .overlay-info {
	opacity:1
}
.testimonials {
	background-image:url(img/bg3.jpg);
	overflow:hidden
}
.testimonials .section-head h3 {
	color:#fff
}
.testimonials .icon {
	font-size:22px;
	color:#199bd8;
	background:#fff;
	width:60px;
	height:55px;
	line-height:55px;
	border:1px solid #fff;
	border-radius:10px;
	margin-bottom:50px;
	position:relative
}
.testimonials .icon:before {
	content:"";
	border-left:10px solid transparent;
	border-right:10px solid transparent;
	border-top:13px solid #fff;
	position:absolute;
	bottom:-13px;
	left:50%;
	-webkit-transform:translateX(-50%);
	transform:translateX(-50%)
}
.testimonials .item {
	margin-bottom:40px
}
.testimonials .item p {
	color:#eee;
	font-size:17px;
	line-height:2;
	margin-bottom:25px
}
.testimonials .item h5 {
	color:#199bd8;
	font-size:15px;
	margin-bottom:5px
}
.testimonials .item h6 {
	color:#eee;
	font-size:11px
}
.testimonials .owl-theme .owl-dots .owl-dot span {
	background:0 0;
	border:1px solid #eee;
	margin:0 3px
}
.testimonials .owl-theme .owl-dots .owl-dot span:hover {
	border:1px solid #199bd8
}
.testimonials .owl-theme .owl-dots .owl-dot.active span {
	background:#199bd8
}
.blog {
	background:#f5f5f5;
	overflow:hidden
}
.blog .post {
	overflow:hidden;
	background:#fff;
	border:1px solid #eee;
	border-radius:5px
}
.blog .post .post-img {
	overflow:hidden;
	border-top-left-radius:5px;
	border-top-right-radius:5px
}
.blog .post .post-img img {
-webkit-transition:all .5s ease-in-out;
transition:all .5s ease-in-out
}
.blog .post .post-img img:hover {
	-webkit-transform:scale(1.1, 1.1);
	transform:scale(1.1, 1.1)
}
.blog .post .post-info {
	position:relative;
	height:0
}
.blog .post .post-info .tag {
	height:30px;
	line-height:30px;
	padding:0 15px;
	background:#fff;
	color:#199bd8;
	font-size:12px;
	letter-spacing:.1px;
	border:1px solid #eee;
	border-radius:15px;
	position:absolute;
	top:-15px;
	left:50%;
	z-index:1;
	-webkit-transform:translateX(-50%);
	transform:translateX(-50%)
}
.blog .post .post-content {
	padding:45px 15px 30px
}
.blog .post .post-content p {
	margin-bottom:15px
}
.blog .post .post-content .rm-button {
	color:#199bd8;
	font-size:14px;
	letter-spacing:.5px
}
.blog .post .post-content .rm-button i {
	font-size:11px;
	margin-left:-15px;
	opacity:0;
	position:relative;
	right:0;
-webkit-transition:all .5s;
transition:all .5s
}
.blog .post .post-content .rm-button:hover i {
	opacity:1;
	right:-15px
}
.contact {
	padding-top:100px;
	overflow:hidden
}
.contact .form input, .contact .form textarea {
	width:100%;
	padding:10px;
	border:1px solid #eee;
	background:#f5f5f5;
	font-size:14px;
	border-radius:5px;
	-webkit-box-shadow:none;
	box-shadow:none
}
.contact .form textarea {
	height:160px;
	max-height:160px;
	max-width:100%
}
.contact .form input[type=submit] {
	display:inline-block;
	font-size:15px;
	letter-spacing:.5px;
	background:#199bd8;
	border:1px solid #199bd8;
	color:#fff;
	padding:8px 10px;
	width:140px;
	border-radius:5px;
	cursor:pointer;
-webkit-transition:all .5s;
transition:all .5s
}
.contact .form input[type=submit]:hover {
	opacity:.9;
	border:1px solid #fff
}
.contact .form .help-block {
	font-size:13px;
	text-align:left;
	color:#ff5050;
	margin-top:5px
}
.contact .form label{width:100%; text-align:left; font-size:12px; color:#f00;}
.contact .contact-info {
	margin-top:100px;
	padding:30px 0;
	background:#212121;
	border-top-left-radius:5px;
	border-top-right-radius:5px;
	position:relative
}
.contact .contact-info:after, .contact .contact-info:before {
	content:"";
	background:#333;
	width:15px;
	height:70px;
	position:absolute;
	bottom:0
}
.contact .contact-info:before {
	left:-15px;
	border-top-left-radius:5px
}
.contact .contact-info:after {
	right:-15px;
	border-top-right-radius:5px
}
.contact .contact-info .item {
	padding:0 15px;
	position:relative
}
.contact .contact-info .item:after {
	content:"";
	background:rgba(117, 117, 117, .3);
	width:1px;
	height:100%;
	position:absolute;
	right:0;
	bottom:0
}
.contact .contact-info .item:last-child:after {
	display:none
}
.contact .contact-info .item .icon {
	color:#199bd8;
	font-size:20px;
	margin-bottom:10px
}
.contact .contact-info .item h6 {
	color:#fff;
	font-size:14px;
	margin-bottom:5px;
	text-transform:uppercase
}
.contact .contact-info .item p {
	color:#eee;
	font-size:12px;
	letter-spacing:.5px
}
.footer {
	background:#212121;
	overflow:hidden
}
.footer .main-footer {
	padding:50px 0;
	overflow:hidden
}
.footer .main-footer .logo {
	width:180px
}
.footer .main-footer .social-media {
	margin-top:30px
}
.footer .main-footer .social-media span {
	color:#eee;
	background:rgba(117, 117, 117, .2);
	font-size:13px;
	height:30px;
	width:30px;
	line-height:31px;
	border:1px solid rgba(117, 117, 117, .2);
	border-radius:5px;
-webkit-transition:all .3s;
transition:all .3s
}
.footer .main-footer .social-media span:hover {
	color:#fff;
	background:#199bd8
}
.footer .copyright {
	font-size:14px;
	letter-spacing:.5px;
	padding:15px 0;
	border-top:1px solid rgba(117, 117, 117, .2);
	border-radius:5px
}
@media (max-width:991.98px) {
.mb-md-50 {
margin-bottom:50px
}
.mb-md-30 {
margin-bottom:30px
}
.contact-info .item:after {
display:none
}
.bg-prop {
background-attachment:scroll!important
}
}
@media (max-width:767.98px) {
.mb-sm-50 {
margin-bottom:50px
}
.navbar .container {
padding:0 15px
}
.navbar .navbar-toggler {
padding:0
}
.navbar .navbar-collapse {
background:#fff;
border-top:1px solid rgba(12, 12, 12, .04);
margin-top:5px
}
.navbar .navbar-nav {
padding-bottom:15px
}
.navbar .navbar-nav .nav-link {
color:#212121;
display:block;
padding:15px 15px 0
}
.nav-scroll .navbar-nav {
padding-bottom:0
}
.nav-scroll .navbar-nav .nav-link {
padding:15px 0 0
}
}