/******* Bootstrap Theming ********/
:root{
	--primary:#17a2b8;
	--secondary:#fcfcfc;
	--purple:#6f42c1;
	--pink:#fa037d;
	--red:#ff5252;
	--orange:#ff6600;
	--yellow:#ffc107;
	--green:#52ff73;
	--slate:#2f937b;
	--teal:#20c997;
	--cyan:#17a2b8;
	--light:#ffffff;
	--gray:#dadada;
	--dark:#000000;
	--font-family:"titillium_web_regular";
	--font-family-p:"titillium_web_light";
	--font-family-monospace:SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
}
body{
	color:var(--dark);
	font-family:var(--font-family);
	font-size:18px;
}
p{
	font-family:var(--font-family-p);
}
a{
	color:var(--primary);
}
a:hover{
	color:var(--dark);
}
.bg-primary{
	background-color:var(--primary) !important;
}
.bg-secondary{
	background-color:var(--secondary) !important;
}
.bg-purple{background-color:var(--purple);}
.bg-pink{background-color:var(--pink);}
.bg-red{background-color:var(--red);}
.bg-orange{background-color:var(--orange);}
.bg-yellow{background-color:var(--yellow);}
.bg-green{background-color:var(--dark);}
.bg-slate{background-color:var(--slate);}
.bg-teal{background-color:var(--teal);}
.bg-cyan{background-color:var(--cyan);}
.text-primary{
	color:var(--primary) !important;
}
.text-primary:hover{
	color:var(--dark) !important;
}
.text-secondary{
	color:var(--light) !important;
}
.text-secondary:hover{
	color:var(--dark) !important;
}
.border-primary{
	border-color:var(--primary) !important;
}
.navbar-brand{
	font-size:18px;
	font-weight:bold;
}
.navbar .navbar-nav .nav-link:hover{
	color:var(--dark) !important;
}
.navbar .navbar-nav .active:hover,
.navbar .navbar-nav .active:focus{
	color:var(--dark) !important;
}
.btn-outline-primary{
	color:var(--primary) !important;
	border-color:var(--primary) !important;
}
.btn-outline-primary:hover,
.btn-outline-primary:focus{
	color:var(--light) !important;
	background-color:var(--primary) !important;
	box-shadow:none !important;
}
.btn-outline-secondary{
	color:var(--dark) !important;
	border-color:var(--dark) !important;
}
.btn-outline-secondary:hover,
.btn-outline-secondary:focus{
	color:var(--dark) !important;
	background-color:var(--light) !important;
	box-shadow:none !important;
}
.form-control{
	box-shadow:none !important;
}
#home{
	padding:180px 0 120px 0;
}
#home .typed-cursor{
	margin:0;
	padding:0;
	font-size:45px;
	color:var(--green);
}
#services, #portfolio, #testimonial, #contact{
	padding:72px 0;
}
#services .title, #portfolio .title, #testimonial .title, #contact .title{
	padding:20px 0 40px 0;
}
#portfolio #portfolio-flters .active{
	color:var(--light) !important;
	background-color:var(--dark) !important;
}
#portfolio .portfolio-item .portfolio-btn{
	position:absolute;
	width:0;
	height:0;
	top:50%;
	left:50%;
	border-radius:4px;
	opacity:0;
	transition:.5s;
}
#portfolio .portfolio-item:hover .portfolio-btn{
	opacity:1;
	width:calc(100% - 60px);
	height:calc(100% - 60px);
	top:30px;
	left:30px;
}
#services span, #portfolio span, #testimonial span, #contact span{
	color:var(--cyan);
}
#testimonial .img{
	border:4px solid var(--primary);
	width:80px;
	height:80px;
}
#contact{
	text-align:center;
}
form#formContact{
	padding:5%;
	outline:7px solid var(--primary);
}
form#formContact .help-block ul{
	margin:0;
	padding:0;
	list-style-type:none !important;
}
footer{
	font-size:16px;
}
footer span{
	color:var(--light);
}
footer a{
	color:var(--light);
}
footer a:hover{
	color:var(--dark);
}
footer .social{
	text-align:right !important;
}
footer .btn-social{
	padding:5px;
	color:var(--light);
}
footer .btn-social:hover{
	color:var(--dark);
}

@media (max-width:1200px){
	#home{
		padding:70px 0 30px 0;
		text-align:center;
	}
	#home .header-content-left{
		margin:255px 0 0 0;
	}
	#home .header-content-right{
		margin:30px 0 30px 0;
	}
	#services, #testimonial, #contact{
		text-align:center;
	}
	#services .title, #testimonial .title, #contact .title{
		padding:0 0 30px 0;
	}
	footer{
		text-align:center;
	}
	footer .all-rights-reserved{
		display:none;
	}
	footer .social{
		text-align:center !important;
	}
}

@media (min-width:700px){
	footer .social{
		text-align:right !important;
	}
}