/*
	======================================================
	General
	======================================================
*/
	.row,
	.container{
		overflow: hidden;
	}
	body{
		background-color: #fff;
    	font-family: 'Open Sans', sans-serif;
		font-size: 18px;
		font-weight: 400;
		color: #000;
		overflow-x: hidden !important;
	}
	a{
		color: #009bdb;
		text-decoration: none;
		transition: all .4s ease;
	}
	a:hover{
		color: #009bdb;
		filter: brightness(85%);
		text-decoration: none;
	}
	.h1, h1, .h2, h2, .h3, h3, .h4, h4, .h5, h5, .btn{
		font-family: 'Bebas Neue', cursive;
		font-weight: 500;
	}
	.h1, h1 {
	    font-size: 3.5rem;
	}
	.h2, h2 {
	    font-size: 3rem;
	}
	.h3, h3 {
	    font-size: 2.5rem;
	}
	.h4, h4 {
	    font-size: 2rem;
	}
	.h5, h5 {
	    font-size: 1.75rem;
	}
	#to-top{
		padding: .5rem;
		display: inline-flex;
		align-items: center;
		justify-content: center;
		background-color: #009bdb;
		color: #fff;
		width: 50px;
		height: 50px;
		text-align: center;
		border-radius: 4px;
		position: fixed;
		bottom: 30px;
		right: 30px;
		transition: all .4s ease;
		opacity: 0;
		visibility: hidden;
		box-shadow: 0 0 10px rgba(0,0,0,.2);
		z-index: 1000;
	}
	#to-top img{
		max-height: 30px;
	}
	#to-top:hover {
	  cursor: pointer;
	}
	#to-top.show {
		opacity: 1;
		visibility: visible;
	}
	.btn,
	.form-control{
		padding: .25rem 1rem;
		border-radius: 8px;
	}
	.btn-primary{
		background-color: #009bdb;
		border-color: #009bdb;
	}
	.btn-primary:hover,
	.btn-primary:focus{
		background-color: #0084ba;
		border-color: #0084ba;
	}
	.form-control{
		height: calc(1.5em + .5rem + 2px)
	}
	.form-control:focus{
		border-color: #009bdb;
		box-shadow: none;
	}
	section,
	.section{
		padding: 3rem 0;
		position: relative;
	}
	.section-gray{
		background-color: #edecec;
	}
	.featured-section{
		background-color: #000;
		background-position: center;
		background-size: cover;
		background-repeat: no-repeat;
		z-index: 1;
	}
	.section-title{
		color: #009bdb;
		margin-bottom: 0;
	}
	.section-title-center{
		text-align: center;
	}
	.section-title-bordered{
		padding-bottom: .75rem;
		margin-bottom: 1.25rem;
		position: relative;
	}
	.section-title-bordered:before,
	.section-title-bordered:after{
		content: '';
		display: block;
		width: 100%;
		height: 2px;
		margin: auto;
		position: absolute;
		top: 100%;
		left: 0;
		right: 0;
	}
	.section-title-bordered:before{
		background-color: #999;
		max-width: 180px;
	}
	.section-title-bordered:after{
		background-color: #009bdb;
		max-width: 60px;
	}
	.section-subtitle{
		font-size: 1.5rem;
		text-align: center;
		margin-bottom: 4rem;
	}
	.featured-section .section-title-bordered:before{
		background-color: #fff;
	}
	.featured-section .section-subtitle{
		color: #fff;
	}
	@media (min-width: 992px){
		.featured-section{
			border-radius: 100% / 50%;
			margin-top: 5rem;
			margin-left: -40%;
			margin-right: -40%;
			padding-left: 40%;
			padding-right: 40%;
			margin-bottom: -3rem;
		}
	}
	@media (min-width: 1366px){
		body{
			font-size: 18px;
		}		.h1, h1 {
		    font-size: 4rem;
		}
		.h2, h2 {
		    font-size: 3.5rem;
		}
		.h3, h3 {
		    font-size: 3rem;
		}
		.h4, h4 {
		    font-size: 2.75rem;
		}
		.h5, h5 {
		    font-size: 2.5rem;
		}
		.container{
			max-width: 1360px;
		}
	}
/*
	======================================================
	Header
	======================================================
*/
	header{
		z-index: 2;
	}
	.navbar:before{
		content: '';
		display: block;
		position: absolute;
		left: 0;
		top: 0;
		width: 100%;
		height: 100%;
		transition: all .4s ease;
		transform: translate(0, -100%);
	}
	.bg-menu:before{
		background-color: rgba(0,0,0,.7);
		transform: translate(0%);
	}
	.navbar-brand img{
		display: block;
		max-height: 70px;
	}
	.navbar .nav-item:not(:last-child){
		margin-right: 1.5rem; 
	}
	.navbar .nav-link,
	.navbar-expand-lg .navbar-nav .nav-link{
		color: #fff;
		font-weight: 600;
		padding: .35rem 1rem;
	}
	.navbar .nav-link:hover{
		color: #009bdb;
		filter: none;
	}
	.navbar .featured-link{
		background-color: #009bdb;
		border-radius: 20px;
	}
	.navbar .featured-link:hover{
		color: #fff;
		filter: brightness(85%);
	}
	.navbar-toggler svg{
		height: 20px;
		width: auto;
	}
	.navbar-toggler svg rect{
		transition: all .4s ease;
	}
	.navbar-toggler:hover svg rect{
		fill: #009bdb;
	}
	.navbar-toggler:focus{
		outline: none;
	}
	@media (max-width: 991px){
		#main-navbar .navbar-nav{
			background-color: rgba(0,0,0,.4);
			padding: 2rem;
		}
		#main-navbar .navbar-nav .nav-item:not(:last-child){
			margin-bottom: 1rem;
			margin-right: 0;
		}
		#main-navbar .navbar-nav .nav-link:not(.featured-link){
			padding: 0;
		}
	}
/*
	======================================================
	Hero
	======================================================
*/
	.hero{
		background-position: center;
		background-size: cover;
		background-repeat: no-repeat;
		background-color: #000;
		min-height: 50vh;
		display: flex;
		align-items: center;
	}
	.big-hero{
		min-height: 100vh;
	}
	.hero-title{
		color: #fff;
		font-size: 75px;
	}
	@media (min-width: 768px){
		.hero-title{
			font-size: 100px;
		}
	}
	@media (min-width: 992px){
		.hero-title{
			font-size: 150px;
		}
	}
/*
	======================================================
	Services
	======================================================
*/
	.service-box{
		padding: 2rem 0;
	}
	.service-icon{
		margin-bottom: 3rem;
		position: relative;
	}
	.service-icon:before{
		content: '';
		display: block;
		position: absolute;
		top: 100%;
		left: 0;
		right: 0;
		height: 15px;
		width: 15px;
		border-radius: 50%;
		background-color: #009bdb;
		margin-top: 26px;
		margin-left: auto;
		margin-right: auto;
		z-index: 2;
	}
	.service-icon:after{
		content: '';
		height: 2px;
		background: #000;
		position: absolute;
		top: 100%;
		left: 0;
		width: 100%;
		min-width: 200px;
		margin-top: 2rem;
		z-index: 1;
	}
	.service-icon img{
		display: block;
		margin: auto;
		max-height: 80px;
	}
	.service-title{
		color: #009bdb;
		text-align: center;
		margin-bottom: 1rem;
	}
	.service-content p{
		margin: 0;
	}
	@media (min-width: 992px){
		.services{
			padding: 5rem 0 7rem;
		}
		.service-icon:after{
			width: 100%;
		}
		.col-lg-4:first-child .service-icon:after,
		.col-lg-4:last-child .service-icon:after{
			width: 65%;
		}
		.col-lg-4:first-child .service-icon:after{
			left: initial;
			right: -30px;
		}
		.col-lg-4:last-child .service-icon:after{
			left: -30px;
		}
	}
/*
	======================================================
	Company
	======================================================
*/
	.company h4{
		margin-bottom: 1rem;
	}
	.company p:last-child{
		margin-bottom: 0;
	}
/*
	======================================================
	Clippy Box
	======================================================
*/
	.clippy-box{
		display: flex;
		align-items: center;
		justify-content: center;
		min-height: 500px;
		width: 95%;
		margin-bottom: 5rem;
		overflow: visible;
	}
	.clippy-box-img{
		background-color: #fff;
		background-position: center;
		background-repeat: no-repeat;
		background-size: cover;
	}
	.clippy-box img{
		display: block;
		max-height: 100px;
		margin: auto;
  		transform: rotate(-2.5deg);
	}
	.clippy-box-left{
		margin-left: -5%;
	}
	.clippy-box-left .clippy-box-img{
		border-top-right-radius: 250px;
		border-bottom-right-radius: 250px;
  		transform: rotate(2.5deg);
		min-height: 500px;
		width: 100%;
		display: flex;
		align-items: center;
	}
	.clippy-box-right{
		margin-left: 10%;
	}
	.clippy-box-right .clippy-box-img{
		border-top-left-radius: 250px;
		border-bottom-left-radius: 250px;
  		transform: rotate(-2.5deg);
		min-height: 500px;
		width: 100%;
		display: flex;
		align-items: center;
	}
	@media (min-width: 992px){
		.clippy-box{
			position: absolute;
			top: 3rem;
			width: 50%;
			margin-bottom: 0;
		}
		.clippy-box-left{
			left: 0;
		}
		.clippy-box-right{
			right: 0;
			margin-left: 0;
			margin-right: -5%;
		}
	}
/*
	======================================================
	Security Solutions
	======================================================
*/
	.benefits{
		padding-bottom: 8rem;
	}
	.featured-box{
		display: flex;
		background-position: center;
		background-repeat: no-repeat;
		background-size: cover;
		min-height: 350px;
		position: relative;
		overflow: hidden;
		margin-left: -15px;
		margin-right: -15px;
	}
	.featured-box .featured-title{
    	font-family: 'Open Sans', sans-serif;
    	font-size: 1.25rem;
	}
	.featured-box .featured-content a{
		color: #fff;
	}
	.featured-box .featured-content{
		display: flex;
		flex-direction: column;
		justify-content: center;
		background-color: #009bdb;
		color: #fff;
		padding: 2rem;
		position: absolute;
		left: 0;
		bottom: 0;
		width: 100%;
		min-height: 175px;
		opacity: 0;
		transform: translateY(100px);
		transition: all 0.6s linear;
		z-index: 1;
	}
	.featured-box:hover .featured-content{
		opacity: 1;
		transform: translateY(0px);
	}
	@media (max-width: 1200px){
		.featured-box .featured-content p{
			font-size: 14px;
		}
	}
/*
	======================================================
	Security Solutions
	======================================================
*/
	.choose-us-box{
		display: flex;
		align-items: flex-start;
		margin: 1rem 0;
	}
	.choose-us-icon{
		min-width: 70px;
		margin-right: .5rem;
	}
	.choose-us-box img{
		display: block;
		max-height: 60px;
	}
	@media (min-width: 992px){
		.choose-us{
			padding: 8rem 0 3rem;
		}
		.choose-us-box{
			font-size: 20px;
		}
		.choose-us .col-lg-6:last-child{
			overflow: visible;
		}
		.choose-us .col-lg-6:last-child .choose-us-box{
			margin-top: -6.5rem;
		}
	}
	@media (min-width: 1200px){
		.choose-us .col-lg-6:last-child .choose-us-box{
			margin-top: -4.5rem;
		}
	}
	@media (min-width: 1366px){
		.choose-us .col-lg-6:last-child .choose-us-box{
			margin-top: -2.5rem;
		}
	}
/*
	======================================================
	Technical Features
	======================================================
*/
	.technical-features{
		padding: 6rem 0 3rem;
		overflow-x: hidden;
	}
	.technical-features .section-title{
		margin-bottom: 2rem;
	}
	@media (min-width: 992px){
		.technical-features{
			padding: 6rem 0 1rem;
		}
		.technical-features .clippy-box{
			top: 10rem;
		}
	}
/*
	======================================================
	Featured List
	======================================================
*/
	.featured-list{
		padding: 0;
		margin: 0;
		list-style: none;
	}
	.featured-list > li{
		display: block;
		padding-left: 46px;
		position: relative;
		width: 100%;
	}
	.featured-list > li:not(:last-child){
		margin-bottom: 1rem;
	}
	.featured-list > li:before{
		content: '';
		width: 20px;
		height: 15px;
		margin-right: .5rem;
		position: absolute;
		left: 0;
		top: .5rem;
		background-image: url('../img/check.svg');
		background-position: center;
		background-size: 100%;
		background-repeat: no-repeat;
	}
	.featured-list > li > ul{
		margin: 1rem 0 0;
		list-style: none;
	}
	.featured-list > li > ul li{
		display: block;
		padding-left: 15px;
		position: relative;
		margin-bottom: 0;
		width: 100%;
		font-size: 14px;
	}
	.featured-list > li > ul li:before{
		content: '';
		display: block;
		width: 5px;
		height: 5px;
		border-radius: 50%;
		background-color: #009bdb;
		margin-right: .25rem;
		position: absolute;
		left: 0;
		top: .75rem;
	}
	@media (min-width: 992px){
		.featured-list > li > ul li{
			font-size: 16px;
		}
	}
/*
	======================================================
	Simplified IT Management
	======================================================
*/
	.simplified{
		padding: 5rem 0;
		color: #fff;
	}
	.simplified .section-title{
		margin-bottom: 2rem;
	}
	.simplified p{
		margin-bottom: 0;
	}
	.simplified p:not(:last-child){
		margin-bottom: 1.5rem;
	}
	@media (min-width: 992px){
		.simplified{
			padding: 10rem 0;
			color: #fff;
		}
	}
/*
	======================================================
	Info Sections
	======================================================
*/
	.info-section{
		background-color: #009bdb;
		color: #fff;
		padding: 2rem 0 1rem;
		text-align: center;
	}
	@media (min-width: 992px){
		.info-section{
			padding: 6rem 0 1rem;
		}
	}
/*
	======================================================
	Contact Us
	======================================================
*/
	.contact-us p{
		font-size: 22px;
	}
	.contact-links{
		display: flex;
		align-items: center;
		justify-content: center;
		flex-wrap: wrap;
		padding: 0;
		margin: 1rem 0 0;
		list-style: none;
	}
	.contact-links li{
		margin-top: .5rem;
		margin-bottom: .5rem;
	}
	.contact-links li:not(:last-child){
		margin-right: 2rem;
	}
	.contact-links li a{
		color: #000;
		display: flex;
		align-items: center;
	}
	.contact-links li a:hover{
		color: #009bdb;
	}
	.contact-links li a img{
		display: block;
		max-height: 30px;
		margin-right: .5rem;
		width: auto;
	}
	.contact-form .section-title{
		margin-bottom: 1rem;
	}
	.contact-form .form-group{
		margin-bottom: .5rem;
	}
	.contact-form label{
		font-weight: 600;
		margin-bottom: 0;
		font-size: 1rem;
	}
	.contact-form .btn{
		font-size: 24px;
		margin-top: 1rem;
		min-width: 200px;
		text-transform: uppercase;
	}
	.contact-us .col-lg-5:first-child{
		margin-bottom: 2rem;
		text-align: center;
	}
	@media (min-width: 992px){
		.contact-us .col-lg-5:first-child{
			margin-bottom: 0;
			text-align: initial;
		}
		.contact-links{
			justify-content: flex-start;
		}
	}
/*
	======================================================
	Footer
	======================================================
*/
	.footer{
		background-color: #282828;
		color: #fff;
		font-size: 16px;
		padding: 2rem 0;
	}
	.footer a{
		color: #fff;
	}
	.footer a:hover{
		color: #009bdb;
	}