/**
* Template Name: MyPortfolio - v2.1.0
* Template URL: https://bootstrapmade.com/myportfolio-bootstrap-portfolio-website-template/
* Author: BootstrapMade.com
* License: https://bootstrapmade.com/license/
*/

/*--------------------------------------------------------------
# General
--------------------------------------------------------------*/
body {
    font-family: "Rubik", monosapce;
   
}

h1, h2, h3, h4, h5, h6, .font-heading {
    font-family: "Rubik", sans-serif;
	
}
.custom-navmenu {
    background: transparent;
    position: absolute;
    width: 100%;
}

.custom-navmenu .custom-menu {
       margin-top: 60px;
    position: absolute;
    z-index: 300;
    right: 15px;
}
.custom-navmenu .custom-menu li {
 margin-bottom: 0;
    font-size: 20px;
    display: inline-block;
    margin-left: 30px;
    margin-top: 10px;
    z-index: 30;
    float: right;
}
.custom-navmenu .custom-menu li a {
    color: #50607F;
	font-weight: 700;
}

.custom-navmenu .custom-menu li.active a {
    text-decoration: none;
    color: #08296B;
}

.custom-navmenu .custom-menu li a:hover {
   
    color: #08296B;
}
.perfilOG h2 {
       font-size: 15px;
    color: #000000;
    letter-spacing: -1px;
    font-weight: 300;
    margin-top: -118px;
    line-height: 22px;
}
.perfilOG h3 {
    font-size: 15px;
    color: #BDBDBD;
    letter-spacing: 0px;
    font-weight: 500;
    font-style: italic;
    line-height: 0px;
}

.perfilOG h2 span {
    width: 100%;
    float: left;
}
 .blue-line{
    position: absolute;
    top: -55%;
    right: 28%;
    width: 98%;
    height: 1px;

	background-color:#50607F;
	-webkit-transform-origin:top right;
	-moz-transform-origin:top right;
	-ms-transform-origin:top right;
	-o-transform-origin:top right;
	transform-origin:top right;
	-webkit-transform: rotate(-25deg);
	-moz-transform:rotate(-25deg);
	-ms-transform:rotate(-25deg);
	-o-transform:rotate(-25deg);
	transform:rotate(-25deg));
	z-index:-1;
}

.footer {
    padding: 1rem 0;
    position: fixed;
    width: 100%;
    bottom: 0;
    background-color: rgba(255,255,255,0.9);
}


.behance-container{
	margin-top: 85px;
}

.eb-container .wrap-projects li .wrap-cover {

    border: none;
   
    border-radius: 20px;
}

.eb-container .wrap-projects li .wrap-cover .fields-in-cover > svg {
  
    display: none;
}

.eb-container .wrap-projects li .wrap-cover .fields-in-cover > li {
 
    font-weight: 300;
letter-spacing: -1px;
	    margin: 0.1em 0;
}

.eb-container .wrap-projects li .wrap-title {
    font-weight: 300;
    transition: color 0.3s;
    color: #08296B;
}

.social a {

    background: transparent;

    color: #000000;
}
.eb-container aside.sidebar-desktop .eb-desktop-info {

    display: none;
}

.eb-container .wrap-headings .wrap-title {
    font-size: 1.2em;
    font-weight: 700;
    color: #000000;
    line-height: 9px;
    letter-spacing: -1px;
    padding-top: 14px;
}

.eb-container .wrap-headings .wrap-description {
  font-weight: 300;
    font-size: 1em;
    color: #000000;
    line-height: 1.2em;
    padding-right: 3em;
    padding-top: 5px;
}

section.resumen{
	
	padding-top:0px;
	
}
section.resumen img{
margin: -25% 0 0 0;
}
section.contacto {
	
	padding-top:0px;
	
}
section.resumen h2{
	font-weight: 300;
	font-size: 1.7em;
	letter-spacing: -1px;
}

section.resumen p{
	
	font-weight: 300;
	font-size: 1.3em;
	letter-spacing: -1px;
	color: #000000
		
	
}
section.resumen p span{
	
	font-weight: 700;
	
		
	
}
section.resumen p span.garabato{
color:#BDBDBD;
}
	
section.resumen strong{
	font-weight: 500;
		
	
}

section.resumen a.legno {
       text-decoration: none;
     background: rgba(9,174,166,1);
background: -moz-linear-gradient(-45deg, rgba(9,174,166,1) 0%, rgba(58,174,9,1) 100%);
background: -webkit-gradient(left top, right bottom, color-stop(0%, rgba(9,174,166,1)), color-stop(100%, rgba(58,174,9,1)));
background: -webkit-linear-gradient(-45deg, rgba(9,174,166,1) 0%, rgba(58,174,9,1) 100%);
background: -o-linear-gradient(-45deg, rgba(9,174,166,1) 0%, rgba(58,174,9,1) 100%);
background: -ms-linear-gradient(-45deg, rgba(9,174,166,1) 0%, rgba(58,174,9,1) 100%);
background: linear-gradient(135deg, rgba(9,174,166,1) 0%, rgba(58,174,9,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#09aea6', endColorstr='#3aae09', GradientType=1 );
	   color: transparent !important;
    -webkit-background-clip: text !important;
    background-clip: text !important;
		
		
	opacity: inherit;
}

section.resumen a.legno:hover {
	text-decoration: none;
	color: #000000 !important
}
.readmore {
    display: inline-block;
    border: 2px solid #08296B;
    padding: 10px 30px;
    font-size: 19px;
    text-transform: none;
    color: #08296B;
    transition: .2s all ease;
    font-weight: 700;
	    margin-top: 50px;
	background-color: #ffffff;
}

.readmore:hover {
    color: #fff;
    text-decoration: none;
    background: #08296B;
}

section.contacto label {
   
    font-size: 19px;
    color: #08296B;
    font-weight: 500;
}

section.contacto .form-control {
    border-radius: 0;
    background: #ffffff;
    border: 1px solid #50607F;
    padding-top: 10px !important;
    padding-bottom: 10px !important;
}

section.contacto li .line {
    font-size: 1.3em;
    color: #08296B;
    line-height: 1.1em;
    border-bottom: 1px solid #08296b;
    padding-bottom: 25px;
}
section.contacto li  {
    font-size: 1.2em;
	font-weight: 300;
   
}

section.contacto li.icon-pag-error {
    background-repeat: no-repeat;
    background-image: url(../img/error-icon.svg);
    background-position: right center;
}

@media screen and (max-width: 950px) {
.eb-container aside.sidebar-mobile {
    display: none;
	}
}
 @media screen and (max-width: 767px) {
	
.perfilOG h2 {
  
  
    
}
	 
	 .custom-navmenu .custom-menu {
 
    top: 190px;
}
	 
	 .custom-navmenu .custom-menu li {
 
    font-size: 16px;

    margin-left: 25px;
  
}
	 .eb-container .wrap-headings .wrap-title {
    
    line-height: 22px;
   
}
}