/*
Theme Name: B180
Theme URI: http://bumerang180.com/
Description: Website for Bumerang180
Author: Bumerang 180 Internacional
Author URI: http://bumerang180.com/
Version: 2017
*/

/*
PALETA DE COLORES
Aqua			#008EB3
Verde			#D9E254
Gris claro		#B2B2B2
Gris oscuro		#59646A
*/

/*
Fuentes de Google:
*/
@import url('https://fonts.googleapis.com/css?family=Raleway:300,300i,400,400i,500,500i,600,600i,700,700i,800,800i,900,900i');

/*
Iconos:
*/
@import url('styles/icomoon/style.css');


/* GENERALES */
body {
	color: #59646A;
	font-family: 'Raleway', sans-serif;
	font-size: 14px;
}
a {
	color: inherit;
}
a:active,
a:hover,
a:focus,
a:visited {
	cursor: pointer;
	color: inherit;
	text-decoration: none;	
}
a.button {	
	color: #D9E254;	
	background: #008EB3;
	
}
a.button:hover {
	color: #008EB3;
	background: #D9E254;
}
a.button,
a.link {
	display: inline-block;
	font-size: 1.25em;
	font-weight: 900;
	margin: 0 1em;
	padding: 0.25em 1.5em;
	border-radius: 6px;
	letter-spacing: 1px;
	text-transform: uppercase;
}
a.link {
	color: #008EB3;
	background: #D9E254;
}
a.link:hover {	
	background: white;
}
h1 {
	color: white;
	font-size: 4.5em;
	font-weight: 900;
	line-height: 1em;
	margin: 0;
	text-transform: uppercase;
	text-shadow: 1px 1px 1px rgba(0,0,0,0.5);
	text-align: center;
}
h2 {
	color: #D9E254;
	font-size: 4em;
	font-weight: 900;
	margin: 0;
	text-align: center;
	text-transform: uppercase;
}
h3 {
	color: #008EB3;
	font-size: 1.75em;
	font-weight: 900;
	margin: 0;
	text-align: center;
	text-transform: uppercase;
}
h4 {
	color: #59646A;
	font-size: 1.25em;
	font-weight: 900;
	margin: 0.5em 0 0;
	text-transform: uppercase;	
}
h5 {
	color: #D9E254;
	font-size: 1.15em;
	font-weight: 700;
	letter-spacing: 1px;
	margin: 0.5em 0 0;
}
hr {
	border: 1px dashed #D9E254;
}
iframe {
	width: 70%;
	height: 450px;
	margin: 0 15%;
}
p {
	text-align: center;
}
section.col-sm-12 {
	margin-bottom: 3em;
}
select, textarea, .form-control {
    display: block;
    width: 100%;
    height: auto;
    padding: 6px 12px;
    font-size: 1em;
    line-height: 1.42857143;
    color: #5C5D5F;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 6px;
}
select {
    height: 34px;
}
ul {
	list-style: none;
	margin-bottom: 0;
	-webkit-padding-start: 0;
}
.clearfix {
	clear: both;
}
.row {
    margin: 0;
}


/* HEADER */
header.col-sm-12 {
	width: 100%;
	height: auto;
	padding: 3em 3% 0;
	margin-bottom: 6em;
	text-transform: uppercase;
	text-shadow: 1px 1px 1px rgba(0,0,0,0.2);
}
header span {
    display: none;
}
.dropdown-menu {
    padding: 0;
}
.nav li a {
    padding: 7px 10px;
}
.navbar {
    background-image: none;
    min-height: 0;  
    margin: 0;
}
.navbar-collapse {
    background-color: transparent;
    margin-top: 3em;
    padding: 0;
}
.navbar-default {   
    background-color: transparent;
    border: none;
    box-shadow: none;
}
.navbar-default .navbar-nav>li>a {
    color: white;
    font-weight: 300;
    line-height: 30px;
    text-shadow: 1px 1px 1px rgba(0,0,0,0.5);
}
.navbar-default .navbar-nav>li>a.button {
    color: white;
    font-weight: 700;
}
.navbar-default .navbar-nav>li>a:focus,
.navbar-default .navbar-nav>li>a:hover,
.navbar-default .navbar-nav>.active>a,
.navbar-default .navbar-nav>.active>a:focus,
.navbar-default .navbar-nav>.active>a:hover {
    background-color: transparent;
    background-image: none;
    text-decoration: none;
    color: #D9E254;
}
.navbar-default .navbar-nav>li>a.button:focus,
.navbar-default .navbar-nav>li>a.button:hover,
.navbar-default .navbar-nav>.active>a.button,
.navbar-default .navbar-nav>.active>a.button:focus,
.navbar-default .navbar-nav>.active>a.button:hover {
    color: white;
    background-color: #434244;
}
.navbar-default .navbar-nav>.active>a,
.navbar-default .navbar-nav>.open>a {
    box-shadow: none;
}
.navbar-default .navbar-nav>.open>a,
.navbar-default .navbar-nav>.open>a:focus,
.navbar-default .navbar-nav>.open>a:hover {
    background-color: transparent;
    background-image: none;
    color: #ED2927;
}
.navbar-nav {
    margin: 0 0 -1.2em;
}
#menu {
	display: inline-block;
}
.logo img {
    max-width: 100%;
}
.menu {
	text-align: right;
}
.social {
	display: inline-block;
	width: auto;
	margin: 0 1em 0 0;
}
.social li {
	display: inline-block;
	position: relative;
	margin: 0 0.25em;
}

.social li a {
	display: inline-block;
	position: absolute;
	top: -0.15em;
	left: 0;
	width: 1em;
	height: 1em;
}

#menu-redes-sociales li[id*="menu-item-"] {
    color: #D9E254;
	font-size: 2em;
	line-height: 0.25em;
	padding: 7px 0;
}
#menu-redes-sociales li[id*="menu-item-"]:hover {
	cursor: pointer;
	color: white;
}

/* FOOTER */
footer.col-sm-12 {
	color: white;
	padding: 0;
	width: 100%;
	height: auto;
	text-align: center;
	text-transform: uppercase;
    background-image: url(images/footer.jpg);
    background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}
footer span {
    display: none;
}
footer .filter {
	padding: 2em 3%;
	background: rgba(0,0,0,0.75);
}
#menu-redes-sociales-1 li[class*="icon-"] {
    color: #D9E254;
	font-size: 2em;
	line-height: 0.25em;
	padding: 7px 0;
}
#menu-redes-sociales-1 li[class*="icon-"]:hover {
	cursor: pointer;
	color: white;
}

/* BLOG Y POST */
.bumerang-blog,
.bumerang-post {
	padding: 0 2em 2em;
}
.bumerang-blog a.link {
	margin: 0.25em 0 0;
	float: none;
}
.bumerang-blog a.link:hover,
.bumerang-post a.link:hover {
	color: #D9E254;
	background: #008EB3;
}
.bumerang-blog a.post-edit-link,
.bumerang-post a.post-edit-link {
	display: block;
	font-style: italic;
	margin-top: 0.5em;
}
.bumerang-blog img,
.bumerang-post img {
	max-width: 100%;
}
.bumerang-blog p,
.bumerang-post p {
	text-align: left;
	margin-bottom: 0;
}
.bumerang-blog p.date,
.bumerang-post p.date {
	font-size: 12px;
}
.bumerang-post p.date,
.bumerang-post p.excerpt {
	text-align: center;
	margin-bottom: 0.25em;
}
.bumerang-blog p.category,
.bumerang-post p.excerpt {
	color: #008EB3;
	font-style: italic;
}
.bumerang-blog .row {
	padding-top: 2em;
}
.bumerang-blog .categories {
	padding: 1em 2em;
	background-color: #008EB3;
}
.bumerang-blog .categories form {
	color: white;
}
.bumerang-blog .post {
	padding: 0;
	margin-bottom: 1em;
}
.bumerang-post .quotes {
	margin-top: 4em;
	text-align: center;
}

/* BUTTONS */
.buttons {
	text-align: center;
}

/* CLIENTS */
.clients {
	padding: 2em;
}
.clients img {
	max-width: 100%;
	border: 1px dashed #D9E254;
}
.client {
	margin-top: 1em;
}

/* CONTACT FORM */
form.wpcf7-form {
    margin: 1em 0 2em;
}
form.wpcf7-form h3 {
    margin-bottom: 0.5em;
}
form.wpcf7-form h4 {
    padding: 0 15px;
}
form.wpcf7-form .section-form  {
	margin: 2em 0 0;
}
form.wpcf7-form .section-form>label  {
    padding: 0 15px;
}
form.wpcf7-form .section-form>p,
form.wpcf7-form .section-form br {
    display: none;
}
form.wpcf7-form .section-form>span.wpcf7-form-control-wrap {
	margin: 0 15px 1em;
}
form.wpcf7-form .section-form hr  {
    margin: 0 15px 15px;
}
form.wpcf7-form .section-form span.wpcf7-list-item {
    width: 100%;
    margin: 0;
}
form.wpcf7-form .section-form span.wpcf7-form-control-wrap,
form.wpcf7-form .section-form div[class*="col-sm-"] span.wpcf7-form-control-wrap {
	display: block;
	margin-bottom: 1em;
}
input[type=submit] {
	color: #008EB3;
	background: #D9E254;
	box-shadow: 2px 2px 1px rgba(241,241,241,0.2);
	font-size: 1.25em;
	font-weight: 900;
	margin: 2em 1em 0;
	padding: 0.25em 1.5em;
	border-radius: 6px;
	border: none;
	letter-spacing: 1px;
	text-transform: uppercase;
}
input[type=submit]:hover {
	cursor: pointer;
	text-decoration: none;
	color: #D9E254;
	background: #008EB3;
}
label {
    width: 100%;
    margin: 0;
    text-align: left;
}
label span input,
label span select,
label span textarea {
	font-size: 16px;
	width: 100%;
	margin: 0.25em 0 0;
	padding: 6px 12px;
    background-color: #F1F1F1;
    border: none;
}

/* DEFAULT */
.default {
	padding: 0 2em;
}
.default ul,
.default .quotes ul {
	margin-bottom: 1em;
	-webkit-padding-start: 40px;
	list-style-image: url(images/item.png);
	text-align: left;
}

/* PORTFOLIO */
div[id*="caption-"] {
    margin: auto;
    display: block;
    width: 80%;
    max-width: 700px;
    text-align: center;
    color: #ccc;
    padding: 10px 0;
    height: 150px;
}
img[id*="myImg-"] {
	max-width: 100%;
    cursor: pointer;
    transition: 0.3s;
}
img[id*="myImg-"]:hover {opacity: 0.7;}
span[class*="close-"] {
    position: absolute;
    top: 15px;
    right: 35px;
    color: #f1f1f1;
    font-size: 40px;
    font-weight: bold;
    transition: 0.3s;
}
span[class*="close-"]:hover,
span[class*="close-"]:focus {
    color: #bbb;
    text-decoration: none;
    cursor: pointer;
}
.modal {
    display: none;
    position: fixed;
    z-index: 1;
    padding: 100px 2em 0;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    overflow: auto;
    background-color: rgb(0,0,0);
    background-color: rgba(0,0,0,0.9);
}
.modal-content {
    margin: auto;
    display: block;
    width: 80%;
    max-width: 700px;
}

.modal-content, div[id*="caption-"] { 
    -webkit-animation-name: zoom;
    -webkit-animation-duration: 0.6s;
    animation-name: zoom;
    animation-duration: 0.6s;
}
@-webkit-keyframes zoom {
    from {-webkit-transform:scale(0)} 
    to {-webkit-transform:scale(1)}
}
@keyframes zoom {
    from {transform:scale(0)} 
    to {transform:scale(1)}
}
@media only screen and (max-width: 700px){
    .modal-content {
        width: 100%;
    }
}
.portfolio {
	padding: 2em;
	text-align: center;
	background-color: #008EB3;
	overflow: hidden;
}
.portfolio h3 {
	color: white;
	margin: 1em 0;
}
.portfolio p {
	color: white;
}
.portfolio .projects {
	margin-bottom: 2em;
	padding: 0 3em;
	text-align: center;
}
.portfolio .projects img {
	max-width: 100%;
}
.portfolio .projects p {
	color: white;
	margin: 0.5em 0;
}
.portfolio .projects div[id*="category-"] {
	display: inline-block;
	float: none;
	margin-right: -3px;
}

/* PORTFOLIO CAROUSEL */
.multi-item-carousel .carouse-control.left,
.multi-item-carousel .carouse-control.right {
  	background-image: none;
}
.multi-item-carousel .carousel-inner > .item {
  	-webkit-transition: 500ms ease-in-out left;
  	transition: 500ms ease-in-out left;
}
.multi-item-carousel .carousel-inner .active.left {
  	left: -33%;
}
.multi-item-carousel .carousel-inner .active.right {
  	left: 33%;
}
.multi-item-carousel .carousel-inner .next {
  	left: 33%;
}
.multi-item-carousel .carousel-inner .prev {
  	left: -33%;
}
@media (max-width: 767px) {
    .multi-item-carousel .carousel-inner .active.left {
  		left: -100%;
	}
	.multi-item-carousel .carousel-inner .active.right {
	  	left: 100%;
	}
	.multi-item-carousel .carousel-inner .next {
	  	left: 100%;
	}
	.multi-item-carousel .carousel-inner .prev {
	  	left: -100%;
	}
    .active > div { display:none; }
    .active > div:first-child { display:block; }
}
@media all and (transform-3d), (-webkit-transform-3d) {
  	.multi-item-carousel .carousel-inner > .item {
	    -webkit-transition: 500ms ease-in-out left;
	    transition: 500ms ease-in-out left;
	    -webkit-transition: 500ms ease-in-out all;
	    transition: 500ms ease-in-out all;
	    -webkit-backface-visibility: visible;
	            backface-visibility: visible;
	    -webkit-transform: none!important;
	            transform: none!important;
  	}
}
.portfolio-carousel {
	padding: 2em;
	text-align: center;
	background-color: #008EB3;
	overflow: hidden;
}
.portfolio-carousel p {
	color: white;
	margin: 0.5em 0;
}
.portfolio-carousel .carousel-control {
    top: 45%;
    width: auto;
    font-size: 3em;
    color: #D9E254;
    text-shadow: none;
    background-color: transparent;
    background-image: none;
    opacity: 1;
}
.portfolio-carousel .carousel-control.left {
    text-align: left;
    left: -1em;
}
.portfolio-carousel .carousel-control.right {
    text-align: right;
    right: -1em;
}
.portfolio-carousel .projects {
	margin-bottom: 2em;
	padding: 0 3em;
}

/* QUOTES */
.quotes {
	width: 70%;
	margin: 1em 15%;
	padding: 2em;
	border: 1px dashed #D9E254;
}
.quotes img {
	max-width: 100%;
}
.quotes table {
	width: auto;
	margin: 0 auto;
	vertical-align: middle;
}
.quotes table h3 {
	font-size: 24.5px;
}
.quotes table h3,
.quotes table p {
	text-align: left;
}
.quotes table p {
	font-size: 14px;
}
.quotes table td {
	padding: 1em;
}

/* SERVICES */
.services {
	padding: 2em 2em 0;
	text-align: center;
}
.services span {
	color: #D9E254;
	font-size: 4em;
}
.service {
	margin-bottom: 2em;
}

/* SERVICES-LIST */
.services-list {
	margin-top: -3em;
	padding: 0;
	text-align: center;
}
.services-list ul li {
	display: inline;
	
}
.services-list ul li.active span {
	color: #D9E254;
	font-size: 3.5em;
	border: none;
}
.services-list ul li.active span:after {
	content:"▼";
	color: #008EB3;
	font-size: 0.5em;
	position: absolute;
	top:-0.25em;
	left: 40%;
}
.services-list span {
	display: inline-block;
	position: relative;
	color: #008EB3;
	font-size: 3em;
	width: 100px;
	height: 100px;
	margin: 0 0.25em;
	padding: 25px 0;
	text-align: center;
	background: white;
	border: 1px dashed #D9E254;
}
.services-list span:hover {
	color: #D9E254;
}

/* SLIDE TEXT */
.slide-text {
	padding: 2em;
	text-align: center;
}
.slide-text p {
	margin-bottom: 2em;
}
.slide-text .carousel-content>p,
.carousel-content>p {
	padding: 0 10%;
}
.slide-text .carousel-indicators {
	left: 30%;    
    bottom: -2em;
    width: 100%;
}
.slide-text .carousel-indicators li {
	width: 13px;
	height: 13px;
	margin: 0.5em;
    background-color: #008EB3;
    border: none;
}
.slide-text .carousel-indicators .active {
	width: 13px;
	height: 13px;
    background-color: #D9E254;
}
.slide-text .description {
	color: white;
	margin: 2em 0;
	padding: 2em 3em;
	background-color: #008EB3;
}

/* TABLA */
.table {
	display: table;
}
.table-row {
	display: table-row;
}
.table-cell {
	display: table-cell;
}

/* VIDEO PHRASE */
.container-quote {
	position: relative;
	width: 577px;
	height: 387px;
	margin: 0 auto;
	z-index: 170;
}
.content {	
	width: 100%;
	height: auto;
	padding: 0;
	text-align: center;
}
.fullscreen-bg {
  	position: absolute;
  	top: 0;
  	right: 0;
  	bottom: 0;
  	left: 0;
 	overflow: hidden;
  	z-index: -100;
}
.image {
	position: absolute;
	width: 100%;
	bottom: -3em;
	z-index: 180;
}
.image img {
	max-width: 80%;
	margin: 0 auto;	
}
.phrase {
	color: white;	
	height: auto;
	padding: 10em 3% 2em;
	z-index: 400;
}
.phrase h1 {
	width: 100%;
	margin: 0.5em auto;
	word-spacing: 200vh;
}
.quote {
	position: absolute;
	width: 175px;
	padding: 2em;
	top: 30%;
	left: 500px;
	text-align: left;
	background: #008EB3;
}
.quote span {
	color: #D9E254;
	font-size: 3em;
}
.second h1 {
	font-size: 3em;
}
.second .image {
	bottom: 0;
	max-height: 100%;
}
.second .phrase {
	padding: 5em 3% 7em;
}