@charset "UTF-8";

nav{background-color:transparent;transition:all 0.3s;}
	nav img{width:150px;}
	nav .nav-link{color:#fff;}
	nav p{margin-top:20px;display:inline-block;font-size:22px;color:#fff;line-height:22px;}
	nav p span{color:#f58634;}
	nav .dropdown-menu .dropdown-item:hover,
	nav .dropdown-menu .dropdown-item:focus,
	nav .dropdown-menu .dropdown-item:active{background-color:#1e87c0;color:#fff;}
	
	nav.light{background-color:#fff;box-shadow:0 0 10px rgba(0,0,0,0.5);}
	nav.light .nav-link{color:#2563a1;}
	nav.light p{color:#2563a1;}

nav .navbar-toggler .navbar-toggler-icon{background-image:url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='#1e87c0' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E");}
	nav .navbar-toggler:hover .navbar-toggler-icon,
	nav .navbar-toggler:active .navbar-toggler-icon,
	nav .navbar-toggler:focus .navbar-toggler-icon{background-image:url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='#1e87c0' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E");}

header{margin:0;width:100%;height:680px;}
	header #mainSlider{width:100%;height:680px;}
		header #mainSlider .item{width:100%;height:680px;background-repeat:no-repeat;background-position:center;background-size:cover;}
			header #mainSlider .item h1{margin-top:230px;text-transform:uppercase;color:#fff;letter-spacing:1px;}
				header #mainSlider .item h1 span{color:#1e87c0;}
			header #mainSlider .item h2{margin:15px 0 0 0;padding:0;font-size:28px;font-weight:normal;color:#fff;}
			header #mainSlider .item h3{width:100%;height:auto;padding:10px;margin:5px 0;font-size:22px;font-weight:normal;color:#fff;background-color:rgba(6,43,122, 0.5);}

.sidebar{padding:25px 0;width:100%;height:auto;background-color:#2563a1;}
	.sidebar img{width:150px;}
		.sidebar h3{color:#fff;font-family:"Oswald";font-size:22px;}
		.sidebar h4{color:#fff;font-family:"Oswald";font-size:18px;}

#services .box{width:100%;height:250px;background-repeat:no-repeat;background-position:center;background-size:cover;cursor:pointer;}
	#services .box .ribbon{padding:10px;width:100%;height:auto;max-height:60px;background-color:rgba(6,43,122,0.8);-webkit-transition:max-height 0.8s;
	-moz-transition: max-height 0.8s;
	transition: max-height 0.8s;}
		#services .box .ribbon h5{margin:0;font-size:18px;text-transform:uppercase;text-align:center;color:#fff;letter-spacing:1px;}
		#services .box .ribbon .txt{visibility:hidden;opacity:0;transition:visibility 0s,opacity 0.8s linear;}
			#services .box .ribbon .txt p{margin-top:20px;width:100%;height:auto;font-size:16px;font-weight:bold;text-align:justify;color:#fff;}
#services .box:hover .ribbon,
#services .box:focus .ribbon,
#services .box:active .ribbon{max-height:100%;}

#services .box:hover .ribbon .txt,
#services .box:focus .ribbon .txt,
#services .box:active .ribbon .txt{visibility:visible;opacity:1;}

#about h3{margin:0;font-size:30px;color:#000;}
#about h4{margin:15px 0;font-size:18px;font-weight:normal;color:#666;}
#about h5{margin:15px 0;font-size:22px;color:#000;}
#about article{margin:0;font-size:15px;color:#666;}
#about button{margin:15px 0;}

#prices .box{background-repeat:no-repeat;background-position:center;background-size:cover;}
#prices .box-50{width:100%;height:250px;}
	#prices .box-50 ul li{margin:5px 0;}
	#prices .box-50:first-child{margin-bottom:20px;}
#prices .box-100{width:100%;height:520px;text-align:center;}
	#prices .box-100 ul li{font-size:18px;letter-spacing:1px;}
		#prices .box-100 ul li sup{color:#f58634;}
#prices .box .wrapper-blue{padding:15px 25px;}
#prices .box h4{margin:0;font-family:"Oswald";font-size:20px;text-transform:uppercase;color:#fff;letter-spacing:1px;}
#prices .box ul{margin:10px 0;padding:0;list-style-type:none;}
	#prices .box ul li{color:#fff;}
	#prices .box p{margin:0;color:#fff;text-transform:uppercase;font-size:18px;letter-spacing:1px;}
		#prices .box p span{color:#f58634;font-weight:bold;}

.parallax{width:100%;height:auto;padding:50px 0;background-color:rgba(0,0,0,0.5);}

#dist{color:#fff;}
	#dist canvas{margin:35px auto 0 auto;max-width:250px;}
	#dist h6{margin:25px 0 0 0;text-align:center;}
	#dist h2{margin:0;text-transform:uppercase;text-align:center;letter-spacing:1px;}
	#dist h3{margin:10px 0 25px 0;font-size:20px;font-weight:normal;text-align:center;}
	#dist h5{margin:15px 0;font-size:22px;text-align:center;text-transform:uppercase;letter-spacing:1px;}
	#dist p{margin:0;font-size:16px;text-align:center;}
	#dist .icon{margin:10px auto;width:60px;height:60px;line-height:60px;text-align:center;border:1px solid #fff;border-radius:50%;font-size:30px;}

#contact .box{margin:0 0 15px 0;padding:10px 15px;width:100%;height:auto;background-color:#fff;box-shadow:0 0 5px rgba(0,0,0,0.1);}
	#contact form input{height:50px;border:0;}
	#contact form textarea{border:0;resize:none;}
	#contact .box p{margin:0;font-size:17px;color:#000;}
		#contact .box p i.fa{color:#2563a1;}

.section{margin:0;padding:50px 0;width:100%;height:auto;background-color:#fff;}
	.section.gray{background-color:#efefef;}


.section .title{margin:0;font-size:35px;text-align:center;text-transform:uppercase;color:#2563a1;}
	.section .title span{color:#1e87c0;}
.section .subtitle{margin:15px 0 25px 0;font-size:18px;text-align:center;}

.wrapper{width:100%;height:100%;background:rgba(0,0,0,0.5) url(../img/60-lines.png) repeat;}
.wrapper-blue{width:100%;height:100%;background:rgba(37,99,161,0.8) url(../img/60-lines.png) repeat;}
.align-right{text-align:right;}
button{cursor:pointer;}

#map{width:100%;height:300px;background-color:#fff;}

footer{width:100%;height:auto;padding:50px 0;background-color:#222;}
	footer .box{margin:5px 0;padding:10px;width:100%;height:auto;border:1px solid #444;border-bottom:3px solid #1d84be;}
		footer .box .icon{text-align:center;font-size:40px;color:#fff;}
		footer .box p{margin:5px 0 0 0;color:#fff;}
	footer ul{margin:0;padding:0;list-style-type:none;}
		footer ul li a{margin:0 0 5px 0;font-size:18px;display:block;color:#ccc;transition:all 0.3s;}
		footer ul li a:hover,
		footer ul li a:focus,
		footer ul li a:active{text-decoration:none;padding-left:10px;color:#1d84be;}
	footer .social a{display:inline-block;margin-right:5px;width:50px;height:50px;line-height:50px;border:1px solid #ccc;border-radius:50%;text-align:center;color:#1d84be;font-size:25px;}
	footer h5{color:#fff;font-weight:normal;font-size:18px;}
		footer h5 a{color:#1d84be;}
		footer h5 a:hover,
		footer h5 a:focus,
		footer h5 a:active{text-decoration:none;color:#1d84be;}