/*=============================================================

    Authour URI: www.binarytheme.com

    License: Commons Attribution 3.0



    http://creativecommons.org/licenses/by/3.0/



    100% To use For Personal And Commercial Use.

    IN EXCHANGE JUST GIVE US CREDITS AND TELL YOUR FRIENDS ABOUT US

   

    ========================================================  */







/*=======================================

    GENERAL STYLES

==================================================*/

body {

          font-family:'Open Sans', sans-serif;

    font-size:14px;

  background-color:#660016;

}



.nav a {

    color:#000000; !important;

}

.navbar-header a {

    color:#ffffff !important;

    padding-right:100px;

}



.text-center {

    text-align:center;

}



h1, h2, h3, h4, h5, h6 {

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

}



h1 {

    line-height:80px;

    font-weight:900;

    font-size:60px;

    padding:30px 20px 10px 20px;

}

h2 {

    line-height:40px;

    font-weight:900;

    font-size:30px;

     padding:20px 20px 10px 0px;

     text-transform:uppercase;

}

h3 {

    line-height:30px;

    padding-bottom:20px;

}

h4 {

    line-height:40px;

    padding-bottom:15px;

}



p {

    font-weight:300;

    line-height:30px;

    padding-bottom:20px;

}



.space-free {

    height:100px;

}





section {

    padding-top:100px;

    padding-bottom:30px;

}



/*=======================================

    COLOR CODES

==================================================*/

.color-white {

   background-color:#fff!important;

    padding-top: 150px;

    padding-bottom: 80px;

}

.color-dark {

   background-color:#696969!important;

}



.color-light {

   background-color:#E9E9E9!important;

}



/*=======================================

    HEADER STYLES

==================================================*/

.head-main {

    font-size:80px !important;

    font-weight:900!important;

    color:#fff!important;

    padding:150px 20px 10px 20px;

}

.head-sub-main {

    font-size:40px !important;

    font-weight:600!important;

    color:#fff!important;

    padding:5px 20px 150px 20px;

}





/*=======================================

    NAVIGATION STYLES

==================================================*/





nav {

	position: absolute;

	width: 100%;

    background: #fff;

    z-index:99;

}

.fixed {

	position: fixed; 

	top: 0; 

	min-height: 50px; 

	z-index: 99;

}



.navbar-inverse {

background-color: #fff;

min-height: 80px;

padding-top: 10px;

font-size: 18px;

    border-bottom-style: solid;

    border-bottom-width: 5px;

    border-bottom-color: #66016;

}

.navbar-brand {



font-size: 30px;

}



/*=======================================

    WORK FLOW STYLES

==================================================*/





.work-div {

	width: 100%;

	border: 0;

    padding:20px;

    margin-bottom:30px;

}

/*=======================================

    CONTACT STYLES

==================================================*/



#social-icon a {

    color:#616161!important;

    margin-right:10px;

}

.contact-cls {

    font-size:20px;

    line-height:40px;

}

.cnt {

width: 100%;

min-height: 350px;

border: 1px solid #e1e1e1;

}

/*=======================================

    FOOTER STYLES

==================================================*/





#footer {

    background-color:#333333;

    color:#c1c1c1;

    padding:20px 50px 20px 50px;

    text-align:center;

}





.footer-final {

    padding-top: 50px;

    padding-bottom: 60px;

    background-color: #590012;

    background-image: url(http://sagentsrl.com/pfooter.jpg);

    background-attachment: fixed;

    background-position: center;

    background-repeat: no-repeat;

    background-size: cover;

    height: 100%;

    font-size: 1.1em;

    

}



.footer_telefonos{

    padding-top: 30px;

    padding-bottom: 30px;

    background-color: #590014;

    height: 100%; 

    

}



.titulo_footer {

    font-size: 1.2em;

    color: #fff;

    text-transform: uppercase;

    padding-bottom: 5px;

    border-bottom: 2px solid #ff8b00;

    line-height: 48px;

}



.texto_footer {

    font-size: 1.1em;

    color: #fff;

   

}



.titulo_rows {

    padding-bottom: 5px;

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

    border-bottom: 3px solid #660016;

    line-height: 48px;

    font-weight:bold;

    font-size:30px;

    color: ##2c2c2c;

    

}





.titulo_rows_oscuro {

    padding-bottom: 5px;

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

    border-bottom: 3px solid #ff8b00;

    line-height: 48px;

    font-weight:bold;

    font-size:30px;

    color: #fff;

    

}



.servicio1 {

   

    padding-top: 80px;

    padding-bottom: 80px;

    background-color: #590012;

    background-image: url(http://sagentsrl.com/parallax1.jpg);

    background-attachment: fixed;

    background-position: center;

    background-repeat: no-repeat;

    background-size: cover;

    height: 100%; 

}



.servicio2 {

    padding-top: 80px;

    padding-bottom: 80px;

    background-color: #232323;

    background-image: url(http://sagentsrl.com/parallax2.jpg);

    background-attachment: fixed;

    background-position: center;

    background-repeat: no-repeat;

    background-size: cover;

    height: 100%; 

}



.servicio3 {

    padding-top: 80px;

    padding-bottom: 80px;

    background-color: #590012;

    background-image: url(http://sagentsrl.com/parallax3.jpg);

    background-attachment: fixed;

    background-position: center;

    background-repeat: no-repeat;

    background-size: cover;

    height: 100%; 

}



.partners_section {

    

    padding-top: 80px;

    padding-bottom: 100px;

    background-color: #fff;

    height: 100%; 

    

}



.contacto_section {

    padding-top: 80px;

    padding-bottom: 80px;

    background-color: #f7f7f7;

    background-image: url(http://sagentsrl.com/contact_map_sg.jpg);

    background-attachment: fixed;

    background-position: center;

    background-repeat: no-repeat;

    background-size: cover;

    height: 100%; 

}





/* CONTACTO */



textarea {

	resize: none;

}

.form-label {

	font-size: 1em;

	color: #660016;

	margin: 0;

	display: block;

	opacity: 1;

	-webkit-transition: .333s ease top, .333s ease opacity;

	transition: .333s ease top, .333s ease opacity;

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

    

}

.form-control {

	border-radius: 0;

	border-color: #ccc;

   	border-width: 0 0 2px 0;

   	border-style: none none solid none;

   	box-shadow: none;

}

.form-control:focus {

	box-shadow: none;

	border-color: #660016;

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

}

.js-hide-label {

	opacity: 0; 	

}

.js-unhighlight-label {

	color: #999 

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

}

.btn-start-order {

    border-bottom: 5px solid #333333;

	background: 0 0 #660016;

    border-radius: 3px;

    color: #fff;

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

    font-size: 16px;

    line-height: inherit;

    margin: 30px 0;

    padding: 10px 50px;

    text-transform: uppercase;

    transition: all 0.25s ease 0s;

    width: 100%;

}

.btn-start-order:hover,.btn-start-order:active, .btn-start-order:focus {

    border-bottom: 5px solid #660016;

	color: #fff;

    background-color: #333333;

}



.footer_telefonos {

    font-size: 1.05em;

}



.bandera {

    width: 20px;

    height: 14px;

    padding-top: 0px;

   

}





/* carousel */

.media-carousel 

{

  margin-bottom: 0;

  padding: 0 40px 30px 40px;

  margin-top: 30px;

}

/* Previous button  */

.media-carousel .carousel-control.left 

{

  left: -12px;

  background-image: none;

  background: none repeat scroll 0 0 #0063a9;

  border: 4px solid #FFFFFF;

  border-radius: 23px 23px 23px 23px;

  height: 40px;

  width : 40px;

  margin-top: 30px

}

/* Next button  */

.media-carousel .carousel-control.right 

{

  right: -12px !important;

  background-image: none;

  background: none repeat scroll 0 0 #0063a9;

  border: 4px solid #FFFFFF;

  border-radius: 23px 23px 23px 23px;

  height: 40px;

  width : 40px;

  margin-top: 30px

}

/* Changes the position of the indicators */

.media-carousel .carousel-indicators 

{

  right: 50%;

  top: auto;

  bottom: 0px;

  margin-right: -19px;

}

/* Changes the colour of the indicators */

.media-carousel .carousel-indicators li 

{

  background: #c0c0c0;

}

.media-carousel .carousel-indicators .active 

{

  background: #333333;

}

.media-carousel img

{

  width: 250px;

  height: 100px

}

/* End carousel */

/*estilos gracias*/

.gracias{

    text-align: center;

    color: white;

    font-size: 40px;

    background: rgba(0,0,0,0.4);

}

.verde {
  filter: hue-rotate(120deg);
}