/* Have fun adding your style here :) - PS: At all times this file should contain a comment or a rule, otherwise opera might act buggy :( */

/* General Custom CSS 
 * azul:#142033
 * naranja:#fb6019
 * */

@font-face {
  font-family: "Exo 2";
  src: url('../fonts/Exo2-Regular.ttf') format('truetype'); 
  font-weight:400;
}

@font-face {
  font-family: "Exo 2";
  src: url('../fonts/Exo2-Bold.ttf') format('truetype'); 
  font-weight:700;
}

h1,h2,h3{
	font-family: "Exo 2";
	font-weight:700 !important;
	text-transform:none !important;
}
h1{
	font-size:40px;
}

h2, h3, .avia-content-slider .slide-entry-title {
	font-size:34px;
	padding-bottom:20px !important;
}

p,#socket .copyright, .avia3-menu ul li a, .av-main-nav li a, input[type='submit']{
	font-family: "Exo 2";
	font-weight:400 !important;
	font-size:16px;
}

p{
	text-align:justify;
}
#top #wrap_all .header_color .av-menu-button-colored > a .avia-menu-text {
    padding: 15px 39px;
}

/*Socket*/
#socket .sub_menu_socket li {
    border-left-style: unset !important;
}

.avia3-menu ul li, .copyright {
	padding-top:10px;
}

.avia3-menu ul li a{
	line-height:30px;
	margin: 0px 10px;
}

/*Inicio*/
.bg-inicio {
    background-color: #14263F;
    padding:30px 20px 50px 20px !important;
}
#top .avia-smallarrow-slider-heading {
    position: absolute;
    bottom:-30px;
    right: 80%;
	transform: skew(-10deg);
}
#top .avia-smallarrow-slider .avia-slideshow-arrows a {
    height: 60px;
    line-height: 46px;
    font-size: 40px;
}
#top .avia-smallarrow-slider .avia-slideshow-arrows a:before {
    line-height: 60px;
}

.avia-slideshow-arrows a:before {
    background: rgb(0 0 0 / 0%) !important;
}
#top .avia-smallarrow-slider .avia-slideshow-arrows {
    width: 115px;
}

#top .avia-smallarrow-slider.av-slideshow-ui .avia-slideshow-arrows.av-visible-next a.next-slide, #top .avia-smallarrow-slider.av-slideshow-ui .avia-slideshow-arrows.av-visible-prev a.prev-slide{
    width: 50px !important;
}

/*Contacto*/
.contacto-form form h3{
	text-align:center;
}

.contacto-form form{
	transform: skew(10deg);
    padding: 20px 50px;
}
.contacto-form{
	transform: skew(-10deg);
    overflow: hidden;
    display: inline-block;
}

input[type="text"]{
	border:none;
	border-bottom: 2px solid  #FB6119 !important;
	color:#ffff !important;
	background-color:#14263F !important;
}

#top fieldset {
	padding:20px;
}

.form_element label, input::placeholder{
	 color:#ffff !important;
}

.avia_ajax_form .button {
    float: right;
	margin-top: 20px;
}

/*
Desktop Styles
================================================== */
/* Note: Add new css to the media query below that you want to only effect the desktop view of your site */

@media only screen and (min-width: 768px) {
  /* Add your Desktop Styles here */

}



/*
Mobile Styles
================================================== */
/* Note: Add new css to the media query below that you want to only effect the Mobile and Tablet Portrait view */

@media only screen and (max-width: 860px) {
  /* Add your Mobile Styles here */
	
	h1{
		font-size:30px;
	}
	h2,h3, .avia-content-slider .slide-entry-title {
		font-size:28px;
	}
	h1, h2, h3, .av-subheading p{
		text-align:center;
	}
	
	/*Inicio*/
	#top .avia-smallarrow-slider-heading {
    	bottom:0;
    	right: 0;
	}
	
	/*Socket*/
	#footer .container, #socket .container{
		text-align:center;
	}
	
	.avia3-menu ul li a{
		margin: 0px 5px;
	}
	
	/*Contacto*/
	.contacto-form form{
		padding: 20px;
	}
	
}