@charset "UTF-8";


.bg-static {
  background-color: #85c1e9;
  background-image: url("https://www.dropbox.com/s/v4u0mpzfplgjxaq/img-blog-background-move-scrolling-bg.png?raw=1");
  background-size: cover;
  background-position: center;
}
.bg-move {

}
.sgcircle{ font-size: 26px; color: blue; padding:0 5px;  }

#hobbies{ width:90%; margin: 60px auto 40px auto; border-radius: 10px;background: linear-gradient(-45deg, #7640c7, #0F8DBC, #56a88e, #8215ca);     background-size: 400% 310%;
    animation: gradient 16s ease infinite; }

.headbox {clip-path: polygon(0 0, 100% 0, 100% 64%, 0 80%); padding:30px; width:90%;  margin:5px auto;
	background: linear-gradient(-45deg, #d5d1e8, #a8fbcd, #f4e0c1, #fde0e0); height:678px;
	background-size: 400% 310%;
	animation: gradient 10s ease infinite;
	border-radius:10px;
}
.nav90{ width:90%; margin: auto; z-index: 99999999999999;}
.navbar-default .navbar-nav>li>a{color:#010148;}
@keyframes gradient {
	0% {
		background-position: 0% 50%;
	}
	50% {
		background-position: 100% 50%;
	}
	100% {
		background-position: 0% 50%;
	}
}

@media (min-width: 992px) 
{

	.main-title
	{
		display: inline-block;
		width: 80%;
	}

		.main-title__inner
		{
			display: table;
			width: 100%;
		}

			.main-title__inner > div
			{
				display: table-cell;
				vertical-align: middle;
			}

			.main-title__left 
			{
				width: 1%;
				padding-right: 60px;
				border-right: 1px solid;
			}

			.main-title__right
			{
				width: 99%;
				padding-left: 60px;
			}
}

@media (max-width: 991px)
{
	.main-title__left { text-align: left }

	.main-title__right { padding-top: 15px }
}

/*	#SECONDARY TITLE
/* ======================= */

.secondary-title__icon,
.secondary-title__text
{
	padding-right: 20px;
	width: 1px;
}

.secondary-title__line
{
	position: relative;
	width: 99%;
}

	.secondary-title__line::after
	{
		content: '';
		display: block;
		width: 100%;
		height: 0px;
		border-top: 1px solid;
		margin-top: 1px;
	}

@media (max-width: 767px)
{
	.secondary-title__icon,
	.secondary-title__text { padding-right: 15px; }
}

/*	#LINE TITLE
/* ======================= */

.widget-title::before
{
	content: '';
	display: inline-block;
	vertical-align: bottom;
	width: 40px;
	height: 2px;
}

/*	#TABS
/* ======================= */

.tab-content > .tab-pane 
{ 
	padding: 0;
	border: 0;
}

/* ========================================= */
/* $HOME SECTION                             */                        
/* ========================================= */

/* fullscreen parallax home */
.title-box 
{
	position: relative;
	text-shadow: 0 1px 1px;
	padding: 20px;
	margin: 10px;
	margin-bottom: 0;
}

	.title-box::after
	{
		content: '';
		display: block;
		position: absolute;
		top: -10px;
		right: -10px;
		bottom: -5px;
		left: -10px;
		border: 5px solid;
		border-bottom: 0;
	}

.profession-box { background-color: transparent !important; }

	.profession-box::after,
	.profession-box::before 
	{
		content: '';
		display: table-cell;
		border-top: 5px solid;
	}

	.profession-box .table-cell 
	{ 
		width: 1px; 
		white-space: nowrap;
	}

		.profession-box h5 
		{ 
			position: relative; 
			margin-left: 5px;
			margin-right: 5px;
			padding: 14px 14px;
		}

			.profession-box h5::after
			{
				content: '';
				display: block;
				position: absolute;
				top: 0px;
				right: -10px;
				bottom: -10px;
				left: -10px;
				border: 5px solid;
				border-top: 0;
			}

/* right image home */
#splitted-home .text-holder { padding-right: 80px; }

@media (max-width: 767px) 
{
	/* right image home */
	#splitted-home { height: auto !important; }

		#splitted-home .table-cell 
		{ 
			display: block; 
			text-align: center;
		}

			#splitted-home .text-holder { padding-right: 0; }
	
			#splitted-home img 
			{
				margin-top: 60px;
				margin-left: auto;
				margin-right: auto;
			}

	.specializations-list > li 
	{ 
		display: block;
		font-size: 13px;
	}

	.specializations-list > li + li { margin-top: 5px; }

	.specializations-list > li:nth-child(even) { display: none; }
}

/* ========================================= */
/* $PROFILE SECTION                          */                           
/* ========================================= */

.profile-image-holder img { margin-top: 0px; }

@media (max-width: 1199px)
{
	.photo-column-inner { width: 100%; }

		.profile-image-holder
		{
			width: 100%;
			max-height: 280px;
			padding: 0 25%;
			height: auto;
			-webkit-border-radius: 0;
			        border-radius: 0;
		}

	.story-column { padding-top: 40px; }
}

@media (max-width: 991px)
{
	.info-column { padding-top: 40px; }
}

.info-list > li
{
	padding: 1em 0;
	border-bottom-width: 1px;
	border-bottom-style: solid; 
}

.info-list > li:last-child { border-bottom: 0; }

/* ========================================= */
/* $HOBBIES SECTION                          */                           
/* ========================================= */

.hobbies-list > li 
{
	position: relative;
	line-height: 1;
	border: 3px solid;
	overflow: visible;
	cursor: pointer;
	z-index: 1;
}

.hobbies-list > li:hover + li { z-index: 0 }

	.hobby-description
	{
		position: absolute;
		top: -60px;
		right: -60px;
		bottom: -60px;
		left: -60px;
		text-align: left;
		cursor: auto;
		text-transform: none;
		padding: 40px;
		z-index: 10;
		opacity: 0;
		visibility: hidden;
		-webkit-transform: translateX(-20%);
		    -ms-transform: translateX(-20%);
		        transform: translateX(-20%);
		-webkit-transition: all 0.35s ease-in-out;
		        transition: all 0.35s ease-in-out;
	}

	.hobbies-list > li:hover .hobby-description
	{
		opacity: 1;
		visibility: visible;
		-webkit-transform: translateX(0%);
		    -ms-transform: translateX(0%);
		        transform: translateX(0%);
		-webkit-transition: all 0.35s ease-in-out;
		        transition: all 0.35s ease-in-out;
	}

	.hobbies-list > li > .inline-block
	{
		position: relative;
		top: 50%;
		-webkit-transform: translateY(-50%);
		    -ms-transform: translateY(-50%);
		        transform: translateY(-50%);
	}

/* ========================================= */
/* $RESUME SECTION                           */                          
/* ========================================= */

.timeline
{
	position: relative;
	padding-top: 20px;
}

	.timeline-rail
	{
		position: absolute;
		top: 0;
		bottom: 0;
		left: 218px;
		width: 0;
		border-left: 1px dashed; 
	}

	@media (max-width: 767px)
	{
		.timeline-rail { left: 8px; }
	}

		.timeline-rail::before,
		.timeline-rail::after
		{
			content: '';
			display: block;
			position: absolute;
			left: -3px;
			width: 5px;
			height: 5px;
			-webkit-border-radius: 5px;
			        border-radius: 5px;
		}

		.timeline-rail::before { top: -2px }
		.timeline-rail::after { bottom: -2px }

		.timeline-loader-btn
		{
			position: absolute;
			bottom: -13px;
			left: -13px; background: url(media/images/plus.png) no-repeat; 
			z-index: 2;
			display: inline-block;
			vertical-align: middle;
		}

	.timeline-items 
	{ 
		position: relative; 
		z-index: 1;
	}


		.custom-tooltip
		{
			position: relative;
			width: 150px;
			height: 45px;
			line-height: 45px;
			margin-right: 60px;
			padding-left: 45px;
			-webkit-border-radius: 2px;
			        border-radius: 2px;
		}

			.custom-tooltip::after
			{
				content: '';
				display: block;
				position: absolute;
				top: 18px;
				right: -4px;
				width: 0;
				height: 0;
				border-style: solid;
				border-width: 5px 0 5px 5px;
				border-top-color: transparent !important;
				border-right-color: transparent !important;
				border-bottom-color: transparent !important;
			}

			.custom-tooltip span
			{
				display: block;
				position: absolute;
				width: 45px;
				height: 45px;
				line-height: 45px;
				left: 0;
				top: 0;
			}

		.timeline-item-bullet
		{
			width: 17px;
			height: 17px;
			border: 2px solid;
			margin-right: 60px;
			-webkit-border-radius: 50%;
			        border-radius: 50%;
		}

		@media (max-width: 767px)
		{
			.timeline-item-bullet { margin-right: 30px; }
		}


		.timeline-box
		{
			width: 80px;
			height: 80px;
			margin-right: 30px;
			background-repeat: no-repeat;
			background-position: center;
			-webkit-border-radius: 3px;
			        border-radius: 3px;
		}

			.timeline-box span 
			{
				display: block;
				line-height: 60px;
			}

			.timeline-box small 
			{
				display: block;
				line-height: 20px;
			}


/* ========================================= */
/* $MILESTONES SECTION                       */                              
/* ========================================= */

.milestones-list li
{
	display: inline-block;
	width: 25%;
	padding: 60px 0;
	vertical-align: top;
}

@media (max-width: 767px)
{
	.milestones-list li { width: 50%; }
}

@media (max-width: 479px)
{
	.milestones-list li { width: 100%; }
}

	.milestones-list .in-millions::after { content: 'M'; }

/* ========================================= */
/* $SKILLS SECTION                           */                          
/* ========================================= */

.tabs-list li a
{
	width: 110px;
	height: 45px;
	line-height: 41px;
	padding: 0;
	border: 2px solid !important;
	margin-right: -2px;
}

.tabs-list li:first-child a
{
	-webkit-border-top-left-radius: 2px;
	        border-top-left-radius: 2px;
	-webkit-border-bottom-left-radius: 2px;
	        border-bottom-left-radius: 2px;
}

.tabs-list li:last-child a
{
	-webkit-border-top-right-radius: 2px;
	        border-top-right-radius: 2px;
	-webkit-border-bottom-right-radius: 2px;
	        border-bottom-right-radius: 2px;
}

@media (max-width: 767px)
{
	#skills .tabs-list,
	#skills .tabs-list li,
	#skills .tabs-list a
	{ width: 100%; }

		#skills .tabs-list a { margin-bottom: -1px; }
}

.skills-list { margin-top: -30px !important; }
	
	.skills-list > div { margin-top: 30px; }

	@media (max-width: 991px)
	{
		.skills-list > div { text-align: left; }
	}
	
		.skill-meter 
		{
			display: table;
			width: 100%;
			border-spacing: 10px;
			border-collapse: separate;
			margin-left: -10px;
		}

			.skill-meter > div
			{
				display: table-cell;
				width: 20%;
				height: 16px;
				-webkit-transform: skew(-20deg, 0deg);
				    -ms-transform: skew(-20deg, 0deg);
				        transform: skew(-20deg, 0deg);
				-webkit-border-radius: 3px;
				        border-radius: 3px;
			}

/* ========================================= */
/* $SERVICES SECTION                         */                            
/* ========================================= */

.services-list { margin-top: -40px; }

	.services-list > div 
	{ 
		padding: 0 30px; 
		margin-top: 40px;
	}

		.services-list > div:nth-child(odd) .service-icon { margin-left: 30px; }
		.services-list > div:nth-child(even) .service-icon { margin-right: 30px; }

		@media (max-width: 991px)
		{
			.services-list > div { padding: 0 15px; }
			.services-list > div:nth-child(odd) { text-align: left; }

			.services-list > div:nth-child(odd) .service-icon 
			{ 
				margin-left: 0px; 
				margin-right: 30px;
				float: left !important;
			}
		}

/* ========================================= */
/* $PROCESS SECTION                          */                           
/* ========================================= */

.horizontal-rail
{
	position: relative;
	width: 100%;
	min-height: 1px;
	margin-left: 2px;
	margin-right: 2px;
	border: 1px dashed;
	top: 107px;
}

	.horizontal-rail::after,
	.horizontal-rail::before
	{
		content: '';
		position: absolute;
		display: block;
		width: 6px;
		height: 6px;
		top: -3px;
		-webkit-border-radius: 6px;
		        border-radius: 6px;
	}

	.horizontal-rail::after  { left: -2px; }
	.horizontal-rail::before { right: -2px; }

.process-list { margin-top: -40px; }

	.process-list .md-rounded-box 
	{ 
		border: 2px solid;
		margin-top: 40px;
		-webkit-box-shadow: 0 0 0 2px rgba(0, 0, 0, 0.05);
		        box-shadow: 0 0 0 2px rgba(0, 0, 0, 0.05); 
	}

	.process-list span
	{
		display: block;
		vertical-align: middle;
		width: 17px;
		height: 17px;
		margin: 17px auto;
		line-height: 17px;
		font-size: 10px;
		-webkit-border-radius: 50%;
		        border-radius: 50%;
	}

/* ========================================= */
/* $PORTFOLIO SECTION                        */                             
/* ========================================= */

.shuffle-filter li.active a,
.shuffle-filter li a:hover {  }
.shuffle-filter li { border:1px solid #efefef; padding:15px; border-radius:5px;}
.shuffle-filter li a > i{ font-size:34px; padding:3px 0; }
.shuffle-filter li:hover{border:1px solid #03F;  padding:15px;}
/* ========================================= */
/* $CLIENTS SECTION                          */                           
/* ========================================= */

.clients-list { margin-top: -30px; }

	.clients-list a
	{
		display: inline-block;
		width: 100%;
		max-width: 300px; 

		margin-top: 30px;
		vertical-align: middle;
		background-repeat: no-repeat;
		background-position: center;
		-webkit-transition: all 0.35s ease-in-out;
		        transition: all 0.35s ease-in-out;
	}
	.clients-list a:hover 
	{ 
		-webkit-box-shadow: 0 0 0 3px rgba(0, 0, 0, 0.15); 
		        box-shadow: 0 0 0 3px rgba(0, 0, 0, 0.15); 
	}

		.clients-list a::after
		{
			content: '';
			display: block;
			width: 100%;
			padding-bottom: 75%;
		}

/* ========================================= */
/* $TESTIMONIALS SECTION                      */                               
/* ========================================= */	

.testimonial-header a
{
	border: 2px solid;
	line-height: 36px;
}

.quovolve-nav
{
	position: fixed;
	top: -9999px;
	left: -9999px;
	z-index: -100;
}

/* ========================================= */
/* $CONTACT SECTION                          */                           
/* ========================================= */

.contact-tabs-holder { border-bottom: 2px solid; }

	.contact-tabs-list { margin-bottom: -2px; }

.form-list { margin-top: -30px; }

	.form-list > div { margin-top: 30px; }

	.form-list > div label { padding-top: 0px; }

		.form-control
		{
			font-family: inherit;
			color: inherit;
			border-width: 2px;
		}

		input.is_legit { display: none; }

		.captcha-holder
		{
			padding-left: 20px;
			margin-right: 30px;
		}

			.captcha-holder input
			{
				display: inline-block;
				width: 24px;
				height: 48px;
				text-align: center;
				vertical-align: middle;
			}

			.captcha-holder .captcha
			{
				width: 48px;
				height: 48px;
				margin-left: 20px !important;
			}

		@media (max-width: 479px)
		{
			input[type="submit"] { margin-top: 30px; }
			.myintro{ padding:40px 10px 15px 15px !important;}
		}
		
		.myintro{ padding:150px 10px 15px 80px;  font-weight:300 !important;  color:#ffffff; margin:0px; font-size:29px;}
		.myname{ color:#010148; font-weight:600; font-size:50px; padding:5px 0; }
		.coloryellow{ color:#4C5068; padding:0; font-weight: 100;}
		.txt20px{ font-size:23px;}
		.socialtxtintro a{ color:#FFF !important; text-align:center !important;}
		.minH90{ min-height:90px;}
		.subtitle{ font-size: 24px; font-weight: 100; line-height: 34px;}
.bluelight{ color:#6C63FF;}
		
.arrow-down{
    margin:35px 0; padding:5px 0 0 0; color:#010148; font-size:13px;
    width: 100px;
    height: 60px;
    overflow: hidden;
    position: relative;
    cursor: pointer;
}
.arrow-down a{ color:#6C63FF;}
.arrow-down a:hover{ color:#fff !important;}
.arrow-down:after,.arrow-down:before{
    content: '';
    position: absolute;
    bottom:25px;
    left: 0;
    width: 100px;
    height: 100px;
    -webkit-transform: rotateZ(45deg);
       -moz-transform: rotateZ(45deg);
        -ms-transform: rotate(45deg);
         -o-transform: rotateZ(45deg);
            transform: rotateZ(45deg);
    border:1px solid #6C63FF;
    z-index: 2;

     moz-transition: all 0.4s ease-out 0s;
    -o-transition: all 0.4s ease-out 0s;
    -webkit-transition: all 0.4s ease-out 0s;
    -ms-transition: all 0.4s ease-out 0s;
    transition: all 0.4s ease-out 0s;

}
.arrow-down:before{
    bottom: 135px;
    border:none;
}
.arrow-down:hover:before{
    bottom:30px; 
}
.arrow-down:hover:after{
    bottom: 20px;
}
.arrow-down span{
    position: relative;
    z-index: 3;

}
.arrow-down:before{
    background: #6C63FF;
}