/*!
 * Start Bootstrap - Freelancer v5.0.0 (https://startbootstrap.com/template-overviews/freelancer)
 * Copyright 2013-2018 Start Bootstrap
 * Licensed under MIT (https://github.com/BlackrockDigital/startbootstrap-freelancer/blob/master/LICENSE)
 */
@import url('https://fonts.googleapis.com/css2?family=Montserrat+Alternates:wght@600&family=Ubuntu:wght@300;500&display=swap');

 body{
 	color: #5b5b5f;
 	font-family: 'Ubuntu', sans-serif;
 }

 .div1 {
   	/* Background pattern from Toptal Subtle Patterns */
   	background-image: url('../img/bg/div1.jpg');
 	background-repeat: no-repeat; 
 	background-position: center; 
 	background-size: cover;
 	background-color: #fff;

 	display: flex;
	justify-content: right;

 	font-family: 'Ubuntu', sans-serif;

	color: #fff;
}
 .div2 {
   	/* Background pattern from Toptal Subtle Patterns */
   	background-image: url('../img/bg/div2.jpg');
 	background-repeat: no-repeat; 
 	background-position: center; 
 	background-size: cover;
 	background-color: #fff;

 	display: flex;
	justify-content: right;

 	font-family: 'Ubuntu', sans-serif;

	color: #fff;
}
 .div3 {
   	/* Background pattern from Toptal Subtle Patterns */
   	background-image: url('../img/bg/div3.jpg');
 	background-repeat: no-repeat; 
 	background-position: center; 
 	background-size: cover;
 	background-color: #fff;

 	display: flex;
	justify-content: right;

 	font-family: 'Ubuntu', sans-serif;

	color: #fff;
}

p{
 	font-family: 'Ubuntu', sans-serif;
	font-weight:300;
 	font-size: 1.2em;
 	color:#0b4056

	text-justify: auto;

}

.refFooter{
	font-family: 'Ubuntu', sans-serif;
	font-weight:300;
 	font-family: 'Ubuntu', sans-serif;
 	color:#fff;
 	font-size: 1.2em;
}

.bigP{
 	font-family: 'Ubuntu', sans-serif;
	font-weight:500;
 	font-size: 1.5em;
 	color:#1d677a;
 	/*#FF5733*/

	text-justify: auto;
}

.smallP{
 	font-family: 'Ubuntu', sans-serif;
	font-weight:300;
	font-size: 0.8em;
	color:#0b4056

	font-weight:400;
}
.fontMont{
 	font-family: 'Montserrat Alternates', sans-serif;
 	color:#0b4056
}

 h1,
 h2,
 h3,
 h4,
 h5,
 h6{
 	font-weight:800;
 	font-family: 'Ubuntu', sans-serif;
 	}


 hr.star-dark{
 	max-width:15rem;
 	padding:0;
 	text-align:center;
 	border:none;
 	border-top:solid .25rem;
 	margin-top:2.5rem;
 	margin-bottom:2.5rem;
 	margin-left:auto;
 	margin-right:auto
 }

 hr.star-dark{
 	border-color:#9bb52c
 }

 
.forum-topic-item{
	background-color: #fff; 
	border-bottom: solid; 
	border-bottom-color: #818182; 
	border-width: thin;
}

.forum-topic-item-title{
	border-bottom: solid; 
	border-bottom-color: #aaa; 
	border-width: thin;
}

.go_back_topic{
	color: #fff;
	background-color: #5b5b5f;
	font-size: 10px;
}

 
 section{
 	padding:6rem 0
 }

 section h2{
 	font-size:2.25rem;
 	line-height:2rem
 }

 @media (min-width:992px){
 	section h2{
 		font-size:3rem;
 		line-height:2.5rem
 	}
 }.btn-xl{
 	padding:1rem 1.75rem;
 	font-size:1.25rem
 }.btn-social{
 	width:3.25rem;
 	height:3.25rem;
 	font-size:1.25rem;
 	line-height:2rem
 }.scroll-to-top{
 	z-index:1042;
 	right:1rem;
 	bottom:1rem;
 	display:none
 }.scroll-to-top 

 a{
 	width:3.5rem;
 	height:3.5rem;
 	background-color:rgba(33,37,41,.5);
 	line-height:3.1rem
 }

 #mainNav{
 	border-bottom-style: solid;
 	border-color: #136486;
 	padding-top:1rem;
 	padding-bottom:1rem;
 	font-weight:700;
 	font-family: 'Ubuntu', sans-serif;
 }
 
 #mainNav .navbar-brand{
 	/*font-size: 10em*/
 }
 
 #mainNav .navbar-nav{
 	margin-top:1rem;
 	letter-spacing:.0625rem
 }
 
 #mainNav .navbar-nav li.nav-item a.nav-link{
 	color:#5b5b5f;
 }
 
 #mainNav .navbar-nav li.nav-item a.nav-link:hover,
 #mainNav .navbar-nav li.nav-item a.nav-link:active,
 #mainNav .navbar-nav li.nav-item a.nav-link:focus{
 	color:#999
 }

 #mainNav .navbar-nav li.nav-item a.nav-link.active{
 	color:#fdbc35
 }

 #mainNav .navbar-toggler{
 	font-size:80%;padding:.8rem
 }

 @media (min-width:992px){
 	#mainNav{
 		padding-top:1.5rem;
 		padding-bottom:1.5rem;
 		-webkit-transition:padding-top .3s,padding-bottom .3s;
 		transition:padding-top .3s,padding-bottom .3s
 	}

 	#mainNav .navbar-brand{
 		font-size:2em;
 		-webkit-transition:font-size .3s;
 		transition:font-size .3s
 	}
 	
 	#mainNav .navbar-nav{
 		margin-top:0
 	}
 	
 	#mainNav .navbar-nav>li.nav-item>a.nav-link.active{
 		color:#fff;
 		background:#fdbc35
 	}
 	
 	#mainNav .navbar-nav>li.nav-item>a.nav-link.active:active,
 	#mainNav .navbar-nav>li.nav-item>a.nav-link.active:focus,
 	#mainNav .navbar-nav>li.nav-item>a.nav-link.active:hover{
 		color:#fff;
 		background:#fdbc35
 	}

 	#mainNav.navbar-shrink{
 		padding-top:.5rem;
 		padding-bottom:.5rem
 	}

 	#mainNav.navbar-shrink .navbar-brand{
 		font-size:1.5em
 	}
 }

header.masthead{
 	padding-top:calc(6rem + 72px);
 	padding-bottom:6rem
 }header.masthead h1{
 	font-size:3rem;
 	line-height:3rem
 }
 	
header.masthead h2{
	font-size:1.3rem;
	font-family: 'Ubuntu', sans-serif;
}

@media (min-width:992px){
	header.masthead{
		padding-top:20rem;
		padding-bottom:calc(10rem + 72px);
	}header.masthead h1{
		font-size:4rem;
		line-height:4rem
	}

	header.masthead h2{
		font-size:1.75em
	}
}.portfolio{
	margin-bottom:-15px
}.portfolio .portfolio-item{
	background-color: #f5f5f5; 
	position:relative;
	display:block;
	max-width:25rem;
	margin-bottom:15px
}.portfolio .portfolio-item .portfolio-item-caption{
	-webkit-transition:all ease .5s;
	transition:all ease .5s;
	opacity:0;
	background-color:rgba(250,200,50,.5)
}.portfolio .portfolio-item .portfolio-item-caption:hover{
	opacity:1
}.portfolio .portfolio-item .portfolio-item-caption .portfolio-item-caption-content{
	/*font-size:1.5rem*/
}

@media (min-width:576px){
	.portfolio{
		margin-bottom:-30px
	}.portfolio .portfolio-item{
		margin-bottom:30px
	}
}.portfolio-modal .portfolio-modal-dialog{
	padding:3rem 1rem;
	min-height:calc(100vh - 2rem);
	margin:1rem calc(1rem - 8px);
	position:relative;
	z-index:2;
	-webkit-box-shadow:0 0 3rem 1rem rgba(0,0,0,.5);
	box-shadow:0 0 3rem 1rem rgba(0,0,0,.5)
}.portfolio-modal .portfolio-modal-dialog .close-button{
	color: #fdbc35;
	position:absolute;
	top:2rem;
	right:2rem
}.portfolio-modal .portfolio-modal-dialog .close-button i{
	line-height:38px
}.portfolio-modal .portfolio-modal-dialog h2{
	font-size:2rem
}

@media (min-width:768px){
	.portfolio-modal .portfolio-modal-dialog{
		min-height:100vh;
		padding:5rem;
		margin:3rem calc(3rem - 8px)
	}.portfolio-modal .portfolio-modal-dialog h2{
		font-size:3rem
	}
}.floating-label-form-group{
	position:relative;
	border-bottom:1px solid #b8c5ac
}.floating-label-form-group input,.floating-label-form-group textarea{
	font-size:1.5em;
	position:relative;
	z-index:1;
	padding-right:0;
	padding-left:0;
	resize:none;
	border:none;
	border-radius:0;
	background:0 0;
	-webkit-box-shadow:none!important;
	box-shadow:none!important
}.floating-label-form-group label{
	font-size:.85em;
	line-height:1.764705882em;
	position:relative;
	z-index:0;
	top:2em;
	display:block;
	margin:0;
	-webkit-transition:top .3s ease,opacity .3s ease;
	transition:top .3s ease,opacity .3s ease;
	vertical-align:middle;
	vertical-align:baseline;
	opacity:0
}.floating-label-form-group:not(:first-child){
	padding-left:14px;
	border-left:1px solid #e9ecef
}.floating-label-form-group-with-value label{
	top:0;
	opacity:1
}.floating-label-form-group-with-focus label{
	color:#fdbc35
}form .row:first-child .floating-label-form-group{
	border-top:1px solid #e9ecef
}.footer{
   	background-image: url('../img/bg/footer.png');
 	background-repeat: no-repeat; 
 	background-position: center; 
 	background-size: 100% 100%;

	padding-top:2rem;
	background-color:#555;
	font-size: 0.7em;
	color:#0b4056
}.copyright{
	background-color:#777
}

a{
	color:#9bb52c
}

a:hover,
a:focus,
a:active{
	color:#b8c5ac
}

.btn{
	border-width:2px
}

.bg-primary{
	background-color:#fdfdfd!important;
}

.bg-nav{
	background-color:#fdfdfd!important;

	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-color: #136486;
}

.bg-four{
	background-color:#eee!important;
}

.bg-secondary{
	background-color:#fdfdfd!important;
}

.backgroundSmall{
	background-color:#efefef!important;
}

.bg-terciary{
	background-color:#f0f0f0!important;
}

.bg-img{
	background-image:  url('../img/bg/fondoDiv.png');
 	background-repeat: no-repeat; 
 	background-position: center; 
 	background-size: cover;
 	background-color: #fff;
 }

@media (min-width:768px){
	.bg-secondary{
		border-top-left-radius: 100px;
	  	border-bottom-left-radius: 100px; 
	  	
		/*border-width: 3px;
		border-right-width: 0px;
		border-style: solid;
		border-color: #136486;*/

		overflow: hidden;
		box-shadow: -5px 5px 8px #888888;
	}

	.bg-img{
		border-top-right-radius: 100px;
	  	border-bottom-right-radius: 100px; 

		/*border-width: 3px;
		border-left-width: 0px;
		border-style: solid;
		border-color: #0b4056;*/

		overflow: hidden;
		box-shadow: 5px 5px 8px #888888;
	}
	.bg-terciary{
		border-top-left-radius: 100px;
	  	border-bottom-left-radius: 100px; 

		/*border-width: 3px;
		border-right-width: 0px;
		border-style: solid;
		border-color: #136486;*/

		overflow: hidden;
		box-shadow: -5px 5px 8px #888888;
	}

	.backgroundSmall{
		background-color:#fdfdfd!important;
	}

	.leftLine{
		border-width: 0px;
		border-left-width: 10px;
		border-style: solid;
		border-color: #0b4056;
	}

	.rightLine{
		border-width: 0px;
		border-right-width: 10px;
		border-style: solid;
		border-color: #0b4056;
	}
}