#introCarosuel							{ width:100%; min-height:500px; position:relative; background:#fff; }
#introCarosuelFooter					{ position:relative; bottom:135px; margin-bottom:-135px; }
#introCarosuelFooter div				{ width:100%; background:url(../_images/page/slideshow-footer.png) top left no-repeat; height:160px; background-size:cover; }
.introCarosuel							{ position:relative; overflow:hidden; }
.introCarosuel .introCarosuelContainer	{ min-height:500px; position:relative; }
.introCarosuel .introCarosuelContainer .introCarosuelContent { margin:0px auto; width:1220px; position:relative; top:30px; }
.introCarosuel .introCarosuelContainer .introCarosuelContent h2 { font-size:48px; }
.introCarosuel .introCarosuelContainer .introCarosuelText { min-height:250px;  }
.introCarosuelContent div a.submit { font-size:22px; line-height:30px; }
.introCarosuel .introCarosuelContainer video	{ position: absolute; top: 50%; left: 50%; -webkit-transform: translateX(-50%) translateY(-50%); transform: translateX(-50%) translateY(-50%); min-width: 100%; min-height: 100%; max-width:1920px; width: auto;  height: auto; }
.introCarosuelClick						{ cursor:pointer; }
.introCarosuelMobile					{ width:100%; position:absolute; top:0px; left:0px; visibility:hidden; }

.slick-dots								{ position:absolute; right:10%; bottom:15%; list-style:none; z-index:100; }
.slick-dots li							{ float:left; margin:3px; }
.slick-dots li button					{ color:#eee; background:#eee; border:1px solid #fff; padding:5px 10px; }
.slick-dots .slick-active button		{ color:#0098da; background:#0098da; border:1px solid #0098da; }

#homeSectorContainer					{ display: flex; flex-wrap:wrap; width:1650px; margin-top:-60px; }
.homeSector								{ flex: 1 1 auto; max-width:350px; overflow:hidden; position:relative; border:1px solid #ccc; cursor:pointer; margin: 30px auto; }
.homeSector	div							{ width:100%; }  /*background: linear-gradient(180deg, rgba(0,152,218,0.2) 0%, rgba(0,152,218,0.17) 50%, rgba(0,152,218,1) 100%); } */
.homeSector div div						{ padding-bottom:100px; min-height:400px; }
.homeSector h3							{ margin:20% 0 100px; background:rgba(255,255,255,0.8); padding:20px; text-align:left; display:inline-block; font-size:18px; line-height:24px; border-top-right-radius:20px; border-bottom-right-radius:20px; }
.homeSector img							{ width:100%; position:absolute; bottom:0px; }
.homeSector span						{ display:block; position:relative; bottom:40px; width:100%; text-align:center; }
.homeSector h2							{ display:inline-block; padding:5px 0 5px 10%; text-align:left; background:url(../_images/page/homepage-sector-swirl.png) no-repeat top left; color:#74bc1f; font-weight:300; }

#homeSectionContainer					{ margin-top:50px; width:1650px; overflow:auto; }
.homeSection							{ float:left; width:20%; margin:2.5%; overflow:hidden; position:relative; }
.homeSector:hover						{ border:1px solid #ddd; }
.homeSection img						{ width:100%; }


@media only screen and (max-width:1650px) { /* IPAD LANDSCAPE */

#homeSectorContainer					{ width:96%; }
#homeSectionContainer					{ width:96%; }
/*
.homeSector								{ margin:15px 25px; }
.homeSector div div						{ padding-bottom:100px; min-height:300px; }
.homeSector h2							{ font-size:20px; padding-bottom:15px; padding-top:10px; }
*/

@media only screen and (max-width:1350px) { /* IPAD LANDSCAPE */

#introCarosuel , .introCarosuel .introCarosuelContainer	{ }
.introCarosuel .introCarosuelContainer video	{ max-width:1350px; }

.introCarosuel .introCarosuelContainer .introCarosuelContent { padding:40px; margin:0; width:auto; position:relative; top:0px; }

#introCarosuelFooter					{ bottom:105px; }
#introCarosuelFooter div				{ height:130px; }
.homeSector, .homeSection				{ width:50%; max-width:45%; }
.homeSector div div						{ min-height:550px; }
.homeSection							{ float:left; width:45%; margin:2.5%; }
.homeSector h2							{ font-size:26px; }

@media only screen and (max-width:1080px) {

.introCarosuel .introCarosuelContainer video	{ max-width:1080px; }
#introCarosuel , .introCarosuel .introCarosuelContainer		 { min-height:400px; }
.introCarosuel .introCarosuelContainer .introCarosuelContent h2 { font-size:36px; }
.introCarosuel .introCarosuelContainer .introCarosuelText { min-height:200px;  }
#introCarosuelFooter					{ bottom:65px; }
#introCarosuelFooter div				{ height:90px; }
#homeSectorContainer					{ margin-top:80px !important; }
.homeSector div div						{ min-height:500px; }
.slick-dots								{ bottom:-30px; right:20px; }
.homeSector, .homeSection				{ max-width:43%; }

}

@media only screen and (max-width:810px) { /* IPAD PORTRAIT */

.introCarosuel .introCarosuelContainer video	{ max-width:810px; }
.introCarosuel .introCarosuelContainer .introCarosuelContent { width:auto; margin:0px; padding:20px 20px 100px 20px }
.introCarosuel .introCarosuelContainer .introCarosuelContent h2 { font-size:36px; }

#introCarosuelFooter				{ bottom:65px; }
#introCarosuelFooter div			{ bottom:0px; }

.slick-dots							{ bottom:-30px; }
.slick-dots li						{ float:left; margin:3px; }
.slick-dots li button				{ color:#eee; background:#eee; border:1px solid #fff; padding:2px 7px; }
.slick-dots .slick-active button	{ color:#0098da; background:#0098da; border:1px solid #0098da; }

.homeSector h2						{ font-size:20px; padding-bottom:10px; }
.homeSector, .homeSection			{ max-width:43%; }

}

@media only screen and (max-width:550px) { /* MOBILE */ 

.introCarosuel .introCarosuelContainer video	{ max-width:inherit; max-height:60vh; }
#introCarosuel , .introCarosuel .introCarosuelContainer	{ max-height:60vh; }
#introCarosuelFooter				{ bottom:30px; }
#introCarosuelFooter div			{ height:45px; }
#homeSectorContainer					{ margin-top:160px !important; }
.introCarosuel .introCarosuelContainer .introCarosuelText { min-height:inherit; padding-bottom:60px; }
.introCarosuelContent div a.submit  { height:auto; }
.slick-dots							{ bottom:-50px; }

.introCarosuelMobile					{ visibility:visible; }
.introCarosuelContentMobile				{ top:250px !important; min-height:550px !important; zoom:0.75; }
.introCarosuelContentMobileButton		{ position:relative; top:-300px; }

.homeSection						{ float:none; width:auto; }
.homeSector, .homeSection			{ width:90%; margin:5%; max-width:90%; }
.homeSector div div					{ min-height:400px; }

}