@charset 'utf-8';
@import url('../css/main.css');
@import url('../css/fonts.css');
@import url('../css/animate.css');
@import url('../css/animations.css');

/*Toolbox*/
title {font-family: 'nexa_boldregular';}
html, body {width: 100%;}
body {font-family: "nexa_lightregular", "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 2em; -webkit-text-size-adjust: none; text-size-adjust: none }
.container {width: 960px; /*67.5 +-/ 100%*/; margin: 0 auto; position: relative; overflow: hidden;}
.clear {clear: both;}
h2 {color: rgb(61,111,135);/*#3d6f87*/ font-size: 1.1em; font-family: 'nexa_boldregular'; margin: 0; padding-bottom: 10px; text-transform: uppercase;}
h3 {color: rgb(102,102,102);/*#66666*/ font-size: .6em; margin: 0; padding-bottom: 15px;}
hr {border-bottom: 1px solid rgb(61,111,135); /**#3d6f87*/; width: 21%; height: 1px; margin: 0; border-top: none;}
.right {float: right;}
.left {float: left;}
#loading {position: fixed; top: 0; left: 0; right: 0;  bottom: 0;  background: #eee;  z-index: 9999; height: 100%; width: 100%;}
#case {width: 128px; height: 128px; background: url(../img/loader.gif) center no-repeat; margin: -50px 0 0 -50px; position: absolute; border-radius: 100px; left: 50%; top: 50%; background-color: #fafafa;}
.slide{width:100%;height:100%;position: relative; background-attachment: fixed;
/*box-shadow:inset 0px 10px 10px rgba(0,0,0,0.3);*/}
.fx, .animated{opacity: 1 !important;}
a:link,
a:active {outline: none;}

/*header*/
header {position: fixed; z-index: 20; }
.col-1 {background-color: rgb(255,255,255); border-bottom: 5px solid rgb(51,104,129); /*#336881*/ width: 100%; height: 109px; background-attachment: fixed; z-index: 20;}
.col-1 nav.nav-ul {position: relative;	}
.col-1 nav.nav-ul ul { margin: 0; padding: 0px 0px 0px 25px;}
.col-1 nav.nav-ul ul li {list-style-type: none;float: left; font-size: .5em; padding-top: 50px;	}
.col-1 nav.nav-ul ul li a {color: rgb(91,123,137);/*#5b7b89*/ text-transform: uppercase; text-decoration: none; padding-left: 34px;padding-bottom: 50px;}
.col-1 nav.nav-ul ul li a:hover {background: url(../img/hover.png) center no-repeat;}
.col-1 nav.nav-ul ul .col-a {vertical-align: top; padding: 0; position: relative;}
.col-1 nav.nav-ul ul .col-a .col-img {}

section.col { position: relative; z-index: 18; max-width: 100%; min-height: 980px; overflow: hidden;  }
section.col .thumb-header {background: url(../img/img-header.jpg) ;border-bottom: 1px solid #fff;height: 468px; background-size: cover;-webkit-background-size: cover; margin: 112px auto 0; background-position: -320px !important;
filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='.img-header.jpg', sizingMethod='scale')";
-ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='img-header.jpg', sizingMethod='scale')";}
section.col .thumb-header .text {padding-top: 245px; float: right; width: 70%;}
section.col .thumb-header .text h3 {text-align: right; color: rgb(131,132,136);/*#838488*/; font-size: 1.2em; margin: 0; text-transform: uppercase; font-family: 'nexa_boldregular'; line-height: 57px;}
section.col .thumb-header .text .span {background-color: rgba(215,219,233, 0.8);/*#d7dbe9*/; /*margin-top: 415px; margin-left: 220px; height: 60px; padding-left: 15px; margin-bottom: 104px;*/}
section.col2 {background: url(../img/bg/bg-header.jpg) repeat; width: 100%; height: 410px; z-index: 1;}
section .tarja {background: rgb(255,255,255); width: 100%;height: 40px; text-align: center; position: absolute; }
section .tarja p {font-size: 14px; color: rgb(131,132,136); font-family: 'nexa_boldregular';}
section nav.thumb-rollover {margin-top: 30px;}
section nav.thumb-rollover ul .limit {width: 31.5%; float: left; margin-right: 2.7%; /*48px / 960*/}
section nav.thumb-rollover ul {margin:0; padding: 0;}
section nav.thumb-rollover ul h2 {color: rgb(197,228,242); /*#c5e4f2*/; text-align: left; text-transform: uppercase; font-size: 24px; margin-top: 60px; margin-bottom: 30px;}
section nav.thumb-rollover ul li {}
section nav.thumb-rollover ul .assets {float: left; height: 100%; overflow: hidden; position: relative; width: 14,5%; cursor: pointer;}
section nav.thumb-rollover ul .assets p {font-size: 14px; color: rgb(197,228,242); /*#c5e4f2*/}
section nav.thumb-rollover ul .assets .thumb {background-position: center center; height: 100%; width: 100%}
section nav.thumb-rollover ul .assets .click {background-color: rgba(0,0,0,0.2); display: table; height: 100%; left: 0; opacity: 0; position: absolute; text-align: center;
top: 0; transition: opacity 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0s; width: 100%;
-webkit-transition:opacity 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94);
-moz-transition:opacity 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94);
-o-transition:opacity 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94);
transition:opacity 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94)}
section nav.thumb-rollover ul .assets .thumb:hover {-webkit-animation: animatedBackground 5s ease-out 1;
	-moz-animation:animatedBackground 5s ease-out 1;
	animation:animatedBackground 5s ease-out 1;
	-webkit-animation-fill-mode:forwards;
	-moz-animation-fill-mode:forwards; animation-fill-mode:forwards;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";opacity:0.8; transition: all .3s ease-in-out;-webkit-transition: all .3s ease-in-out; -ms-transition: all .3s ease-in-out;}
section nav.thumb-rollover ul .assets .thumb:hover .click {-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";opacity:0.8}
@-webkit-keyframes animatedBackground { 
0% {-webkit-transform:scale(1, 1);-moz-transform:scale(1, 1);-ms-transform:scale(1, 1);-o-transform:scale(1, 1);transform:scale(1, 1)}
100% {-webkit-transform:scale(1.1, 1.1);-moz-transform:scale(1.1, 1.1);-ms-transform:scale(1.1, 1.1);-o-transform:scale(1.1, 1.1);transform:scale(1.1, 1.1) }
}
@-moz-keyframes animatedBackground {
 0% {-webkit-transform:scale(1, 1);-moz-transform:scale(1, 1);-ms-transform:scale(1, 1);-o-transform:scale(1, 1);transform:scale(1, 1)}
 100% {-webkit-transform:scale(1.1, 1.1);-moz-transform:scale(1.1, 1.1);-ms-transform:scale(1.1, 1.1);-o-transform:scale(1.1, 1.1);transform:scale(1.1, 1.1)}
}

@keyframes animatedBackground {
0% {-webkit-transform:scale(1, 1);-moz-transform:scale(1, 1);-ms-transform:scale(1, 1);-o-transform:scale(1, 1);transform:scale(1, 1)}
100% {-webkit-transform:scale(1.1, 1.1);-moz-transform:scale(1.1, 1.1);-ms-transform:scale(1.1, 1.1);-o-transform:scale(1.1, 1.1);transform:scale(1.1, 1.1)}

}
/*Col3*/
section.col3 {  width: 100%; height: 570px; margin: 0 auto; }
section.col3 .bg-col3 {background: url(../img/img-institucional.jpg) no-repeat; position: fixed; top: 114px; left: 0; min-height: 473px; min-width: 2000px; z-index: -1;}
section .titl {}
section .titl .text { padding-top: 110px;}
section .titl .text h3 {font-size: 45px; font-family: 'nexa_boldregular'; text-transform: uppercase; text-shadow: 0 3px 2px #2386B1; -ms-text-shadow: 0 3px 2px #2386B1; -webkit-text-shadow: 0 3px 2px #2386B1; text-align: left; padding: 0; margin: 0; }

/*Col4 página Institucional*/
section.col4 {background: url(../img/bg/bg-institucional.jpg) repeat-x;  min-height: 721px; z-index: 18}
section .figure {background: url(../img/img-institu2.png) no-repeat; width:960px; max-width: 100%; height: 425px; position: absolute; opacity: .7; background-attachment: fixed; z-index: 1;}
section article.column-1 {width: 52.70%; float: left; padding-top: 175px; position: relative; z-index: 2}
section article.column-1 p {color: rgb(132,132,132);/*#848484*/ font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: .4em; padding-top: 25px; margin: 0;}

section article.column-2 {width: 35.72%; float: right; padding-top: 175px; position: relative; z-index: 2;}
section article.column-2 nav.cycle-box {}
section article.column-2 nav.cycle-box ul {padding: 0; margin: 0;}
section article.column-2 nav.cycle-box ul li {list-style-type: none;}
section article.column-2 nav.cycle-box ul .circle img {width: 323px; height: 324px; border-radius: 200px; background-color: #ccc; background-attachment: fixed;}

/*Col5 Soluções*/
section.col5 { position: relative; width: 100%; }
section .bg-col5 {background: url(../img/bg/bg-solucoes.jpg) center center  no-repeat;  min-height: 1445px; background-size: cover; -webkit-background-size: cover; -ms-background-size: cover; width: 100%;
filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='.bg-solucoes.jpg', sizingMethod='scale')";
-ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='bg-solucoes.jpg', sizingMethod='scale')"; z-index: 17;}
section article.box-1 {background-color: rgba(206,207,207,0.8);/*cecfcf*/  padding: 4.16% 5.72% 5.72% 4.16%; display: inline-block; margin-top: 230px; width: 95%;}
section article.box-1 .content-box-1 {float: left; width: 61%;}
section article.box-1 .content-box-1 .wrapper-box { padding-top: 25px;}
section article.box-1 .content-box-1 .wrapper-box ul {margin: 0; padding: 0}
section article.box-1 .content-box-1 .wrapper-box ul li {background: url(../img/img-li.png) 0 17px no-repeat; padding: 10px 0 0 20px;/*list-style-type: disc; color: rgb(61,111,135);*/ /*#3d6f87*/ /*padding-bottom: 24px;*/}
section article.box-1 .content-box-1 .wrapper-box ul li p {text-decoration: none; color: rgb(96,96,96); /*#848484*/ font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: .4em; margin: 0;}
section article.box-1 .pic-1 {float: right; width: 31.8%; display: inline-block; padding-top: 15px;}
section article.box-1 .pic-1 .rot { position: absolute; right: 50px;}
section article.box-1 .pic-1 .rot2 { position: absolute; bottom: 100px;}
section article.box-1 .pic-1 .rotate {
-ms-animation:rotate 25s linear ;
 -webkit-animation:rotate 25s linear ;
   -moz-animation:rotate 25s linear ;
    animation:rotate 25s linear ;
	animation-name:rotate;
  -webkit-animation-name:rotate;
-moz-animation-name:rotate;
-ms-animation-name:rotate;
}
@-moz-keyframes rotate { 
	100% { -moz-transform: rotate(360deg); } 
}
@-webkit-keyframes rotate { 
	100% { -webkit-transform: rotate(360deg); } 
}
@-ms-keyframes rotate { 
	100% { -webkit-transform: rotate(360deg); } 
}
@keyframes rotate { 
	100% { -webkit-transform: rotate(360deg); 
		transform:rotate(360deg); } 
}

/*Col6 Cadastro*/
section.col6 {background: url(../img/bg/bg-header.jpg) repeat; min-height: 960px; z-index: 18;}
section .text {padding-top: 230px;}
section .text h2 {color: rgb(185,209,221); /*#b9d1dd*/}
section  h3 {color: rgb(255,255,255) ; font-family: 'nexa_boldregular'; text-transform: uppercase;}
section .text hr {color: #fff; margin-bottom: 50px;}
section input {padding-left: 20px; width: 45.41%; border: none; font-size: .5em; color: rgb(132,132,132); /*848484*/ height: 50px; margin-bottom: 30px; }
section input[type=submit] {background: url(../img/bt-enviar.png) no-repeat; width: 153px; height: 54px; border:none; float: right; margin-top: 30px;}
section textarea {width: 100%; border: none; padding-left: 20px; padding-top: 22px; font-size: .5em; color: rgb(132,132,132); height: 115px;}
section .col {width: 100%}
section .col input {display: block;}
section .col-a {width: 50%; float: left;}
section .col-a input {width: 91%;}
section .col-b {width: 22%; float: left; margin-left: 2.6%;}
section .col-b input {width: 90%;}
section .col-c {width: 22%; float: right;}
section .col-c input {width: 89%;}
/*Col7 Fale Conosco*/
section.col7 {background: -webkit-gradient(linear, left top, left bottom, from(#7597a8), to(#a9c9d4)); background: -moz-linear-gradient(top, #7597a8, #a9c9d4);
filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr='#7597a8', EndColorStr='#a9c9d4'); z-index: 18;  
box-shadow: 0 0 21px -5px #000000; -webkit-box-shadow: 0 0 21px -5px #000000; -ms-box-shadow: 0 0 21px -5px #000000; min-height: 800px;
}
section .color h2 {color: rgb(61,111,135); /*#3d6f87*/}
section .adress p {color: rgb(61,111,135); font-size: 16px; font-weight: bolder;}
/*Maps*/
section.maps {z-index: 2; height: 645px;}
section.maps iframe {width: 100%; box-shadow: 0 0 21px -5px #000000; -webkit-box-shadow: 0 0 21px -5px #000000; -ms-box-shadow: 0 0 21px -5px #000000;z-index: 2; background-attachment: fixed; height: 645px;}

/*Rodape*/
footer {background-color: rgb(178,207,218);/*#b2cfda*/ width: 100%; height: 185px; /*border-bottom: 82px solid #215e7b;*/ overflow: hidden; box-shadow: 0 0 14px -5px #000000;-webkit-box-shadow: 0 0 14px -5px #000000; -ms-box-shadow: 0 0 14px -5px #000000;}
footer p {text-align: center; font-family: 'nexa_boldregular'; color: rgb(33,94,123); /*#215e7b*/ font-size: .7em;}
footer .rd-social {padding-top: 20px; padding-bottom: 30px; overflow: hidden;}
footer .rd-social a {display: block;}
footer .rd-social .face {background: url(../img/facebook.png) no-repeat; width: 38px; height: 38px;float: left;}
footer .rd-social .twitter {background: url(../img/twitter.png) no-repeat; width: 38px; height: 38px; margin-left: 20px; float: left; }
footer .rd-social .mobic {background: url(../img/mobic.png) no-repeat; width: 84px; height: 20px; float: right;}
footer .rd-social .mobic:hover {transition: all .2s ease-in-out; opacity: .7;}
footer .blue {width: 100%; overflow: hidden; background-color: rgb(33,94,123); /*#215e7b*/ height: 100px;}

/*Media-Query*/
@media all and (max-width: 1280px) {
	.col-1 nav.nav-ul ul li {font-size: 14px;}
	section article.column-2 nav.cycle-box ul .circle img {background-attachment: fixed;
    background-color: #CCCCCC;
    border-radius: 200px 200px 200px 200px;
    height: 303px;
    width: 302px;
}
.col-1 nav.nav-ul ul li a {padding-left: 13px;}
}


@-moz-media all and (max-width: 1280px) {
	.col-1 nav.nav-ul ul li {font-size: 14px;}
	section article.column-2 nav.cycle-box ul .circle img {background-attachment: fixed;
    background-color: #CCCCCC;
    border-radius: 200px 200px 200px 200px;
    height: 303px;
    width: 302px;}
    .col-1 nav.nav-ul ul li a {padding-left: 13px;}
}
@-webkit-media all and (max-width: 1280px) {
	.col-1 nav.nav-ul ul li {font-size: 14px;}
	section article.column-2 nav.cycle-box ul .circle img {background-attachment: fixed;
    background-color: #CCCCCC;
    border-radius: 200px 200px 200px 200px;
    height: 303px;
    width: 302px;}
    .col-1 nav.nav-ul ul li a {padding-left: 13px;}
}