*{	-webkit-transition: .7s ease-out;
 	-moz-transition: .7s ease-out;
 	-o-transition:  .7s ease-out;
 	transition: .7s ease-out;
    list-style: none;
}

/*================================
TYPOGRAPHY
================================*/
body {
    font-family: 'Roboto', sans-serif;
    line-height: 1.6em;
}

.bigicon {font-size: 3em;}
h2{font-size: 107px;}
h3{font-size: 28px;}
h3::selection {
    background: #fff546;
    color: #000;
}

h6{font-size: 27px;}
.textoc{font-size: 20px;}

/* Firefox */
h3::-moz-selection {
    background: #fff546;
    color: #000;
}

h4{font-size: 18px; line-height: 1.4em;}


h4::selection {
    background: #fff546;
    color: #000;
}

/* Firefox */
h4::-moz-selection {
    background: #fff546;
    color: #000;
}

a::selection {
    background: #fff546;
    color: #000;
}

/* Firefox */
a::-moz-selection {
    background: #fff546;
    color: #000;
}


p{
    letter-spacing: 1px;
    color: #000;
    font-weight: lighter;
}

p::selection {
    background: #fff546;
    color: #000;
}

/* Firefox */
p::-moz-selection {
    background: #fff546;
    color: #000;
}


#redes {
	position:fixed;
	bottom:0;
	
}

.top-icons {
    z-index: 1;
    top:75%;
    position: fixed;
    left: 2%;
	font-size: 150%;

}

.top-icons li a{
	color:#000;
	}
.top-icons li a:hover{
	color:#000;
	}

/*================================
DEFAULT STYLE & FORMATING
================================*/
ul{padding: 0;}
a{color: #000; /*font-weight: 700;*/}
a:hover{color: #000; text-decoration: none;}

#services{text-align: center;}
.col-md-4, .col-md-6{padding-bottom: 50px;}
.col-md-3 {padding: 0;}

.sectionhead{
    text-align: center;
    padding-top: 100px;
    padding-bottom: 50px;
}

hr.separetor{
    width: 80px;
    color: #363942;
    border-top: 2px solid #fff546;
}


.btn-default{
    background: none;
    border: none;
    text-transform: uppercase;
    margin: 50px 0;
    /*color: #c3c3c3;*/
    letter-spacing: 2px;
}

.btn-default:hover{
    background: none;
    color: #fff546;
}

.btnicon, .brandicon{
    margin-right: 10px;
}

.espacio{
    margin-top: 10px;
}


/*================================
HERO AREA
================================*/
#hero{
    color: #000;
    text-align: left;
    /*background: url(../img/trianglify-background.svg)no-repeat; your background image*/
    max-height: 150px;
    overflow: hidden;
	/*font-weight:700;*/
}

.herocontent{
    padding-top: 50px;
    width: 100%;
    max-width: 900px;
}
.heroshot{
    margin-top: 20px;
    width: 100%;
    max-width: 1200px;
	}
	
.link1{color: #000}
.link1:hover{color: #000;
/*background: url(../img/line.jpg) repeat-x center left;*/
margin-left:150px;
/*background-image: url(../img/line.jpg) repeat-x center;

text-decoration:line-through;
text-decoration-color:#ea9312;*/
}

.link2{color: #000}
.link2:hover{color: #666;
/*background: url(../img/line2.jpg) repeat-x center left;
margin-left:50px;*/
/*background-image: url(../img/line.jpg) repeat-x center;

text-decoration:line-through;
text-decoration-color:#ea9312;*/
}

.coltexto{min-height:1px;padding-right:15px;padding-left:15px; width:25%; float:left; 
position: -webkit-sticky; /* Safari */
  position: sticky;
  bottom: 3px;
  padding-top:150px;}

.colimg{min-height:3px;padding-right:15px;padding-left:15px; width:75%; float:right}

.pad1{ padding:10px;}
.pad2{ padding:30px;}
.margin1{margin-bottom:10px;}
.margin2{margin-top:45px;}
.pad3{ padding-left:10px; padding-right:10px;}

/*================================
CLIENTS SECTION
================================*/
#clients{
    padding-top: 30px;
}
#clients h4{
    text-transooteorm: uppercase;
    padding-top: 10px;
}

#clients .col-md-4{
    padding-bottom: 0;
}

#clients ul{float: right}

#clients li{
    display: inline;
    margin-right: 35px;
}

#clients li:last-child{
    margin-right: 0px;
}

.what {
	position:fixed;
	text-align:right;
	z-index:9000;
	padding:5em 0px;
	/*float: none;
	width: 95%;*/
	right:5%;
	float:right;
	top:75%;

}


/*================================
ABOUT SECTION
================================*/
#about{padding-top: 100px;}
#nosotros{padding-top: 20px;}

.myapps{margin-top: 25px;}
.myapps li{display: inline}
.myapps li img{
    width: 30px;
}

.textoa{margin-top: 10px;
float: left;
margin-left: 30px;}

.altoybajo {
margin: 20px 0;}

.derecha {
float: right}

.izquierda {
float: left}

 .container2{width: 100%;}

/*================================
PORTFOLIO SECTION
================================*/
#portfolio{
    background: #fff;
    margin-top: 10px;
    padding: 30px 0;
    text-align: center;
}


.portfolio_block{
	width: 100%;
}


#trabajos{
    background: #fff;
    margin-top: 10px;
    padding: 30px 0;
    text-align: center;
}

#shotsByPlayerId li{
    width: 31%;
    float: left;
    padding: 15px;
    margin: 10px;
    background: #fff;
    border-radius: 5px;
}

#shotsByPlayerId li:hover{
    box-shadow: 1px 2px 25px rgba(160, 160, 160, 0.4);
    -webkit-transition: .7s ease-out;
 	-moz-transition: .7s ease-out;
 	-o-transition:  .7s ease-out;
 	transition: .7s ease-out;
}

#shotsByPlayerId li img{
    width: 100%;
    border-radius: 5px;
}

#shotsByPlayerId img:hover{
    opacity: .5;
    overflow: hidden;
}

#shotsByPlayerId a:hover{color: #fff546;}

#shotsByPlayerId h3{
    text-align: left;
    font-size: 14px;
    letter-spacing: 1px;
    text-transform: uppercase;
    font-weight: normal;
    white-space: nowrap;
    width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;}

#shotsByPlayerId h3 a{color: #363942;}

.likecount a{float: left; /*color: #c3c3c3;*/}
.commentcount a{float: right; /*color: #c3c3c3;*/}

/*================================
TESTIMONIAL SECTION
================================*/

.clientsphoto img{
    width: 80px;
    float: left;
    margin-right: 20px;
    border-radius: 50%;
}

.clientsphoto img:hover{
    border-radius: 15%;
}

blockquote{
    margin: 0;
    padding: 0 0 10px 0;
    border: none;
}

blockquote p{   
    font-style: italic;
    font-size: 14px;
}

.quote{overflow: hidden}
.quote h5{margin-bottom: 5px;}


/*================================
FOOTER SECTION
================================*/

footer{
    text-align: left;
    padding: 10px 0;
    background: #ffffff;
}

footer p, footer .bigicon {color: #000;}

.footerlinks{margin: 30px 0;}
.footerlinks li{
    display: inline;
    padding: 10px;
    text-transform: uppercase;
    letter-spacing: 3px;
}

.footersocial {margin-top: 30px;}

.footersocial li{
    display:inline;
    padding: 0 15px;
    font-size: 2em;
}

.footersocial li a {color: #000;}
.footersocial li a:hover {color: #000;}