/*-----------------------------------------------------------------------------------

 [Table of contents]

 1. Base (Global style for some elements)
 2. Header (Logo, navigation and Main banner)
 3. Sign Up (Section)
 4. Features (Section)
 5. Description Two Colom (Section)
 6. Video (Section)
 7. Why us - Statistics (Section)
 8. Description Two Colom (Section)
 9. Screens (Section)
 10. Testimonials (Section)
 11. Pricing (Section)
 12. Team (Section)
 13. Get Download Link (Section)
 14. Clients Logo (Section)
 15. Freetrial (Section)
 16. Contact Details (Section)
 17. footer (Section)

-----------------------------------------------------------------------------------*/
/*-----------------------------------------------------------------------------------

 [Global CSS for some elements]

 # html
 # body
 # a tag
 # responsive images
 # input placeholders
 # i tag for font awesome icons
 # paragraph
 # hr tag for horizontal line
 # white section
 # dark section
 # align center (class)
 # bootstrap fluid container
 # theme button
 # swiper (carousel slider)

-----------------------------------------------------------------------------------*/


@import url('../css/icofont.css');
*{
	padding:0;
	margin:0;
}
html {
	overflow-x: hidden;
}
.row {
    margin-right: auto;
}

.clear{
	float:none;
	clear:both;
}

.logoclimavista{
	width: 220px;
	height: 46px;
	position: absolute;
	right: 25px;
}
.logo-col {
	padding: 0;
}

body{
	font-family: 'Open Sans', sans-serif;
	font-weight:400;
	color:#8490a4;
	font-size: 13px;
	line-height:1.7;
}

.heading {
	float:left;
	width:100%;
	margin-bottom:15px;
}

.heading span, .search-sec span{
	display:block;
	font-weight:600;
	color:#b6b6b6;
	font-size: 26px;
	text-align:center;
	text-transform:uppercase;
	letter-spacing:2px;
}

.heading h2, .search-sec h2{
	color:#3c314a;
	font-size: 50px;
	font-weight:600;
	text-align:center;
	margin:0;
	padding-bottom: 43px;
}

.gray-bg {
	background:#efefef;
}


/* TESTING */
/*


#slider-in-laptop {
  width: 70%;
  height: 200px;
  padding: 2% 15% 7%;
  background: none;
}
#slider-in-laptop .rsOverflow,
#slider-in-laptop .rsSlide,
#slider-in-laptop .rsVideoFrameHolder,
#slider-in-laptop .rsThumbs {
  background: #151515;
}
.imgBg {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: auto;
}
#slider-in-laptop .rsBullets {
  bottom: -25px;
}
.laptopBg {
  position: relative;
  width: 100%;
  height: auto;
}
#slider-in-laptop .rsBullets {
    bottom: -30px;
}

.royalSlider {
  width: 100%;
  height: 300px;
} */

/*-----------------------------------------------------------------------------------

 Header (section)

-----------------------------------------------------------------------------------*/

.menu li{
	display:inline-block;
	list-style:none;
	padding: 0px 11px;
}

#menu-icon{
	display:none;
}

#menu {
	padding-left: 15px;
	padding-right: 0px;

}

.menu{
	text-align: center;
	margin-top:10px;
	position: relative;
	right: 7%;
}

.menu li a{
	font-weight:500;
	color:#515151;
	text-decoration:none;
	font-size:15px;
}

.header{
	background: url(../images/raisins.jpg) no-repeat;
	background-position: 30% 30%;
	width:100%;
	padding-top: 20px;
	position:relative;
}
.toping {
	text-align:center;
	padding-top: 3px;
}

.cenetr-block{
	text-align:center;
	margin-bottom:-100px;
	display:block;
	margin-left:auto;
	margin-right:auto;
}

#myCarousel {
	margin-bottom: -48px;
}

.carousel .item {
  height: 527px;
}

.item img {
    position: absolute;
    top: 0;
    left: 0;
		width: 100%;
}

.carousel-inner>.item>a>img, .carousel-inner>.item>img, .img-responsive, .thumbnail a>img, .thumbnail>img {
    width: 100%;
    height: 519px;
}

.toping img{
	-webkit-box-shadow: 0px 8px 51px -4px rgba(144,155,165,0.4);
	-moz-box-shadow: 0px 8px 51px -4px rgba(144,155,165,0.4);
	box-shadow: 0px 8px 51px -4px rgba(144,155,165,0.4);
}

.header h1{
	font-weight:400;
	color:white;
	text-align:center;
	font-size: 58px;
	padding-top: 95px;
}

.header p{
	font-weight:400;
	color:#F5F7F8;
	text-align:center;
	font-size: 24px;
	margin-top:20px;
	line-height:1.5;
	padding-bottom: 64px;
	margin-bottom: 15px;
}

.bnts{
	text-align:center;
	padding-top: 1px;
}
.social-head{
	font-size: 16px;
}
.btns-head {
    padding-left: 11px;
}

.btn2{
	font-weight:600;
	color:#fff !important;
	font-size:13px;
	text-transform:uppercase;
	padding:6px 25px;
	line-height:20px;
	height: 46px;
	text-decoration:none!important;
	border-radius: 50px;
	width: 105px;
	background:#9D3289;
}

.inscrib {
font-size: 14px!important;
}

.inscrib:hover{
	color:#FFFFFF;
	background:#7f1a6b;
	transition:all ease .7s;
}

.login {
	background:#3c314a;
	padding:6px 35px;
	margin-right: 5px;
	font-size: 14px!important;
}
.login:hover{
	background: #25183d;
	transition:all ease .7s;
}
.border-btn{
	font-weight:600;
	color:#fff;
	font-size:13px;
	text-transform:uppercase;
	padding:12px 50px;
	line-height:20px;
	height:45px;
	text-decoration:none!important;
	display:inline-block;
	margin-left:25px;
	border:#FFFFFF solid 2px;
	background:none;
}

.macbookpro {
	position: absolute;
	top: -46px;
	z-index: 1;
	left: 50%;
	width: 125%;
	transform: translateX(-50%);
}

.relative {
	position: relative;
}

/*Sticky Header*/

.header-top.affix {
  top: 0;
  width: 110%;
  z-index: 9999 !important;
  margin: 0 auto;
  left: 0;
  right: 0;
  background:white;
	padding: 10px 0 18px 0;
}

.affix + .container-fluid {
  padding-top: 70px;
}

.idioma {
	position: absolute;
	bottom: 0%;
}

/*End Header*/

/*-----------------------------------------------------------------------------------

Free trial Sign up

-----------------------------------------------------------------------------------*/

.section1{
	padding: 60px 0 60px 0;
	text-align:center;
}

.grop{
	max-width:760px;
	margin:0 auto;
}
.hidden {
	display: none;
}

#padre {
	position: relative;
}
.sticky {
  position: fixed;
  top: 62px;
  width: 101%;
  background: rgba(255,255,255);
	z-index: 9999 !important;
	padding:0px;
	transition: all 0.3s ease;
	-webkit-transition: all 1.3s ease;
	-o-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
}

.grop .form-control, .grop .btn {
  height: 45px;
  width: 36.6%;
}

.email{
	background: #f3f5f7;
	color: #5a5c5e;
	float: left;
	max-width: 472px;
	padding: 10px;
	transition: all 0.3s ease;
	-webkit-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	border-top-left-radius: 50px;
	border-bottom-left-radius: 50px;
	width: 100%;
	height: 41px;
	text-align: center;
	font-weight: 600;
	font-size: 12px;
	text-transform: uppercase;
}

.grop .input-group{
  background: rgba(0,0,0,0.05);
  padding: 7px;
  border-radius: 50px;
  min-height: 56px;
	width: 100%;
}

.grop .btn {
  float: right;
  height: 41px;
  line-height: 30px;
  background:#9A3594;
  color: #FFFFFF;
  font-size: 13px;
  text-transform: uppercase;
  letter-spacing: 1px;
  border-top-right-radius: 50px;
  border-bottom-right-radius: 50px;
  transition: all 0.3s ease;
  -webkit-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
}

.grop .btn:hover {
  background: #7f1a6b;
  transition:all ease .7s;
}

.grop input{
	border:1px solid #e2e7ec;
	color:#a1a1a1;
	font-size:13px;
}

.grop p{
	font-weight:400;
	color:#a1a1a1;
	font-size: 16px;
	text-align:center;
	padding-top:25px;
}

/* End Free trial Sign up */

/*-----------------------------------------------------------------------------------

Concept

-----------------------------------------------------------------------------------*/

.iconsizemod{width: 100px;height: 100px;padding-bottom: 5px;}

.section2{
	padding-top: 141px;
	padding-bottom: 75px;
}

.section2 .heading h2{
	color: #3C314A;
	font-weight: 600;
	padding-bottom: 20px;
	padding-top: 30px;
}

.notretext {
	color: #344966;
	text-align:center;
	margin:0 auto;
	font-weight: 400;
}

.f-box:hover p{
	color:#FFFFFF;
}

.f-box p{
	padding-top: 18px;
	transition: all 0.1s ease;
	color:#FFFFFF;
}

.div{
	padding:30px 0;
}

/* End Concept */

/*-----------------------------------------------------------------------------------

Modules Two Colom

-----------------------------------------------------------------------------------*/

.section2a{
	padding-top:20px;
	padding-bottom: 80px;
	background-color: #EFEDF4;
}

.section2a .heading h2{
	color: #3C314A;
	padding-top:  40px;
	padding-bottom: 40px;
}

.mod-info{
	background-color: #3C314A;
	text-align: center;
	padding-top: 5%;
	margin-left: -15px;
	margin-right: -15px;
	min-height: 238px;
}

.mod-img{
	min-height: 335px;
	-moz-box-shadow: 0 0 30px 5px #9	99;
	-webkit-box-shadow: 0 0 30px 5px #999;
}

.mod-back{
	width: 100%;
}

.mod-1 {
	background: url('/wine_landing_page/images/1-enregistrement-des-pratiques-phyto.jpg') no-repeat center;
}

.mod-1 .mod-subtit{
	padding-top: 20px;
}

.mod-2 {
	background: url('/wine_landing_page/images/2-climat-phenologie-ndvi.jpg') no-repeat center;
}
.mod-3 {
	background: url('/wine_landing_page/images/3-cartographie-et-maturite-du-raisin.jpg') no-repeat center;
}
.mod-4 {
	background: url('/wine_landing_page/images/4.-suivi-des-pratiques-phyto.jpg') no-repeat center;
}

.mod-1:hover{
	background: url('/wine_landing_page/images/capturasfra/phenologie.jpg') no-repeat center;
	-webkit-background-size: contain;
  -moz-background-size: contain;
  -o-background-size: contain;
  background-size: cover;
	background-color: white;
}
.mod-esp-1:hover {
	background: url('/wine_landing_page/images/capturasesp/fenologia.jpg') no-repeat center;
	-webkit-background-size: contain;
	-moz-background-size: contain;
	-o-background-size: contain;
	background-size: cover;
	background-color: white;

}

.mod-2:hover{
	background: url('/wine_landing_page/images/capturasfra/pratiques-phyto.jpg') no-repeat center;
	-webkit-background-size: contain;
  -moz-background-size: contain;
  -o-background-size: contain;
  background-size: cover;
	background-color: white;
}
.mod-esp-2:hover {
	background: url('/wine_landing_page/images/capturasesp/1-practicas-fitosanitarias.jpg') no-repeat center;
	-webkit-background-size: contain;
	-moz-background-size: contain;
	-o-background-size: contain;
	background-size: cover;
	background-color: white;

}

.mod-3:hover{
	background: url('/wine_landing_page/images/capturasfra/carte-temperature.jpg') no-repeat center;
	-webkit-background-size: contain;
  -moz-background-size: contain;
  -o-background-size: contain;
  background-size: cover;
	background-color: white;
}

.mod-esp-3:hover {
	background: url('/wine_landing_page/images/capturasesp/mapa-temperatura.jpg') no-repeat center;
	-webkit-background-size: contain;
	-moz-background-size: contain;
	-o-background-size: contain;
	background-size: cover;
	background-color: white;

}

.mod-4:hover{
	background: url('/wine_landing_page/images/capturasfra/suivi-pratiques-phyto.jpg') no-repeat center;
	-webkit-background-size: contain;
  -moz-background-size: contain;
  -o-background-size: contain;
  background-size: cover;
	background-color: white;
}

.mod-esp-4:hover {
	background: url('/wine_landing_page/images/capturasesp/seguimiento-practicas-fito.jpg') no-repeat center;
	-webkit-background-size: contain;
	-moz-background-size: contain;
	-o-background-size: contain;
	background-size: cover;
	background-color: white;
}

.mod-img:hover .mod-title{
	display: none;
}
.mod-img:hover .mod-subtit{
	display: none;
}
.mod-img:hover .zoom-box{
	display: none;
}
.mod-img:hover .mod-back{
	display: none;
}
.mod-img:hover .mod-info{
	display: none;
}

.mod-title{
	color: white;
	font-weight: 600;
	letter-spacing: 2px;
}

.mod-subtit{
	font-weight: 400;
	color: white;
	padding-top: 5px;
}

.zoom-box{
	position: absolute;
	right: 0px;
	top: 0px;
	padding: 10px;
}

.zoom{
	 height: 20px;
	 width: auto;
}

.mod-a{
	min-height: 320px;
}

.mod-num{
	color: #5D4D7D;
	font-size: 75px;
	font-weight: 1000;
	padding-left: 20px;
	margin-top: 0;
}

.mod-num-par{
	text-align: right;
	color: #5D4D7D;
	font-size: 75px;
	font-weight: 1000;
	padding-right: 25px;
	margin-top: 0;
}

.mod-func{
	color: #3C314A;
	font-weight: 1000;
	padding-left: 25px;
}

.mod-func-par{
	color: #3C314A;
	font-weight: 1000;
	text-align: right;
	padding-right: 25px;
}

.hr {
	display: block;
  height: 1px;
  border: 0;
  border-top: 9px solid #3c314a;
  margin-top: 1em;
  margin-right: 305px;
  margin-bottom: 1em;
  margin-left: -15px;
	padding: 0;
}

.hr-par{
	display: block;
  height: 1px;
  border: 0;
  border-top: 9px solid #3c314a;
  margin-top: 1em;
	margin-right: -15px;
	margin-bottom: 1em;
	margin-left: 305px;
	padding: 0;
}

.mod-descr{
	font-weight: 400;
	color: #84819E;
	text-align: left;
	padding-left: 25px;
	width: 110%;
}

.mod-descr-par{
	font-weight: 400;
	color: #84819E;
	text-align: right;
	padding-right: 25px;
	width: 110%;
	float: right;
}

/* End Modules Two Colum */

/*-----------------------------------------------------------------------------------

Clients

-----------------------------------------------------------------------------------*/

.section8{
	padding: 65px 0 90px 0;
	background-color: #F4F4F4;
}
.section8 .row{
	margin:0;
}
.section8cont{
padding-top: 20px;
}
.slick-list{
	padding:0!important;
}

.section8 h2{
	color: #707070;
	letter-spacing: 1px;
	padding-bottom: 38px;
}

.slick-slide{
	opacity:0.4;
}
.slick-slide{
	margin-bottom:40px;
}

.slide1 h4 strong  {
	color: #923D85;
}

.slide1 span  {
	color: #923D85;
	text-transform: uppercase;
}

.slick-center{
	opacity:1!important;
}

.slick-center .slide1{
	-webkit-box-shadow: 0px 20px 51px -1px rgba(144,155,165,0.24);
	-moz-box-shadow: 0px 20px 51px -1px rgba(144,155,165,0.24);
	box-shadow: 0px 20px 51px -1px rgba(144,155,165,0.24);
}

.client-box{
	background-color: #E7E7E7;
	min-width: 400px;
	min-height: 400px;
	max-width: 400px;
	max-height: 400px;
	/* margin-left: 420px; */
	text-align: center;
	float: right;
}

.client-box-der{
  margin-left: 0px;
	float: inherit;
}

.client-box .inside{
	display: none;
}

.client-box:hover {
	background-color:#DBDBDB;
}

.client-box:hover .inside{
	display: block;
	background-color:
}

.client-box:hover .outside{
	display: none;
}

.client-greylogo{
	width: 300px;
	height: 300px;
}

.client-country{
	font-weight: 900;
	text-transform: uppercase;
	color: #7C7C7C;
}

.inside{
	padding: 0 20px 0 20px;
}

.client-logo{
	height: 130px;
	width: 130px;
}

.client-subtit{
	font-weight: 600;
	color: #7C7C7C;
	font-size: 18px;
}

.client-descr{
	font-weight: 400;
	color: #7C7C7C;
	font-size: 14px;
}

/* End  Clients */


/*-----------------------------------------------------------------------------------

Plans

-----------------------------------------------------------------------------------*/

.section10{
	padding:40px 0;
	background-image: url("/wine_landing_page/images/vignes.jpg");
	background-size: cover; /* or contain depending on what you want */
	background-position: left bottom;
	background-repeat: no-repeat;
}

.section10 .heading h2{
	color: #ffffff;
	font-weight: 400;
	padding-bottom: 15px;
}

.module {
	min-height: 395px;
}

.team-box{
	text-align:center;
	position:relative;
	min-height: 500px;

	-webkit-box-shadow: 0px 20px 51px -1px rgba(144,155,165,0.29);
	-moz-box-shadow: 0px 20px 51px -1px rgba(144,155,165,0.29);
	box-shadow: 0px 20px 51px -1px rgba(144,155,165,0.29);
}

.box1{
	background-color: #86698e;
}
.box2{
	background-color: #5D4D7D;
}.box3{
	background-color: #3C314A;
}

.team-ttl{
	position: relative;
  width: 100%;
  text-align: center;
  height: 90px;
  margin: 35px 0;
  display: inline-block;
}

.team-ttl span{
	font-weight:600;
	color:#FFFFFF;
	font-size:25px;
}

.team-box .team-ttl p{
	font-weight:600;
	font-size:15px;
	margin-bottom:0;
}

.team-con{
	padding:0 10%;
	position: absolute;
	top: 37%;
}

.team-ttl-pr{
	top: 12%;
}

.team-ttl-sd{
	top: 12%;
}

.team-ttl-tr{
	top: 12%;
}

.team-con p{
	margin-bottom:0;
	color: #E4DFDE;
	font-weight: 400;
}

.pdtop2{
	padding-top:20px;
}

.team-dif{
	position: relative;
  width: 100%;
  height: 90px;
  margin: 35px 0;
  padding: 18px;
}

.teambtn{
	background-color: #AD489A;
	font-weight: 600;
	font-size: 16px;
	text-decoration: none;
	text-align: center;
	padding: 5px 16px 5px 16px;
	color: #FFFFFF !important;
	border-radius: 10px;
	letter-spacing: 1px;
	position: relative;
	top: 280px;
	}

.teambtn:hover {
	text-decoration: none;
}

.teambtn-esp{
	left: 31%;
}

/* End Plans */

/*-----------------------------------------------------------------------------------

/* Science */

/*-----------------------------------------------------------------------------------*/


.sectionscience {
	padding-top: 80px;
}

.sectionscience .heading h2{
	color: #3C314A;
	font-weight: 600;
}

.sectionscience .notretext {
	color: #9A9A9A;
}

.sectionscience .notretext img{
	width: 184px;
	height: 46px;
	vertical-align: bottom;
	padding-left: 9px;
}

	/* End Science */

/*-----------------------------------------------------------------------------------

Clients Logo Slider

-----------------------------------------------------------------------------------*/

.section12{
	background:#fff;
	padding:90px 0;
	border-bottom:#d3dae4 solid 1px;
}
.content{
	margin: auto;
	padding: 20px;
	width: 80%;
}

.section12 .slide {
	text-align:center;
}

.section12 .slide img{
	display:inline-block;
}

.slick-prev:before, .slick-next:before {
	opacity: 1.0 !important;
	font-size: 70px !important;
  color:#945C92 !important;
}

.slick-slide {
	opacity: 1;
}

.partenaires{
	text-align: center;
}
.partenaires h4{
	font-weight: 700;
	color: #707070;
	letter-spacing: 1px;
	font-size: 28px;
}

.partenaires li{
	display: inline-block;
	padding: 0 15px 0 15px;
}

.sigfox {
	width: 214px;
	height: 112px;
}
.geoprojection {
	width: 200px;
	height: 100px;
}
.cimel{
	width: 185px;
	height: 100px;
}
.tekicontrol{
	width: 229px;
	height: 72px;
}
.nasa {
	width: 150px;
	height: 113px;
}
.eesa {
	width: 190px;
	height: 110px;
}
.noaa {
	width: 144px;
	height: 111px;
}
.terraclima {
	width: 184px;
	height: 102px;
}
.ciheam {
	width: 144px;
	height: 122px;
}
.universiterennes {
	width: 140px;
	height: 100px;
	height: 110px;
}
.pierresimon {
	width: 215px;
	height: 100px;
}

/* End Logo Slider */

/*-----------------------------------------------------------------------------------

Footer

-----------------------------------------------------------------------------------*/

.section14{
	padding: 90px 0 90px 0;
	text-align:right;
	float:left;
	width:100%;
	background-color: #EFEDF4;
}

.contact h4{
	color: #AD489A;
	font-weight: 600;
	margin-top: 0;
}

.contact p{
	color: #9B9A9D;
	font-weight: 600;
	font-size: 18px;
}

.fool-box {
	float:left;
	width:100%;
	min-height:218px;

	-webkit-box-shadow: 0px 20px 51px -1px rgba(144,155,165,0.29);
	-moz-box-shadow: 0px 20px 51px -1px rgba(144,155,165,0.29);
	box-shadow: 0px 20px 51px -1px rgba(144,155,165,0.29);
}

.map {
	background-image: url('/wine_landing_page/images/ecoclimasol-mapa.png') !important;
	background-size: contain;
	width: 250px;
	-webkit-background-size: contain;
	-moz-background-size: contain;
	-o-background-size: contain;
}

.fool-box h4{
	float:left;
	width:100%;
	color:#AD489A;
	font-size:17px;
	font-weight:600;
	text-align:right;
}

.fool-box p{
	float:left;
	width:100%;
	text-align:right;
	font-size:15px;
	font-weight:400;
	margin:0;
	padding-top:10px;
}

.ecoclimasol {
	width: 100%;
	height: 140px;
}

.fool-box i{
	width:65px;
	height:65px;
	background:#FFFFFF;
	text-align:center;
	border-radius:50%;
	color: #933a86;
	font-size:32px;
	display:block;
	line-height:60px;
	/*margin:0 auto;*/
	float:left;
	margin-left:40px;
	margin-top:-30px;

	-webkit-box-shadow: 0px 6px 18px -3px rgba(144,155,165,0.31);
	-moz-box-shadow: 0px 6px 18px -3px rgba(144,155,165,0.31);
	box-shadow: 0px 6px 18px -3px rgba(144,155,165,0.31);
}

.fool-box a{
	text-decoration:none!important;
	float:left;
	margin-top: 20px;
}

.fool-box:hover i{
	background:#933a86;
	color:#fff;
	transition:all ease .5s;
}

.fool-box a i:hover,.foot-social a i:hover{
	background: #7f1a6b;
	color:#fff;
	transition:all ease .5s;
}

.last-footer{
	float:left;
	width:100%;
	padding:55px 0 50px 0;
	background-color: #FFFFFF;
}

.footer-copy {
	float:left;
	width:100%;
	text-align:left;
}

.footer-copy a{
	color: white;
	font-weight: bold;
}

.footer-copy p{
	color: white;
}

.section18{
	text-align: center;
}

.footer-logo{
	width: 271px;
	height: 62px;
}

.footer-logo-dev{
	text-align: center;
}
.footer-logo-link{
	text-decoration: none;
	color: #8490a4;
}
.footer-logo-link:hover{
	text-decoration: none;
	color: #AD489A;
}

/* End Footer */

/*-----------------------------------------------------------------------------------

Screen Loader

-----------------------------------------------------------------------------------*/

.no-js #loader { display: none;  }
.js #loader { display: block; position: absolute; left: 100px; top: 0; }
.se-pre-con {
	position: fixed;
	left: 0px;
	top: 0px;
	width: 100%;
	height: 100%;
	z-index: 999999999;
	background: url(/wine_landing_page/images/loading.gif) center no-repeat #fff;
}

/* End Screen Loader */



/*-----------------------------------------------------------------------------------

Responsive CSS for all sections

-----------------------------------------------------------------------------------*/

@media (max-width:1200px){

	.header h1 {
	 padding-top: 35px;
	}
	.menu li {
	  padding: 0 6px;
	}
	.logoclimavista{
		right: auto;
	}
	.logo-col{
		min-height: 32px;
	}
		#menu{
			display:none;
			left: 0;
			top: 50px;
			position: absolute;
			width: 100%;
			z-index: 99999999;
		}

		#menu-icon {
			display:block;
		  height: 35px;
		  width: 35px;
		  cursor:pointer;
		  float:right;
			padding-top: 10px;
			position: absolute;
			right: 40px;
		}

		#menu-icon span{
			height:5px;
			margin-bottom:5px;
			display:block;
			background:#9D3289;
		}
		.menu{
			background:rgb(59,59,59);
		}
		.menu li {
		  display: block;
		  padding:10px 15px;
		}
		.menu li a {
			color:#FFFFFF;
		}
		.logo{
			float:left;
		}
		.menu {
		  text-align: center;
		}
		#header .col-md-4{
		width:100%;
		}

	/* Header Carousel */
	.macbookpro {
		width: 100%
	}

	.carousel-inner>.item>a>img, .carousel-inner>.item>img, .img-responsive, .thumbnail a>img, .thumbnail>img {
			width: 100%;
			height: 416px;
}
#myCarousel {
		margin-bottom: -160px;
		position: relative;
		left: 103px;
		bottom: 10px;
		width: 80%;
}
.carousel .item {
		height: 475px;
}
/* End Header Carousel */
}

@media screen and (max-width: 1199px) {
	.last-footer {
		margin-top:20px;
	}

}
@media screen and (min-width:992px) and (max-width:1999px) {
#menu-icon {
	right: 0px;
	left: 780px;
}

}


@media (max-width:991px){
	.mod-a{
		padding-top: 25px;
		min-height: 260px;
	}
	.team-con p {
		font-size: 16px;
	}

	/* Header Carousel */
	.carousel-inner>.item>a>img, .carousel-inner>.item>img, .img-responsive, .thumbnail a>img, .thumbnail>img {
		width: 100%;
		height: 323px;
	}
	#myCarousel {
		margin-bottom: -110px;
		position: relative;
		left: 76px;
		bottom: 19px;
		width: 80%;
	}
	.carousel .item {
		height: 323px;
	}
/* End Header Carousel */

}


@media (max-width:980px){

	/* Header Carousel */
	.carousel-inner>.item>a>img, .carousel-inner>.item>img, .img-responsive, .thumbnail a>img, .thumbnail>img {
		width: 100%;
		height: 323px;
	}
	#myCarousel {
		margin-bottom: -110px;
		position: relative;
		left: 76px;
		bottom: 19px;
		width: 80%;
	}
	.carousel .item {
		height: 323px;
	}
/* End Header Carousel */

.client-box {
	max-width: 300px;
	float: right;
	min-height: 395px;
	min-width: 340px;
	margin-top: 23px;
	margin-right: 25px;
}
.client-box-der {
	margin-top: 22px;
}
.heading h2, .search-sec h2{
    font-size: 38px;
}
.team-ttl span{
	font-size: 20px;
}

}


@media (max-width:767px){

	#menu-icon {
		display:block;
		height: 35px;
		width: 35px;
		cursor:pointer;
		float:right;
		padding-top: 10px;
		position: absolute;
		right: 80px;
	}
	.logoclimavista{
		left: 15px;
	}

.header h1{
	font-size:48px;
}
	.team-box{
		margin-bottom:75px;
	}
	.section1,.section6{
		padding:50px 0;
		position: relative;
	}
	.fool-box{
		margin-bottom:70px;
	}
	.grop .form-control, .grop .btn {
	  width: 100%;

	  -webkit-box-shadow: 0px 8px 51px -4px rgba(144,155,165,0.4);
		-moz-box-shadow: 0px 8px 51px -4px rgba(144,155,165,0.4);
		box-shadow: 0px 8px 51px -4px rgba(144,155,165,0.4);
	}
	.grop .input-group {
	box-shadow:none;
	}
	.text2{
		margin:15px 0!important;
	}
	.grop .btn{
		margin-left:0;
	}
	.our-box{
		margin-top:0px;
		margin-bottom:0px;
	}
	.btn2{
		margin-bottom:10px;
	}
	/* Header Carousel */

	.carousel-inner>.item>a>img, .carousel-inner>.item>img, .img-responsive, .thumbnail a>img, .thumbnail>img {
		width: 100%;
		height: 323px;
	}
	#myCarousel {
		margin-bottom: -110px;
		position: relative;
		left: 76px;
		bottom: 19px;
		width: 80%;
	}
	.carousel .item {
		height: 323px;
	}
	/* End Header Carousel */
	.client-box {
		max-width: 100%;
		float: none;
		margin-left: 0px;
		min-height: 395px;
		min-width: 0px;
		margin: 0px;
}
.client-box-der {
    margin-top: 22px;
}

.contact.wow {
    text-align: center;
    margin-bottom: 45px;
}
.fool-box {
    margin-bottom: 0px;
    left: calc(50% - 125px);
    position: relative;
}
.hr-par {
	padding-right: -29px;
}

.team-box {
	min-height: 390px;

}
.team-con {
	top: 40%;
}
.teambtn{
	top: 184px;
}
.team-ttl span{
	font-size: 24px;
}
.team-con p {
	font-size: 18px;
}
.team-ttl{
margin-top: 30px;
}
}
@media (max-width:730px){
	/* Header Carousel */

	.carousel-inner>.item>a>img, .carousel-inner>.item>img, .img-responsive, .thumbnail a>img, .thumbnail>img {
		width: 100%;
		height: 302px;
	}
	#myCarousel {
		margin-bottom: -110px;
		position: relative;
		left: 68px;
		bottom: 19px;
		width: 80%;
	}
	.carousel .item {
		height: 302px;
	}
	/* End Header Carousel */
}

@media (max-width:675px){
	/* Header Carousel */

	.carousel-inner>.item>a>img, .carousel-inner>.item>img, .img-responsive, .thumbnail a>img, .thumbnail>img {
		width: 100%;
		height: 295px;
	}
	#myCarousel {
		margin-bottom: -110px;
		position: relative;
		left: 60px;
		bottom: 23px;
		width: 80%;
	}
	.carousel .item {
		height: 280px;
	}
	/* End Header Carousel */
}

@media (max-width:658px){
	/* Header Carousel */

	.carousel-inner>.item>a>img, .carousel-inner>.item>img, .img-responsive, .thumbnail a>img, .thumbnail>img {
		width: 100%;
		height: 278px;
	}
	#myCarousel {
		margin-bottom: -110px;
		position: relative;
		left: 60px;
		bottom: 23px;
		width: 80%;
	}
	.carousel .item {
		height: 280px;
	}
	/* End Header Carousel */
}

@media (max-width:621px){
	/* Header Carousel */

	.carousel-inner>.item>a>img, .carousel-inner>.item>img, .img-responsive, .thumbnail a>img, .thumbnail>img {
		width: 100%;
		height: 278px;
	}
	#myCarousel {
		margin-bottom: -110px;
		position: relative;
		left: 53px;
		bottom: 26px;
		width: 80%;
	}
	.carousel .item {
		height: 258px;
	}
	/* End Header Carousel */
}



@media (max-width:600px){


	/* Header Carousel */

	.carousel-inner>.item>a>img, .carousel-inner>.item>img, .img-responsive, .thumbnail a>img, .thumbnail>img {
		width: 100%;
		height: 230px;
	}
	#myCarousel {
		margin-bottom: -110px;
		position: relative;
		left: 45px;
		bottom: 26px;
		width: 82%;
	}
	.carousel .item {
		height: 236px;
	}
	/* End Header Carousel */

.mod-descr, .mod-descr-par{
	font-size: 15px;
	width: 100%;
	padding-right: 0px;
}

.mod-num, .mod-num-par {
	font-size: 60px;
	padding-top: 15px;
}
.hr, .hr-par{
	border-top: 5px solid #3c314a;
}
.hr-par{
	margin-left: 200px;
}
.hr {
	margin-right: 200px;
}

.mod-subtit{
	font-size: 16px;
}


}

@media (max-width: 555px){

	/* Header Carousel */
	.carousel-inner>.item>a>img, .carousel-inner>.item>img, .img-responsive, .thumbnail a>img, .thumbnail>img {
		width: 100%;
		height: 230px;
	}
	#myCarousel {
		margin-bottom: -110px;
		position: relative;
		left: 45px;
		bottom: 26px;
		width: 82%;
	}
	.carousel .item {
		height: 236px;
	}
	/* End Header Carousel */
}

@media (max-width: 517px){
	/* Header Carousel */
	.carousel-inner>.item>a>img, .carousel-inner>.item>img, .img-responsive, .thumbnail a>img, .thumbnail>img {
		width: 100%;
		height: 215px;
	}
	#myCarousel {
		margin-bottom: -110px;
		position: relative;
		left: 37px;
		bottom: 30px;
		width: 82%;
	}
	.carousel .item {
		height: 232px;
	}
	/* End Header Carousel */
}

@media (max-width: 485px){
	/* Header Carousel */
	.carousel-inner>.item>a>img, .carousel-inner>.item>img, .img-responsive, .thumbnail a>img, .thumbnail>img {
		width: 100%;
		height: 205px;
	}
	#myCarousel {
		margin-bottom: -110px;
		position: relative;
		left: 37px;
		bottom: 30px;
		width: 82%;
	}
	.carousel .item {
		height: 208px;
	}
	/* End Header Carousel */
}

@media (max-width: 440px){
	/* Header Carousel */
	.carousel-inner>.item>a>img, .carousel-inner>.item>img, .img-responsive, .thumbnail a>img, .thumbnail>img {
		width: 100%;
		height: 183px;
	}
	#myCarousel {
		margin-bottom: -110px;
		position: relative;
		left: 34px;
		bottom: 30px;
		width: 82%;
	}
	.carousel .item {
		height: 183px;
	}
	/* End Header Carousel */
}

@media (max-width:400px){
	#menu-icon {
		display:block;
		height: 35px;
		width: 35px;
		cursor:pointer;
		float:right;
		padding-top: 10px;
		position: absolute;
		right: 44px;
	}

	.btn1,.btn2{
		margin:10px 0;
	}

	.con1 h2, .ttl2 h2, .ttl h2, .search-sec h2, .ttl3 h2, .ttl4 h2, .ttl5 h2, .ttl3 h2, .ttl5 h2 {
	  font-size: 30px;
	  line-height: 30px;
	}

.heading h2, .titlemodule, .header h1 {
	font-size: 33px;
	line-height: 34px;
}
.header p {
	font-size: 18px;
}
/* Header Carousel */
.carousel-inner>.item>a>img, .carousel-inner>.item>img, .img-responsive, .thumbnail a>img, .thumbnail>img {
	width: 100%;
	height: 154px;
}
#myCarousel {
	margin-bottom: -86px;
	position: relative;
	left: 29px;
	bottom: 34px;
	width: 82%;
}
.carousel .item {
	height: 154px;
}
/* End Header Carousel */

.section2 {
    padding-top: 77px;
}


.hr-par{
	margin-left: 100px;
}
.hr {
	margin-right: 100px;
}


.team-box {
    margin-bottom: 16px;
		min-height: 460px;
}
.sectionscience {
    padding-top: 50px;
}
.sectionscience .notretext img {
    margin-top: 10px;
	}
.sectionscience h2{
	padding-bottom: 35px;
}
.section12{
	padding: 45px 0;
}
.partenaires h4{
	padding-bottom: 33px;
	font-size: 25px;

}
.slick-prev, .slick-next{
	display: none !important;
}
.content{
	padding: 0px;
}
.slick-slide img{
	margin-bottom: 20px;
}
#padre {
	display: none;
}
.hidden {
	display: block!important;
}
.grop .input-group{
	background: none;
	border-radius: 0px;
}
.email, .grop .btn{
	border-radius: 25px;
}
.grop{
	max-width: 90%;
}
.grop input {
	font-size: 12px;
}
.section14{
	padding: 71px 0 60px 0;
}
	.contact p {
	font-size: 12px;
}
.contact h4 {
	font-size: 19px;
}
.fool-box {
}
.fool-box i{
	width: 45px;
	height: 45px;
	font-size: 25px;
	line-height: 48px;
	margin-left: 27px;
	margin-top: -27px;
}
.teambtn {
	top: 245px;
}
}


@media (max-width: 330px){
	/* Header Carousel */
	.carousel-inner>.item>a>img, .carousel-inner>.item>img, .img-responsive, .thumbnail a>img, .thumbnail>img {
		width: 100%;
		height: 134px;
	}
	#myCarousel {
		margin-bottom: -110px;
		position: relative;
		left: 21px;
		bottom: 36px;
		width: 86%;
	}
	.carousel .item {
		height: 135px;
	}
	/* End Header Carousel */
}


@media screen and (min-device-width:768px) and (max-device-width:989px) {
    .f-img img{
		width:100%;
	}
	.div img{
		width:100%;
	}
}

/* POPUP ETOPHY COMM */
#popup_etophy.modal .modal-dialog {
    width: 1000px;
    position: fixed;
    left: calc(50% - 500px);
    height: calc(100% - 120px);
    display: inline-block;
    margin: 0;
    top: 90px;
}
#popup_etophy.modal .modal-content {
    display: inline-block;
    height: 100%;
    width: 100%;
}
#popup_etophy.modal .modal-dialog .close {
    width: 24px;
    height: 24px;
    font-size: 26px;
    cursor: pointer;
    position: absolute;
    right: 10px;
    top: 5px;
    z-index: 10;
}
#popup_etophy.modal .modal-body {
    display: inline-block;
    width: 100%;
    height: calc(100% - 62px);
}
#popup_etophy.modal .texto-popup {
    display: inline-block;
    position: absolute;
    top: 40px;
    width: 50%;
    padding: 25px 60px 25px 25px;
    font-size: 16px;
    text-align: justify;
    height: calc(100% - 50px);
    text-align: center;
    overflow: auto;
}
#popup_etophy.modal .texto-popup .title-popup{
    font-size: 22px;
    color: #163752;
    font-weight: 700;
    margin-bottom: 20px;
}
.modal-agro#popup_etophy.modal .modal-dialog .modal-content .texto-popup a {
  color: #95d55c;
}
.modal-agro#popup_etophy.modal .modal-dialog .modal-content .texto-popup a:hover,
.modal-agro#popup_etophy.modal .modal-dialog .modal-content .texto-popup a:active {
  color: #51c4a4;
}
.modal-agro#popup_etophy.modal .modal-dialog .modal-content .texto-popup a img {
    height: 80px;
    width: auto;
}
#popup_etophy.modal .estimado-usuario {
    display: inline-block;
    width: 100%;
    margin-bottom: 15px;
    font-size: 26px;
    color: #aa208d;
    text-decoration: underline;
}
#popup_etophy.modal .tu-equipo {
    color: #aa208d;
}

#popup_etophy.modal .popup-media-popup {
    display: inline-block;
    width: 50%;
    float: right;
    height: 100%;
    text-align: center;
}
#popup_etophy.modal .popup-media-popup img {
    display: inline-block;
    margin-top: 15px;
    height: 100%;
    width: auto;
}
#popup_etophy.modal .modal-footer {
    display: inline-block;
    width: 100%;
}
#popup_etophy.modal .modal-footer .btn-success, 
#popup_etophy.modal .modal-footer .btn-success:hover, 
#popup_etophy.modal .modal-footer .btn-success:active {
    background-color: #aa208d !important;
    border-color: #aa208d; 
}


@media (max-width: 1024px) {
  #popup_etophy.modal .modal-dialog {
      width: 100%;
      left: 0;
  }
  #popup_etophy.modal .modal-dialog .modal-content .modal-body{
      padding: 0;
  }
}
@media (max-width: 768px) {
  #popup_etophy.modal .modal-dialog .modal-content .modal-body .texto-popup,
  #popup_etophy.modal .modal-dialog .modal-content .modal-body .popup-media-popup {
      width: 100%;
  }
  #popup_etophy.modal .modal-dialog {
    margin: 0;
    height: auto;
    position: absolute;
  }
  #popup_etophy.modal .modal-content,
  #popup_etophy.modal .modal-dialog .modal-content .modal-body,
  #popup_etophy.modal .modal-dialog .modal-content .modal-body .popup-media-popup {
    height: auto;
  }
  #popup_etophy.modal .modal-dialog .modal-content .modal-body .texto-popup {
    height: auto;
    position: relative;
    margin-bottom: 50px;
    padding: 10px 25px 25px 25px;
  }
  #popup_etophy.modal .popup-media-popup img {
    height: auto;
    width: 100%;
    padding: 25px;
  }

}