/*GENERAL*/

a {
	text-decoration: none;
}

body{
	font-family: 'Lato', sans-serif;
}

h1,h2,h3,h4,h5,h6{
	font-weight: bold;
}

.mt-0, .my-0 {
  margin-top: 0 !important; }

.mr-0, .mx-0 {
  margin-right: 0 !important; }

.mb-0, .my-0 {
  margin-bottom: 0 !important; }

.ml-0, .mx-0 {
  margin-left: 0 !important; }

.m-1 {
  margin: 10px !important; }

.mt-1, .my-1 {
  margin-top: 10px !important; }

.mr-1, .mx-1 {
  margin-right: 10px !important; }

.mb-1, .my-1 {
  margin-bottom: 10px !important; }

.ml-1, .mx-1 {
  margin-left: 10px !important; }

.m-15 {
  margin: 15px !important; }

.mt-15, .my-15 {
  margin-top: 15px !important; }

.mr-15, .mx-15 {
  margin-right: 15px !important; }

.mb-15, .my-15 {
  margin-bottom: 15px !important; }

.ml-15, .mx-15 {
  margin-left: 15px !important; }

.m-2 {
  margin: 20px !important; }

.mt-2, .my-2 {
  margin-top: 20px !important; }

.mr-2, .mx-2 {
  margin-right: 20px !important; }

.mb-2, .my-2 {
  margin-bottom: 20px !important; }

.ml-2, .mx-2 {
  margin-left: 20px !important; }

.m-3 {
  margin: 30px !important; }

.mt-3, .my-3 {
  margin-top: 30px !important; }

.mr-3, .mx-3 {
  margin-right: 30px !important; }

.mb-3, .my-3 {
  margin-bottom: 30px !important; }

.ml-3, .mx-3 {
  margin-left: 30px !important; }

.m-4 {
  margin: 40px !important; }

.mt-4, .my-4 {
  margin-top: 40px !important; }

.mr-4, .mx-4 {
  margin-right: 40px !important; }

.mb-4, .my-4 {
  margin-bottom: 40px !important; }

.ml-4, .mx-4 {
  margin-left: 40px !important; }

.m-5 {
  margin: 50px !important; }

.mt-5, .my-5 {
  margin-top: 50px !important; }

.mr-5, .mx-5 {
  margin-right: 50px !important; }

.mb-5, .my-5 {
  margin-bottom: 50px !important; }

.ml-5, .mx-5 {
  margin-left: 50px !important; }

.m-6 {
  margin: 60px !important; }

.mt-6, .my-6 {
  margin-top: 60px !important; }

.mr-6, .mx-6 {
  margin-right: 60px !important; }

.mb-6, .my-6 {
  margin-bottom: 60px !important; }

.ml-6, .mx-6 {
  margin-left: 60px !important; }

.m-7 {
  margin: 70px !important; }

.mt-7, .my-7 {
  margin-top: 70px !important; }

.mr-7, .mx-7 {
  margin-right: 70px !important; }

.mb-7, .my-7 {
  margin-bottom: 70px !important; }

.ml-7, .mx-7 {
  margin-left: 70px !important; }

.m-8 {
  margin: 80px !important; }

.mt-8, .my-8 {
  margin-top: 80px !important; }

.mr-8, .mx-8 {
  margin-right: 80px !important; }

.mb-8, .my-8 {
  margin-bottom: 80px !important; }

.ml-8, .mx-8 {
  margin-left: 80px !important; }

img{
	max-width: 100%;
	height: auto;
}
section{
	padding: 45px 0 80px 0;
}
section .heading{
	text-align: center;
}

section .heading h2{
	text-transform: uppercase;
}

.gold{
	color: #DAA250 !important;
}

.divider{
	width: 100px;
	height: 2px;
	margin: 0 auto;
}

ul,ol{
	list-style: none;
}

/*MENU*/

.navbar{
	background: #DAA250;
	font-size: 12px;
	letter-spacing: 4px;
	text-transform: uppercase;
	font-weight: bold;
}

.navbar .navbar-nav{
	display: inline-block;
	float: none;
	vertical-align: top;
}

.navbar .navbar-collapse{
	text-align: center;
}

.navbar li a{
	color: #fff !important;
}

.navbar-nav li a:hover, .navbar-nav li.active a:hover{
	color: #DAA250 !important;
	background: #fff !important;
}

.navbar-default .navbar-toggle{
	border-style: none;
}

.icon-bar{
	background: #fff !important;
}

.navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.open>a{
	background: #fff !important;
	color: #DAA250 !important;
}

section:nth-child(odd), section:nth-child(even) .divider, section:nth-child(odd) .white{
    background-color: #fff;
	color: #DAA250;
}

section:nth-child(odd) .button1, section:nth-child(even) .button1:hover {
	background: #333;
	color: #fff;
	border: 2px #DAA250 solid;
}

section:nth-child(even) .button1 {
	border: 2px solid #fff;
}

section:nth-child(even), section:nth-child(odd) .divider, section:nth-child(odd) .button1:hover, section:nth-child(even) .button1 {
    background-color: #DAA250;
}

section:nth-child(even) h2, section:nth-child(even) h3, .carousel-control.left, .carousel-control.right, .divider, section:nth-child(odd) .button1:hover, section:nth-child(even) .button1, section:nth-child(even) .white {
	color: #fff;
}

/*ABOUT*/

#about{
	padding-top: 100px;
}

.profile-picture{
	text-align: center;
	margin: 0 auto;
	float: none;
}

.profile-picture img {
	border: 2px solid #fff;
}

#about .heading h1{
	color: #fff;
	text-transform: uppercase;
	
}

#about .heading h3{
	color: #000;
}

.button1{
	font-weight: bold;
	text-transform: uppercase;
	display: inline-block;
	margin-top: 20px;
	padding: 18px 50px;
	border-radius: 3px;
	transition: all 0.3s ease-in 0s;
	background: transparent;
}

.button1:hover{
	text-decoration: none;
}

a:focus, a:hover {
    color: #fff;
	text-decoration: none;
}

/*SKILLS*/

#skills .heading h2{
	color: #DAA250;
}

#skills .progress{
	height: 100%;
	margin: 30px 20px;
	background: #ddd;
}

#skills .progresscircle{
	height: 100%;
	margin: 30px 20px;
}

.fas{
	color: #DAA250;
}

#skills .progress-bar{
	background: #DAA250;
	text-align: start;
	color: #333;
	line-height: 25px;
	font-size: 15px;
	padding-left: 10px;
}

#skills .progress h5{
	text-shadow: 1px 1px 1px #000;
}

/*EXPERIENCE*/

#experience .heading h2{
	color: #fff;
}

.timeline{
	padding: 30px 10px;
	position: relative;
}

.timeline:before{
	top: 0;
	bottom: 0;
	position: absolute;
	content: " ";
	width: 5px;
	background: #fff;
	left: 50%;
	margin-left: -2.5px;
}

.timeline > li{
	margin-bottom: 20px;
	position: relative;
}

.timeline > li:after{
	clear: both;
}

.timeline > li:before, .timeline > li:after{
	content: " ";
	display: table;
}

.timeline li .timeline-badge{
	color: #DAA250;
	width: 50px;
	line-height: 50px;
	font-size: 20px;
	text-align: center;
	position: absolute;
	top: 16px;
	left: 50%;
	margin-left: -25px;
	background: #333;
	border-radius: 50%;
}

.timeline-panel-container{
	width: 50%;
	float: left;
}

.timeline-panel-container-inverted{
	width: 50%;
	float: right;
}
.timeline-panel {
	width: 90%;
	float: right;
	margin-right: 40px;
	border: 1px solid #d4d4d4;
	border-radius: 7px;
	padding: 20px 25px;
	position: relative;
	box-shadow: 0 1px 6px rgba(0,0,0, 0.175);
	background: #fff;
}

.timeline-panel-container-inverted .timeline-panel{
	float: left;
	margin-left: 40px;
}

.timeline-panel:after{
	position: absolute;
	top: 27px;
	right: -14px;
	display: inline-block;
	border-top: 12px solid transparent;
	border-left: 14px solid #fff;
	border-right: 0 solid #fff;
	border-bottom: 14px solid transparent;
	content: " ";
}

.timeline-panel-container-inverted .timeline-panel:after{
	border-left-width: 0;
	border-right-width: 14px;
	left: -14px;
	right: auto;
}

.timeline-heading h3{
	color: #333 !important;
	margin-top: 5px;
	font-size: 20px;
}

.timeline-heading h4{
	color: #DAA250;
}

.timeline-heading i{
	color: #DAA250;
}

/*portfolio*/

#portfolio .heading h2{
	color: #DAA250;
}

#portfolio .thumbnail img {
	width: 100%;
	filter: grayscale(0%);
	-webkit-filter: grayscale(0%);
}

#portfolio .thumbnail img:hover {
	width: 100%;
	width: 100%;
	filter: grayscale(100%);
	-webkit-filter: grayscale(100%);

}

.thumbnail, a.thumbnail:hover {
	border: #DAA250 solid 4px;
	padding: 0;
}

h3 svg{
	color: #DAA250;
}

/*RECOMANDATION*/

.carousel-control.left, .carousel-control.right {
	background: none;
}

.carousel-indicators{
	bottom: 0px;
}

.carousel-indicators li{
	border-color: #DAA250;
}

.carousel-indicators li.active{
	background-color: #DAA250;
}

#Carousel .item{
	padding: 40px 30px;
}

#Carousel .item h3{
	font-style: italic;
}

/*CONTACT*/
#contact{
	text-align: left !important;
}
.heading{
	text-align: center;
	margin-bottom: 40px;
}

#contact .heading h2{
	text-transform: uppercase;
	font-weight: bold;
}

#contact-form{
	font-size: 20px;
	padding: 40px;
	border-radius: 10px;
	color: #333
}

.form-control{
	height: 50px;
	font-size: 18px;
}

.comments{
	font-style: italic;
	font-size: 18px;
	color: #d82c2e;
	height: 25px;
}

#contact-form input[type=submit]{
	margin: 10px auto 0px;
	display: block;
}

.button2{
	border: 1px solid #ddd;
	background: #333;
	color: #DAA250;
	width: 100%;
	font-weight: bold;
	text-transform: uppercase;
	padding: 18px;
	border-radius: 5px;
	transition: all 0.3s ease-in 0s;
}
.button2:hover{
	background: #fff;
	border: #ddd;
	color: #333;
}

.thank-you{
	color: greenyellow;
	text-align: center;
	margin-top: 15px;
	font-weight: bold;
	font-size: 22px;
}

/*FOOTER*/

footer{
	background: #333;
	padding: 20px 0 40px;
}

footer .glyphicon{
	font-size: 20px;
	margin: 20px;
	color: #DAA250;
	height: 40px;
}

footer h5 .glyphicon{
	font-size: 14px;
	margin: 0;
	color: #DAA250;
	height: 30px;
}

footer .glyphicon-chevron-up:hover{
	font-size: 37px;
	margin: 20px;
	color: #DAA250;
	height: 40px;
}

footer h5{
	color: #fff;
	font-weight: normal;
}

footer h5 a{
	color: #fff !important;
	text-decoration: none !important;
}

footer h5 a:hover{
	color: #DAA250 !important;
	text-decoration: none !important;
}