/*font-family: -apple-system,system-ui,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;*/
/* General Style */
body {
	color: rgba(255,255,255,0.85);
	font-size: 1.5rem;

}
a{
	color:rgb(67, 83, 255);
}
a:focus, a:hover {
	color:rgba(67, 83, 255,0.75);
	text-decoration:none;
}

.section-title {
	margin-bottom: 2.4rem;
	text-align: center;
}

.fade-image img {
	margin: 10px 20px 10px 0px;
	opacity: 0.6;
}

.light-color {
	color: #444;
}

.btn-outline-primary{
	color: #4353ff;
    border-color: #4353ff;
}
.btn-outline-primary:hover{
background-color: #4353ff;
    border-color: #4353ff;
}
.btn-outline-primary.active, .btn-outline-primary:active, .show>.btn-outline-primary.dropdown-toggle{
background-color: #4353ff;
    border-color: #4353ff;

}


/* set visibility hidden */
#canvas, #shooting-stars div, #navigation-top, #typed-bulletin , #brief-contact, .animate-on-scroll h2, .animate-on-scroll p, #marketing-seo img, #marketing-seo .col-12, #marketing-content img, #marketing-content .col-12{
	visibility: hidden;
}


/* utilities - buttons with border animates */
.svg-wrapper {
	position: relative;
	top: 50%;
	transform: translateY(-50%);
	margin: 80px auto 0;
	width: 320px;
}
.svg-wrapper.white{
	margin: 0px;
	transform: translateY(-85%);
	display: inline-block;
}
.svg-wrapper svg, .svg-wrapper .shape, .svg-wrapper .text {
	cursor: pointer;
}
.shape {
	stroke-dasharray: 140 540;
	stroke-dashoffset: -460;
	stroke-width: 6px;
	fill: transparent;
	stroke: #4353ff;
	border-bottom: 5px solid #4353ff;
	transition: stroke-width 1s, stroke-dashoffset 1s, stroke-dasharray 1s;
}
.svg-wrapper.white .shape{
	stroke: rgba(255,255,255,0.7);
	border-bottom: 5px solid rgba(255,255,255,0.7);
	transition: stroke-width 1.5s, stroke-dashoffset 1.5s, stroke-dasharray 1.5s;
}
.svg-wrapper:hover .shape{
	fill: rgba(255,255,255,0.15);
}

.text {
	font-size: 22px;
	line-height: 32px;
	letter-spacing: 3px;
	top: -47px;
	position: relative;
	text-align: center;
	color: #4353ff;
	fill:#4353ff;
		display:block;
}
.svg-wrapper.white .text{
	color:rgba(255,255,255,0.7);
	letter-spacing: 1px;
	top:-50px;
	fill:rgba(255,255,255,0.7);
}
.svg-wrapper:hover .shape {
	stroke-width: 2px;
	stroke-dashoffset: 0;
	stroke-dasharray: 760;
}
.svg-wrapper.white.animate .shape{
	stroke-width: 2px;
	stroke-dashoffset: 0;
	stroke-dasharray: 760;
}
@media (min-width: 768px) {
	.svg-wrapper {
		margin: 80px auto 0;
		transform: translateY(-50%);
	}
	.svg-wrapper.white{
		margin: 0px 20px 50px 0px;
		transform: translateY(-70%);
	}
}

/* End - Utilities - buttons with border animates */

/* navigation ----------------------------------------------------------------------------- */

#navigation-top-wrapper, #logo-animated-wrapper {
	background-color: #030020;
}
#navigation-top, #navigation-top a {
	font-size: 1.05rem;
}
.navbar-nav{
margin-top: 1rem;
    margin-bottom: -0.5rem;
}
.navbar {
	padding: .8rem 0rem 1rem;
}
.navbar-brand {
	margin-right: 2%;
}
.navbar-brand img{
	width:170px;
}
@media (min-width: 400px) {
	.navbar-brand img{
		width:auto;
	}
}
@media (min-width: 1400px) {
	.navbar-brand {
		margin-right: 8%;
	}
	.container-fluid {
		padding-right: 50px;
		padding-left: 50px;
	}
}
.nav-link {
	padding: 0em 1em 0.5em;
}
.nav-link .fa-home {
	font-size: 1.3rem;
}
@media (min-width: 992px) {
	.navbar-toggleable-md .navbar-nav .nav-link {
		padding-right: .8rem;
		padding-left: .8rem;
	}
}
#navigation-top .dropdown-menu {
	margin: 0;
	left: -32px;
}
#navigation-top .dropdown-menu a {
	font-size: 1rem;
}
.dropdown-item:focus, .dropdown-item:hover{
background-color: #e8e7e7;
color: #292b2c;
}
.dropdown-menu-arrow {
	width: 0;
	height: 0;
	border-left: 7px solid transparent;
	border-right: 7px solid transparent;
	border-bottom: 7px solid rgb(255, 255, 255);
	margin: -15px 0px 6px 40%;
}
.navbar-light .navbar-nav .nav-link {
	color: rgba(255,255,255,.9);
}
.navbar-light .navbar-nav .active>.nav-link, .navbar-light .navbar-nav .nav-link.active, .navbar-light .navbar-nav .nav-link.open, .navbar-light .navbar-nav .open>.nav-link, .navbar-light .navbar-nav .nav-link:focus, .navbar-light .navbar-nav .nav-link:hover {
	color: rgb(255,3,48);
}

.navbar-light .navbar-toggler{
	border-color: #fff;
	outline: 0px;
}

.navbar-light .navbar-toggler-icon{
	background-image:url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(255, 255, 255, 0.9)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 8h24M4 16h24M4 24h24'/%3E%3C/svg%3E");
}
@media (min-width: 992px) {
	.navbar-nav li.dropdown:hover > .dropdown-menu , .dropdown-menu:hover{
		display: block;    
	}
}
/* End - navigation */


/* footer ----------------------------------------------------------------------------------- */


#footer {
	background-color: #000;
	color:#fff;
	padding:2rem 0rem 2rem;
	font-size: 1.1rem;
}

@media (min-width: 992px) {
	#footer {
		padding:6rem 0rem 2rem;
	}
}
#footer h4:first-child{
	color:rgb(255,3,48);
}
#footer h4 span{
	font-size:1.05rem;
	margin-left:1px;
	color:white;
}
#footer .footer-content{
	margin-top:2rem;
}
#footer .footer-content > .col-12{
	margin-top:3rem;
}
#footer .footer-content h5{
	line-height:1.6;
}
#footer .copyright{
	padding-top:10px;
	font-size:0.9rem;
	color:rgba(255,255,255,0.65);
}
#footer .fa {
	padding: 11px 0px 11px 0px;
    color: rgba(255,255,255,0.7);
    width: 30px;
    height: 40px;
	
}

#footer .contact-details{
	display: none;
}
#footer .contact-details .form-group:last-child{
	margin-bottom:-6rem;
}
#contact, #web-development-logos {
	padding-top: 40px;
	padding-bottom: 50px;
}
.form-group{
	margin-bottom: 0.5rem;
}
.form-control{
color:#fff;
}
.form-control:focus {
	border-color: rgba(67, 83, 255, 0.8);
}
.border-bottom-animate {
	position: relative;
	height: 3.5rem;
	margin-bottom: 0.5rem;
}
.border-bottom-animate label {
	position: absolute;
	z-index: 0;
	color: rgba(255,255,255,0.35);
	margin-top: 1.5rem;
	-webkit-transition: all 0.2s ease;
	-o-transition: all 0.2s ease;
	transition: all 0.2s ease;
	font-size: 1rem;
}
.border-bottom-animate.border-bottom-active label {
	font-size: 0.7rem;
	margin-top: 0.1rem;
	color: #4353ff;
}
.border-bottom-animate input {
	border-radius: 0px;
	border-color: rgba(255,255,255,.25)!important;
	border-left: 0px;
	border-right: 0px;
	border-top: 0px;
	position: absolute;
	z-index: 1;
	background: transparent!important;
	margin-top: 1.194rem;
	padding-left: 0px;
	padding-right: 0px;
	color:#fff!important;
}
.border-bottom-animate:after {
	position: absolute;
	bottom: 0px;
	left: 0%;
	height: 1px;
	width: 00%;
	background-color: #4353ff;
	display: block;
	content: '';
	transition: 0.5s;
}
.border-bottom-animate.border-bottom-active:after {
	left: 0px;
	width: 100%;
}


/* End - footer */


/* CTA's ------------------------------------------------------------------------------------- */

#CTA{
	padding-top:2rem;
	padding-bottom:2rem;
	background-color: #4353ff;
	color:#fff;
}
@media (min-width: 992px) {
	#CTA{
		padding-top:5rem;
		padding-bottom:5rem;
	}
}
#CTA h2{
	font-size:2.7rem;
		margin-bottom:30px;
}

/* End - CTA's */


/* homepage ------------------------------------------------------------------------------------ */

/* #section-top */
#section-top {
	background-color:rgba(3, 0, 32,0.98);
}

/* ui strategic logo animate */
#logo-animated {
	padding-top: 33%;
}
#logo-animated path{
	fill:none;
}
#svg-u {
	width: 66%;
	animation: animateUI 1.8s ease-out forwards;
}
#svg-i {
	width: 23%;
	animation: animateUI 1.8s ease-out forwards;
}

@media (min-width: 500px) {
	#svg-u {
		width: 66%;
	}
	#svg-i {
		width: 23%;
	}
}

@media (min-width: 768px) {
	#svg-u {
		width: 70%;
	}
	#svg-i {
		width: 24.5%;
	}
}

@media (min-width: 992px) {
	#svg-u {
		width: 71%;
	}
	#svg-i {
		width: 25%;
	}
}
.logo-animated-left {
	margin-left: 35%;
	width: 23%;
	display: inline-block;
	animation: animateLeft 0.6s ease-in 2.1s forwards;
}
#svg-strategic {
	stroke: rgba(255,255,255,0.7);
	fill: rgba(255,255,255,0.4);
	width: 75%;
	animation: animateStrategic 0.6s linear 3.0s forwards;
	display: inline-block;
	opacity: 0;
}
 @keyframes animateUI {
	0% {
		 stroke:rgba(255,3,48,0);
		 stroke-dashoffset:150;
		 stroke-dasharray: 150;
	}
	100% {
		 stroke-dashoffset:100;
		 stroke-dasharray: 0;
		 stroke:rgb(255,3,48);
	}
}
@keyframes animateLeft {
 0% {
 margin-left:35%;
}
 100% {
 margin-left:0%;
}
}
 @keyframes animateStrategic {
 0% {
 opacity:0;
}
 100% {
 opacity:1;
}
}

.form-inline .form-search{
	width:auto;
}
	
@media (min-width: 100px) {
	.form-inline .form-search{
		width:auto;
	}
}

@media (min-width: 992px) {
	.form-inline .form-search{
		width:120px;
	}
}

@media (min-width: 1200px) {
	.form-inline .form-search{
		width:auto;
	}
}


/* #Canvas - sky stars */
#canvas {
	position: absolute;
	top: 0;
	right: 0;
	left: 0;
	z-index: 0;
	background: linear-gradient(217deg, rgba(0,0,0,.8), rgba(0,0,0,0) 70.71%),
      linear-gradient(127deg, rgba(3,0,32,.98), rgba(0,255,0,0) 70.71%),
      linear-gradient(366deg, rgba(255,3,48,0.5), rgba(255,3,248,0) 50.71%);
	width:100%;
	height:100%;
}

/*  #shooting-stars */
@keyframes particleAnimation
{
    from {
		left: 2000px;
        
    }
    to {
       left: -100px;
    }
}
.p{
  position:fixed;
  left:0px;
  top:50px;
  width:1px;
  height:1px;
  background-color:white;
  animation-name:particleAnimation;
  animation-timing-function: linear;
  animation-iteration-count: infinite;
	z-index:1;
	padding:0px!important;
}
.p::before{
  position:absolute;
  display:block;
  content:"";
  width:100px;
  left:1px;
  top:0px;
  height:1px;
  background: linear-gradient(to left, rgba(0,0,0,0) 0%,rgba(255,255,255,0.4) 100%); 

}
.p-1{
  animation-duration:10s;
	top:7%;
}
.p-2{
  animation-duration:5s;
  top:30%;
}
.p-3{
  animation-duration:8s;
  top:50%;
}
.p-4{
  animation-duration:20s;
  top:75%;
}


/* Type bulletin */
#typed-bulletin-parent{
transform-style: preserve-3d;
}
#typed-bulletin{
transform: translateZ(20px);
height:400px;
margin-top:35%;
}
#brief-contact{
margin-top:-200px;
}

/* Section - #hello-intro */

#hello-intro{
	margin-top:3rem;
	margin-bottom:3rem;
	color:#000;
}
@media (min-width: 768px) {
	#hello-intro{
		margin-top:3rem;
		margin-bottom:10rem;
	}
}
.homepage-intro-details{
	margin-top:3rem;
}
@media (min-width: 992px) {
	.homepage-intro-details{
		margin-top:6rem;
	}
}
.homepage-intro-details .row .col-12{
	padding-top: 0.5rem;
	padding-bottom:0rem;
	margin-bottom:1.8rem;
	-webkit-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	transition: all 0.5s ease;
}
.homepage-intro-details .row .col-12:hover{
   
    padding-bottom: 1.8rem;
    margin-bottom: 0rem;
}
.homepage-intro-details .row .col-12 .btn{
	visibility:hidden;
	padding: .4rem 0.9rem;
}
.homepage-intro-details .row .col-12:hover .btn{
	visibility:visible;
}

@media (min-width: 100px) {
	.homepage-intro-details .row .col-12 .btn{
		visibility:visible;
	}
}
@media (min-width: 992px) {
	.homepage-intro-details .row .col-12 .btn{
		visibility:hidden;
	}
	.homepage-intro-details .row .col-12{
		padding-bottom:0rem;
		margin-bottom:0.8rem;
	}
	.homepage-intro-details .row .col-12:hover{
		padding-bottom: 0.8rem;
		margin-bottom: 0rem;
		 box-shadow: 10px 0px 10px 0px;
    -webkit-box-shadow: 0px 0px 30px 0px rgba(67,83,255,0.3);
    -moz-box-shadow: 0px 0px 30px 0px rgba(67,83,255,0.3);
    box-shadow: 0px 0px 30px 0px rgba(67,83,255,0.3);
	}
}
.homepage-intro-details p {
	font-size:1.25rem;
	margin-bottom: 0.2rem;
}
.homepage-intro-details a strong{
	-webkit-transition: all 0.2s ease;
	-o-transition: all 0.2s ease;
	transition: all 0.2s ease;
	display:inline-block;
	position:relative;
	color:#000;
}
/*
.homepage-intro-details a strong:before{
	position: absolute;
	bottom: -2px;
	left: 50%;
	height: 1px;
	width: 00%;
	background-color: #000;
	display: inline-block;
	content: '';
	transition: 0.5s;
}
.homepage-intro-details p:hover a strong{
	transform: scale(1.05);
}
.homepage-intro-details p:hover a strong:before{
	left: 0px;
	width: 100%;
}
*/
/* partners */

#partners{
	background-color:#e8e7e7;
	padding-top:2rem;
	padding-bottom:3rem;
	color:#000;
}
.partners-row .col-12{
	padding-top:3rem;
}
#img-vastasys{
	margin-top:20px;
}
#img-ideapulp{
	margin-top:15px;
}

/* about us */

#about-us{
	margin-top:2rem;
	margin-bottom:3rem;
	color:#000;
}

@media (min-width: 992px) {
	#about-us{
		margin-top:5rem;
		margin-bottom:7rem;
	}
}
#about-us p{
	font-size:1.35rem;
}
/* End - homepage */






.animate-on-scroll h2 {
	font-size: 4rem;
	overflow: hidden;
	line-height: 1.5;
}
.animate-on-scroll h2 > span {
	display: inline-block;
}
#web-development-logos {
	/*   background-color: #000;
	    background-image: -webkit-linear-gradient(135deg, rgba(67, 83, 255, 0) 40%, rgba(67, 83, 255, .25));
    background-image: linear-gradient(315deg, rgba(67, 83, 255, 0) 40%, rgba(67, 83, 255, .25));*/
	background-color: #4353ff;
}


/* web design */
#web-design-intro {
	color: #111;
	padding-top: 7rem;
	padding-bottom: 3rem;
	background-image: url('../images/design/atomic-design.jpg');
    background-repeat: no-repeat;
    background-position: right 300px bottom;
}

@media (min-width: 100px) {
	#web-design-intro {
		background-image: none;
	}
}

@media (min-width: 768px) {
	#web-design-intro {
		background-position: right 0px bottom;
		background-image: url('../images/design/atomic-design.jpg');
	}
}

@media (min-width: 992px) {
	#web-design-intro {
		background-position: right 0px bottom;
		padding-top: 10rem;
		padding-bottom: 10rem;
	}
}

@media (min-width: 1200px) {
	#web-design-intro {
		background-position: right 70px bottom;
	}
}

@media (min-width: 1400px) {
	#web-design-intro {
		background-position: right 150px bottom;
	}
}

@media (min-width: 1600px) {
	#web-design-intro {
		background-position: right 260px bottom;
	}
}
@media (min-width: 1800px) {
	#web-design-intro {
		background-position: right 300px bottom;
	}
}
#web-design-intro p{
	background-color: rgba(255,255,255,0.75);
}


#features {

	background-color:#fff;
		-webkit-transition: all 1s ease-out;
	-moz-transition: all 1s ease-out;
	-o-transition: all 1s ease-out;
	transition: all 1s ease-out;
	color:#fff;
	
}

#features .container-wrapper{
	background-color:#000;
	-webkit-transition: all 1s ease-out;
	-moz-transition: all 1s ease-out;
	-o-transition: all 1s ease-out;
	transition: all 1s ease-out;
	width: 70%;
	margin:0 auto;
	padding-top: 3rem;
	padding-bottom: 3rem;
	min-height:944px;
}
@media (min-width: 100px) {
	#features .container-wrapper{
		width: 100%;
	}
}
@media (min-width: 1200px) {
	#features .container-wrapper{
		width: 85%;
	}
}
@media (min-width: 1400px) {
	#features .container-wrapper{
		width: 80%;
	}
}

@media (min-width: 1600px) {
	#features .container-wrapper{
		width: 70%;
	}
}
@media (min-width: 1800px) {
	#features .container-wrapper{
		width: 70%;
	}
}
.features-ul {
	position: relative;
	padding: 0;
	margin: 0;
	list-style: none;
}
.features-ul:before {
	content: '';
	display: block;
	border-bottom: 1px solid #4353ff;
	margin: 115px 0 -65px;
}
.features-ul .feature {
	display: inline-block;
	height: 160px;
	position: relative;
	margin: 0 15px;
	-webkit-transition: all 200ms ease-out;
	-moz-transition: all 200ms ease-out;
	-o-transition: all 200ms ease-out;
	transition: all 200ms ease-out;
}
.features-ul .feature a {
	display: table-cell;
	vertical-align: middle;
	width: 130px;
	height: 130px;
	background-color: rgb(52, 53, 56);
	color: rgba(255,255,255,0.75);
	font-size: 1.1rem;
	font-weight: 700;

	border-radius: 50%;
	overflow: hidden;
	text-decoration: none;
	-webkit-transition: all 200ms ease-out;
	-moz-transition: all 200ms ease-out;
	-o-transition: all 200ms ease-out;
	transition: all 200ms ease-out;
}
.features-ul .feature.active {
	top: -15px;
}
.features-ul .feature.active a {
	height: 160px;
	width: 160px;
	background: #4353ff;
	font-size: 1.2rem;
	color: #FFF;
	border: 1px solid #4353ff;
}
#features .feature-details, #features .feature-details .row{
	-webkit-transition: all 0.5s ease-out;
	-moz-transition: all 0.5s  ease-out;
	-o-transition: all 0.5s  ease-out;
	transition: all 0.5s  ease-out;
}

#features .feature-details h3{
	margin-bottom:0.9rem;

}
#features .feature-details p{
	color:rgba(255,255,255,0.5);
	font-size:1.15rem;
}
.feature-details > div {
	display: none;
	padding-top: 20px;
	padding-bottom: 20px;
	
}

@media (min-width: 768px) {
	.feature-details > div {
		padding-top: 40px;
		padding-bottom: 50px;
	}
	.justify-content-md-center h3, .justify-content-md-center p{
		text-align:center;
	}
}
@media (min-width: 992px) {
	
	.feature-details > div  .col-12{
		padding-top:3rem;
	}
	.feature-details #feature-mobile .col-12{
		padding-top:1.5rem;
	}
}
/* Our Process */

#our-process {
	color: #111;
	padding-bottom: 50px;
}

@media (min-width: 1400px) {

	#our-process .container-fluid {
		padding-right: 15px;
		padding-left: 15px;
	}
}

#our-process .our-process-step h2{margin-bottom: 0.9rem;}

#our-process .our-process-step p, #our-process .our-process-step ul{font-size:1.25rem;}

.vertical-line-hidden {
	max-height: 450px;
	height: 450px;
	text-align: center;
}


.vertical-line-hidden span{
	display: inline-block;
	height: 450px;
	-webkit-transform: scale(0);
	transform: scale(0);
	-webkit-transform-origin: center top;
	transform-origin: center top;
	-webkit-transition: -webkit-transform .9s;
	transition: -webkit-transform .9s;
	transition: transform .9s;
	transition: transform .9s, -webkit-transform .9s;
	background: #000;
	margin: 0 auto;
	width: 1px;
}
.vertical-line-hidden span.vlh-1{
	   -ms-transform: rotate(20deg) scale(0); /* IE 9 */
    -webkit-transform: rotate(20deg) scale(0); /* Chrome, Safari, Opera */
    transform: rotate(20deg) scale(0);
	height: 250px;
	margin-right:-20px;
}

.vertical-line-hidden span.vlh-3{
	   -ms-transform: rotate(-20deg) scale(0); /* IE 9 */
    -webkit-transform: rotate(-20deg) scale(0); /* Chrome, Safari, Opera */
    transform: rotate(-20deg) scale(0);
	height: 250px;
	margin-left:-20px;
}

.vertical-line-hidden span.animate.vlh-2{
	-webkit-transform: scale(1);
	transform: scale(1);
}

.vertical-line-hidden span.animate.vlh-1{
	   -ms-transform: rotate(20deg) scale(1); /* IE 9 */
    -webkit-transform: rotate(20deg) scale(1); /* Chrome, Safari, Opera */
    transform: rotate(20deg) scale(1);
}

.vertical-line-hidden span.animate.vlh-3{
	   -ms-transform: rotate(-20deg) scale(1); /* IE 9 */
    -webkit-transform: rotate(-20deg) scale(1); /* Chrome, Safari, Opera */
    transform: rotate(-20deg) scale(1);
}

.animate-number {
	font-size: 5rem;
}
.animate-number span:first-child {
	display: inline-block;
	margin-bottom: 0.55rem;
	position: relative;
}

.padding-top-bottom {
	padding-top: 20px;
	padding-bottom: 20px;
}

@media (min-width: 992px) {
	.padding-top-bottom {
		padding-top: 70px;
		padding-bottom: 70px;
	}
}

.padding-left-right-extra {
	padding-left: 30px;
	padding-right: 30px;
}
.padding-left-remove {
	padding-left: 0px;
}
.padding-right-remove {
	padding-right: 0px;
}
.padding-top-bottom h2 {
	text-align: left;
}
.padding-top-bottom img {
	width: 100%;
	margin-top:2rem;
}

@media (min-width: 1400px) {
	.padding-left-right-extra{
		padding-left: 100px;
		padding-right: 100px;
	}
}


/* End - Web Design */




/* Development Page */
#web-development{
background-color:#1a1b1f;
    padding-top: 7rem;
    padding-bottom: 0rem;
	color:#fff;
}
@media (min-width: 992px) {
	#web-development{
		padding-top: 10rem;
		padding-bottom: 10rem;
	}
}
@media (max-width: 768px) {
	#web-development .animate-on-scroll h2{
		font-size:3rem;
	}
}


.development-content .col-12{
	margin-top:1rem;
	margin-bottom:2rem;
}
@media (min-width: 768px) {
	.development-content .col-12{
		margin-top:3rem;
		margin-bottom:2rem;
	}
}
.development-content h2{
	color:rgba(255,255,255,0.9);
	-webkit-transition: all 0.2s ease;
	-o-transition: all 0.2s ease;
	transition: all 0.2s ease;
}

.development-content p, .development-content ul{
	color:#888;
	font-size:1.2rem;
}
.development-content strong{
	color:rgb(216,216,216);
}

@media (min-width: 100px) {
	.development-content .col-12 h2{
		font-size:3rem;
		margin-bottom:1.3rem;
	}
}

@media (min-width: 768px) {
	.development-content .col-12 h2{
		font-size:2rem;
		margin-bottom:2.4rem;
	}
	.development-content .col-12:hover h2{
		font-size:3rem;
		margin-bottom:1.38rem;
	}
}

/* End - Development page */

/* digital marketing */
#marketing-intro{
	padding-top: 7rem;
    padding-bottom: 2rem;
	color:#000;
	background-color:rgb(238, 240, 243);
}
@media (min-width: 992px) {
	#marketing-intro{
		padding-top: 10rem;
		padding-bottom: 5rem;
	}
}
#marketing-methods{
	background-color:rgb(238, 240, 243);
	font-size:1.25rem;
	color:#000;
}
#marketing-methods img {
	border: 7px solid rgb(255,3,48);
	border-radius: 50%;
	width:160px;
	height:160px;
}
#marketing-methods .row {
	padding-bottom: 2rem;
}
@media (min-width: 768px) {
	#marketing-methods .row {
		padding-bottom: 5rem;
	}
}
#marketing-methods h2 {
	margin-bottom: 15px;
}

#marketing-ppc-details{
	font-size:1.25rem;
	color:#000;
}
#marketing-content ul, #marketing-ppc ul{
	color:#444;
}


#marketing-ppc-details .col-12{
	border-left:2px solid rgb(238, 240, 243);
	padding:2rem 2rem 1rem 2rem;
}
@media (min-width: 768px) {
	#marketing-ppc-details .col-12{
		padding:3rem 2rem 3rem 2rem;
	}
}

#marketing-ppc-details .col-12:first-child{
	border-left:0px;
}

#marketing-reporting{
	padding-top: 2rem;
    padding-bottom: 2rem;
	background-color:rgb(238, 240, 243);
	font-size:1.25rem;
	color:#000;
}
@media (min-width: 992px) {
	#marketing-reporting{
		padding-top: 7rem;
		padding-bottom: 7rem;
	}
	
}

.vertical-line {
	position: absolute;
	left: 0%;
	z-index: 0;
	background-color: rgb(255,3,48);
	width: 0px;
	height: 0px;

}

@media (min-width: 768px) {
	.vertical-line {
		left: 14%;
		width: 1px;
			-webkit-transition: all 1s;
		transition: all 1s;
		-webkit-transition-delay: 1s; /* Safari */
		transition-delay: 1s;	
	}
	
}
@media (min-width: 992px) {
	.vertical-line {
		left: 10%;
	}
}
@media (min-width: 1200px) {
	.vertical-line {
		left: 50%;
	}
	.content-left{
		text-align:right;
	}
}