/* -> Slick Slider
================================ */
.slick-dots {
	text-align: center;
}
/*================================ */


/* -> Main Styles
================================ */
/*Titles*/
.title-box {
	text-align: center;
}

.title-box-left {
	text-align: center;
}

	.title{
		font-size: 30px;
    	line-height: 42px;
		padding-top: 20px;
	}
/* ============================= */


/* -> MENU
================================ */
.navbar {
    height: auto;
    padding: 0px 15px;
    background-color: #fff;
    -webkit-box-shadow: 1px 1px 3px rgba(0,0,0,.1);
    box-shadow: 1px 1px 3px rgba(0,0,0,.1);
}

.navbar.scrolled{
	height: auto;
}

	.navbar-toggler {
	    padding: 0.15rem 0.50rem;
	    background-color: #2c7eff; 
	}

		.navbar-toggler-icon {
		    background-image: url(../img/toggle.svg);
		}

	.navbar-brand {
    	line-height: 75px;
    	padding: 0;
	}

	.navbar-brand img{
    	height: 35px;
	}

	.navbar.scrolled .navbar-brand img{
		height: 35px;
	}

	.navbar-collapse{
		border-top: 1px solid #f5f5f5;
	}

	.navbar ul li{
    	margin: 0px;
	}

		.navbar ul li a{
		    color: #111415!important;
		    line-height: 35px;
		}

			.navbar ul li a:hover,
			.navbar ul li a.active{
			    color: #2c7eff!important;
			}
/* ============================= */


/* -> Home
================================ */
#home{
  	height: calc(100vh);
}
	
	#home-image-1{
		display: none;
	}

	#home-image-2{
		display: none;
	}

	#myVideo {
		display: none;
	}
		
	#home .container,
	#home .row{
		height: calc(100vh + 80px);
		text-align: center;
	}

		.caption h2{
		    font-size: 28px;
		    line-height: 34px;
		}

		.caption p{
		    margin: 10px 0px 20px 0px;
		    font-size: 14px;
		}
/* ============================= */



/* -> Products
================================ */
#products{
	padding: 60px 0px 0px 0px;
	margin-top: 0px;
}

	.product{
		margin-top: 0px;
		margin-bottom: 50px;
	}


		.product-image img{
			width: 100%;
		}

		.product-name{
    		margin-top: 20px;
		} 
/* ============================= */




/* -> Products Details
================================ */
.products-details{
	padding: 60px 0px;
}

.products-details:nth-child(odd){
  	background-color: #FFFFFF;
}

.products-details:nth-child(even){
  	background-color: #f5f5f5;
}

	.products-details .row{
		display: flex;
		align-items: center;
	}

		.products-details .title-box-left{
            margin-bottom: 0px;
		}

		.products-details .title{
			margin-bottom: 30px;
		}

		.products-details .title-text{
			margin-top: 30px;
			font-size: 16px;
			text-align: center;
		}

		.products-details img{
			width: 100%;
		}
/* ============================= */



/* -> About
================================ */
#about{
	padding: 0px;
}

	#about-video{
		height: 300px;
	}

	#about-text{
		padding: 0;
	}

		#about-text .title-box-left{
			margin-bottom: 0;
		}

		#about-info-box{
			padding: 60px 15px 40px 15px;
		    left: 0px;
		    width: 100%;
		}
/* ============================= */


/* -> Pipeline
================================ */
#pipeline{
  	padding: 60px 0px 20px 0px;
}

	.pipeline-list{
		padding-top: 0px;
	}
		
	.pipeline-list::before {
		left: 20px;
		height: calc(100% - 40px);
		top: 0;
	}

		.pipeline-item {
		  	width: 100%;
		  	padding-bottom: 40px;
		}

			.pipeline-content {
				width: 100%;
				text-align: center;
				padding-left: 30px;
			}

			.pipeline-item:nth-child(even) .pipeline-content {
			  	float: none;
			  	text-align: center;
			}

				.pipeline-content h2{
					font-size: 22px;
					color: #2c7eff;
					text-align: center;
				}

				.pipeline-content p{
					text-align: justify;
				}

				.pipeline-content img{
					margin-bottom: 10px;
					width: auto;
					max-width: 100%;
					display: inline-block;
				}

				.pipeline-img {
					left: 5px;
					width: 20px;
					height: 20px;
					margin-left: -10px;
				}
/* ============================= */


/* -> Team
================================ */
#team{
	padding: 0px;
}

	#team-list{
		padding: 0;
	}

		#team-list-box{
			padding: 60px 15px;
		    right: 0px;
		    width: 100%;
		}

	#team-image{
        height: 300px;
    }
/* ============================= */



/* -> Contacts
================================ */
#contacts{
	padding: 60px 0px 80px 0px;
}

	.contact:first-child{
        margin-top: 0px;
    }

    	.form-input:nth-child(3){
    		margin-bottom: 0;
    	}

		.form-submit{
		}

			.form-submit input{
				border: none;
				width: 100%; 
			}

		.form-text{
			text-align: justify;
			margin-top: 0px;
			padding: 0px 15px;
			margin-bottom: 15px;
		}


	#map-box{
		margin-top:60px;
		padding: 15px;
	}

		#map{
			height: 300px;
		}
/* ============================= */


/* -> Clients
================================ */
#clients{
	position: relative;
	z-index: 10;
	background-color: transparent;
}

	.client-logo{
		text-align: center;
	}

		.client-logo img{
			width: 70%;
			display: inline-block;
		}
/* ============================= */



/* -> Footer
================================ */
footer{
	margin-top: -100px;
	padding-top: 135px;
}

	footer img{
	    display: none;
	}

	#footer-box{
		text-align: center;
		padding: 30px 0px;
	}

	#credits{
		text-align: center;
		margin-top: 10px;
	}
/* ============================= */