/*
Theme Name: Cielo Sustentable
Theme URI: http://www.cielosustentable.org
Description: Theme para la Fundación Cielo Sustentable
Author: Devexel Web Studio
Author URI: http://www.devexel.com.ar
Template: flash
Version: 1.0.0
*/


Preloader CSS
--------------------------------------------------------------*/

#preloader span {
	background: #00c0ff;
	-webkit-animation: preloader 1.5s infinite ease-in-out;
	-moz-animation: preloader 1.5s infinite ease-in-out;
	-ms-animation: preloader 1.5s infinite ease-in-out;
	-o-animation: preloader 1.5s infinite ease-in-out;
	animation: preloader 1.5s infinite ease-in-out;
}

@-webkit-keyframes preloader {
	0% {
		height: 5px;
		-webkit-transform: translateY(0px);
		background: #00468c;
	}
	25% {
		height: 30px;
		-webkit-transform: translateY(15px);
		background: #00c0ff;
	}
	50% {
		height: 5px;
		-webkit-transform: translateY(0px);
		background: #00468c;
	}
	100% {
		height: 5px;
		-webkit-transform: translateY(0px);
		background: #00468c;
	}
}

@-moz-keyframes preloader {
	0% {
		height: 5px;
		-moz-transform: translateY(0px);
		background: #00468c;
	}
	25% {
		height: 30px;
		-moz-transform: translateY(15px);
		background: #00c0ff;
	}
	50% {
		height: 5px;
		-moz-transform: translateY(0px);
		background: #00468c;
	}
	100% {
		height: 5px;
		-moz-transform: translateY(0px);
		background: #00468c;
	}
}

@-ms-keyframes preloader {
	0% {
		height: 5px;
		-ms-transform: translateY(0px);
		background: #00468c;
	}
	25% {
		height: 30px;
		-ms-transform: translateY(15px);
		background: #00c0ff;
	}
	50% {
		height: 5px;
		-ms-transform: translateY(0px);
		background: #00468c;
	}
	100% {
		height: 5px;
		-ms-transform: translateY(0px);
		background: #00468c;
	}
}

@keyframes preloader {
	0% {
		height: 5px;
		transform: translateY(0px);
		background: #00468c;
	}
	25% {
		height: 30px;
		transform: translateY(15px);
		background: #00c0ff;
	}
	50% {
		height: 5px;
		transform: translateY(0px);
		background: #00468c;
	}
	100% {
		height: 5px;
		transform: translateY(0px);
		background: #00468c;
	}
}
/* -------------------------------------------------------------- */

input[type="button"], input[type="reset"], input[type="submit"] {
    background: #00468c;
}
#scroll-up {
	background-color: #00c0ff;
	opacity: 0.8;
	filter: alpha(opacity=80);
}


.header-bottom .searchform .btn {
	background-color: #00c0ff;
}

.header-bottom .searchform .btn:hover {
	background-color: #00468c;
}

.header-top {
    background-color: #00c0ff;
}

.header-top .contact-info li {
    font-size: 13px;
    color: #ffffff;
}


.social-menu li a {
	font-size: 16px;
	line-height: 30px;
	color: #00468c;
}

.social-menu li a[href*="instagram.com"]::before {
	content: "\f16d";
}

.social-menu li a[href*="instagram.com"]:hover {
	color: #333333;
}

.tg-slider-widget .slider-arrow {
    display: none;
}

.tg-slider-widget .swiper-wrapper {
    transform: translate3d(0px, 0, 0) !important;
}

.tg-slider-widget .caption-title {
    font-size: 42px;
    font-weight: 700;
    text-transform: none;
}

.tg-slider-widget .caption-desc {
    font-size: 22px;
    line-height: 35px;
    margin: 10px 70px 30px 70px;
    text-transform: none;
}

#bottom-footer {
    background-color: #00468c;
}

#bottom-footer .design {
    float: right;
}

#bottom-footer .design-text {
    color: #fff;
    font-size: 12px;
}




#devexel_logo:hover {
    background-position: 0px -11px;
}
#devexel_logo {
    display: inline-block;
    width: 74px;
    height: 11px;
    background-image: url("https://www.cielosustentable.org/wp-content/themes/cielosustentable/devexel.png");
    background-position: 0px 0px;
}

#devexel_logo span {
    display: none !important;
}


@media(max-width:1200px) {
 #bottom-footer .design {
  float:none;
  display:inline-block;
  margin-top: 10px;
 }
}