* {
    /*font-size:10px;
    font-family: Tahoma,Arial sans-serif;*/
	font-size:10px;
	font-family: Verdana,Tahoma,Arial sans-serif;
	
}

/* Carroseel */
#slider {
    position:relative;
    height:251.4px;
    width:100%;
    background-color:orange;
    overflow:hidden
}

#sliderWrapper{
    position: relative;
    height:100%;
    width:300%;
    background-color:pink;    
    animation: carousel 30s ease infinite;
    animation-delay: 5s;
}

.eachSlider{
    width:33.33%;
    float: left;
    height: 100%;
    background-size: contain;
    background-position: center center;
    background-repeat: no-repeat;
    background-color:black;
}

@keyframes carousel {
    0% {
        left: 0;
    }
    12.5% {
        left: -100%;
    }
    25% {
        left: -100%;
    }
    37.5% {
        left: -100%;
    }
    50% {
        left: -200%;
    }
    62.5% {
        left: -200%;
    }
    75% {
        left: -200%;
    }
    87.5% {
        left: 0;
    }
    100% {
        left: 0;
    }
}

/*Fim carrossel*/


body {
    margin:0;
    padding:0;
    background-repeat:no-repeat;
    background-position: top center;
    background-size:cover;
    background-attachment: fixed;
    background-image:url(../pic/bg.png);
    transition: 1.5s;
}

.secEl{
     width:23%;
     margin:0 1%;
     float:left;
     height:125px;
     padding:50px 0;
     text-align:center;
}
.secCircle {
    width:100px;
    height:100px;
    border-radius:50%;
    margin:15px auto;
}

.secCircle + p {

    color:red;
}

.expLinha {
    width:100%;
    display:table;
    margin:15px 0;
    border:2px solid grey;
    position:relative;
}



.iconLogo {
    width:50px;
    height:50px;
    border-radius:50%;
    position:absolute;
    top:50%;
    margin-top:-25px;
    background-image: url(../pic/icons/logo-mini.png);
    background-repeat: no-repeat;
    background-position: center center;
    background-size:cover;
}

#ic1{
    right:-25px;
}

#ic2 {
    left:-25px;
}


#fixmenu{
    position:fixed;
    top:0;
    width:100%;
    display:table;
    background-color:rgba(255,255,255,.9);
    z-index:10;
    color:rgb(0, 25, 70);
    padding:0;
    transition:0.3s;
}

#fixmenu nav img[alt="menu"]{
    display: none;
}

#fixmenu ul {
    padding:0;
}


#fixmenu li:not(:first-child){
    transition:.5s;
    float:left;
    padding:30px 20px 20px 20px;
    font-size:1.5em;
    border-bottom:5px solid gray;
    cursor:pointer;
    min-width: 80px;
    text-align:center;
    color: rgba(17, 61, 94,0.9);
}

#fixmenu li:first-child{
    transition:.5s;
    float:left;
    padding-right:20px;
    font-size:1.5em;
    cursor:pointer;
    min-width: 80px;
    text-align:center;
    height:30px;
}

#fixmenu li:hover{
    border-bottom:5px solid rgb(17, 61, 94);
    color: rgb(17, 61, 94);
}

#fixmenu li:first-child:hover{
    border:0;
}


#container {
    width:100%;
    height:165px;
    transition: 1.5s;
}

section#welcome,section#about, section#contactus {
    height:165px;
}

section#about {
  display:table;
}
#about h1 {
    font-size: 4em;
    color:#fff;
}
section#service, section#exp, section#officials {
    display:table;
}

section,footer {
    width:100%;
    position:relative;
}
span{
    font-size: inherit;
}
.wrapper {
    width:1005px;
    margin:auto;
    display: table;
}


#welcome figure{
    padding:0;
    margin:0;
    border:0;
    width:100%;
    margin-bottom: 20px;
}
#welcomeContent * {
    color:#2D537E
}
#welcomeContent {
    width:100%;
    background-color:#F3F3F4;
    position: absolute;
}
#welcomeContentLogo {
    width:100%;
    height:115px;
    background-color:#fff;
}
#welcome figure img {
    margin:auto;
    /*background-color:red;*/
    height:120px;
    /*width:85px;*/
    width: auto;
    display:block;
    /*border-radius:50%;*/
}

ul {
    list-style-type: none;
    margin:0;
    padding:0;
}
nav {
    width:100%;
    display: table;
}
nav ul {
    margin:auto;
    height:50px;
    display:table;
}
nav li {
    float:left;
    padding:15px 20px;
    font-size:1.6em;
    margin:0;
    transition:.5s;
    border-right: 1px solid #C4C4C4;
    color:#C4C4C4;
}

nav li:hover {
    color:#fff;
    border-bottom:1px solid #fff;
    cursor:pointer;
}

nav ul a:last-child li, #fixmenu nav ul li:first-child,#fixmenu nav ul li:last-child{
    margin-right:0;
    border-right:0px;
}

#txtWelcome, #outHome {
    top: 30%;
/*
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
*/
    display:block;
    margin:50px auto 0 auto;
    position: relative;
}
#txtWelcome h1{
font-size: 4em;
    border-bottom: 0;
    margin:0;
    font-weight: 900;
    line-height: 75px;
    color:#fff;
    text-align: center;
}


 #outHome h1 {
    font-size:7em;
    color:#fff;
    font-weight:900;
    text-transform: uppercase;
    text-align:center;
    margin:0;
    line-height: 75px;
    padding-bottom: 45px;
    border-bottom:3px solid #fff;
}

#txtWelcome p {
    font-size: 2.3em;
    color:#fff;
    font-weight: 400;
    margin:45px auto;
}

#txtWelcome button, #txtWelcome p {
    text-align:center;
}

button {
    padding:15px 35px;
    border:0;
    font-size:1.4em;
    display:block;
    margin:auto;
}

#txtWelcome button {
    background-color:#e8ca00;
    font-size:1.6em;
}


#about {
    background-color: rgba(150, 151, 153,0.9);
    position: relative;
}

.line {
    width:1px;
    height:120px;
    background-color:#000;
    position:absolute;
    left:50%;
    margin-left:-.5;
}
.line:first-child {
    top:0;
}
.line:last-child {
    bottom:0;
}
#about .wrapper {
    text-align:center;
    position:relative;
}

h2 {
    font-size:4.2em;
}
#about .wrapper h2{
    margin:10px 0;
    line-height: 45px;
}

#about .wrapper p {
    font-size:2em;
    color:#fff;
}

#about .wrapper h2 b {
    color:#fff;
    font-size: inherit;
}
.txtLine {
    padding:0 5%;
}
#about .wrapper h2:nth-child(2) {
    font-weight: 700;
}
#about .wrapper h2:nth-child(3) {
    font-weight:200;
}

#divB {
    width: 100%;
    display: table;
    padding:20px 0;
}
#about button {
    margin-top:50px;
    color:#fff;
    background-color:rgb(17, 61, 94);
    clear:both;
}

#service {
    background-color:rgba(6, 12, 23, 0.7);
    background-image:url(../pic/pattern.png);
    color:#fff;
    text-align:center;
    padding: 100px 0;
    display:table;
}

#service h2 {
    margin:20px 0 30px 0; 
}
#service p {
    font-size:1.4em;
    margin:0 0 60px 0;
}

#service li {
    height:600px;
    width:32%;
    margin:1%;
    float:left;
    cursor:pointer;
    background-color:orange;
}

#service li:first-child{
    margin-left:0;
}

#service li:last-child{
    margin-right: 0
}


#exp {
    background-color:rgba(255, 255, 255, 0.9);
}

#exp .images {
    width: 48%;
    height: 300px;
    background-color: pink;
    margin-left: 2%;
    margin-top: -5%;
}

#exp .wrapper h2{
    color: #001946;
    font-size: 4em;
}

#infos {
    width:100%;
    /*height:365px;*/
    margin:60px 0;
}

#infos .expLinha:first-child .eachInfo:first-child{
    background-image: url('../pic/home1.jpg'); 
    background-repeat: no-repeat;
    background-size: 10px;
    background-position:center center;
}

#infos .expLinha:last-child #imgInfo {
    background-image: url('../pic/home2.jpg'); 
    background-repeat: no-repeat;
    background-size:100% 100%;
    background-position: center center;
}


#imgInfo {
    float:right;
}
.eachInfo {
    width:44%;
    height:305px;
    padding:30px 2%;
    float:left;
    font-size: 1.2em;
    text-align: justify;
}

.eachInfo p{
    padding-left: 20px;
}

.expLinha:first-child .eachInfo:nth-child(2), .expLinha:last-child .eachInfo:nth-child(1){
    background-image: url(../pic/icons/logo-b.png);
    background-repeat: no-repeat;
    background-size: 50%;
    background-position: center;
}


#exp h3, #members h3 {
    font-size:2.3em;
    margin:0;
    font-weight: 400;
}

#exp p, #members p {
    color: #576173;
    font-size:1.2em;
    line-height: 20px;
}

#members p {
    font-size:1.5em;
}

#exp button {
    background-color:#001946;
    margin:0;
    color:#fff;
}
.eachInfo li {
    width:425px;
    height:75px;
    margin:0 0 40px 0;
}

.eachInfo li:last-child {
    margin:0;
}

#officials {
    background-color:rgba(227, 229, 232, 0.95);
}

#members ul {
    width:100%;
}
#members li {
    float:left;
    width:23%;
    height:210px;
    margin:1%;
}

#members li:last-child {
    margin-right:0;
}
#members li:first-child {
    margin-left:0;
}

#officials {
    padding:40px 0;
}
#members ul {
    padding:20px 0;
    display:table;
}

#members li:nth-child(2), #members li:nth-child(3), #members li:nth-child(4){
    background-color:orange;
}

#contactus {
    background-color:rgb(6, 12, 23,.3);    
    position:relative;
    height: 50vh;
}

#contactus .wrapper {
    top: 40%;
    -webkit-transform: translateY(-40%);
    -ms-transform: translateY(-40%);
    transform: translateY(-40%);
    position: absolute;
    left:50%;
    margin-left:-502.5px;
}

#contactus h2 {
    font-size:4em;
    text-align:center;
    font-weight: 900;
    color:#fff;
}

#contactus h2 button {
    margin-top: 20px;
    background-color: rgb(17, 61, 94);
    color: #fff;
    font-size:0.5em;
}

footer {
    background-color:#060c17;
    display:table;
    color:#fff;
}

#copyright{
    width:100%;
    padding:30px 0;
    text-align:center;
    border-top:1px solid rgba(255,255,255,.1);
    clear:both;
    width:100%;
}

#copyright p {
    font-size:1.2em;
}

.liArea {
    float:left;
    width:21%;
    margin:2%;
}
.liArea h3 {
    font-size:2.3em;
    color:#D7D198;
    margin:0 0 20px 0;
    font-weight:400;
}

.liArea ul {
    border-left:1px solid rgba(255,255,255,.1);
    padding:0 0 0 20px;
}
footer li li {
    color:#c9c9c9;
    font-size:1.2em;
    margin:15px 0;
}

/*Página de contato*/
#outHome{
    top:30%;
}

#outHome h1 {
    padding:0;
    margin:0;
    font-weight:900;
    border:0;
    font-size: 5em;
}

#outHome p {
    font-size: 2.3em;
    color:#fff;
    font-weight: 400;
    margin: 0px auto 45px auto;
    text-align: center;
}

#address {
    height:455px;
    display: table;
    background-color:rgba(255,255,255,.9);
}

.addressInfo {
    /*float:left;*/
    padding:0 20px;
    /*height:280px;*/
}

#addressIcon{
    background-position:top center;
    background-repeat: no-repeat;
    width:120px;
}

#addressInfo {
    width:40%;
    top: 0px;
    left: 0px;
    position: absolute;
    margin: 0px;
    border: 0px;
}

#addressMap{
    width:48.75%;
    top: 0px;
    right: 0px;
    position: absolute;
    margin: 0px;
    border: 0px;
}

#formContact{
    background-color:#d9dbdf;
    display:table;
    padding:90px 0;
}

#formArea{
    background-color:#d9dbdf;
    display:table;
    padding:30px 0;
}

h3 {
    font-size:2.7em;
    font-weight: 400;
    line-height: 29px;
    color:#001946;
    margin-top:0;
}

#formContact button, #formArea button {
    margin:0;
    padding:10px 20px;
    background-color:#001946;
    color:#fff;
}

#formContact p {
    font-size:1.4em;
    line-height:1.7em;
    color: #576173;
}

#formContact p span {
    color:#576173;
}

#formContact #hour p{
    color:#001946;
}
#formContact hour br{
    line-height: 10px
} 
#formContact .contact{
    float:left;
    height:450px;
    padding:0 20px;
    width:462.5px;
}

#formArea .contact{
    height:180px;
    padding:0 20px;
    width:462.5px;
    margin-left: auto;
    margin-right: auto;
}
#exp .contact, #exp .images{
    float:left;
}
#exp .contact{
    width:50%;
}

#list {
    height:100px;
    width:100%;
    margin-bottom: 30px;
}

#list ul li:last-child::after{
    background-image: url(../pic/icons/wp.png);
    background-size: 10px 10px;
    display: inline-block;
    width: 10px; 
    height: 10px;
    content:"";
}

#list ul{
    float:left;
    /*width:40%;*/
    list-style-type:disc;
    padding:20px 5%;
    display:table;
}

#list ul li{
    /*padding:5px;*/
	padding:15px;
    font-size:1.4em;
	font-size: 13px;
    color:#31518C;
}

.inputs {
    width:100%;
    display:table;
    margin-bottom: 20px;
}

input, textarea{
    padding:10px 2%;
    width:96%;
    resize: none;
    border:1px solid #d9dbdf;
    font-size:1.4em;
    box-shadow:1px 1px 5px #b7d9bf;
}

textarea{
    height:80px;
}


input:focus, textarea:focus{
    background-color:#e9f5fc;
    border:1px solid #e9f5fc;
}

.inputs .column{
    float:left;
    width:49%;
    margin:0 1% 0 0;
}

.inputs .column:last-child{
    margin:0;
    width:50%;
}

.inputs label {
    display:block;
    width:98.5%;
    font-size:1.2em;
    margin:0;
    font-weight: 900;
    color:#576173;
    padding: 0 0 10px 0;
}


/*About us*/
#aboutus{
    padding:10px 0;
    background-color:rgba(255, 255, 255, 0.9);
    border-bottom:1px solid rgb(87, 97, 115);
    color:rgb(87, 97, 115);
    display:table;
}

#aboutus h2 {
    font-size:4.5em;
    color:rgb(0, 25, 70);
    margin-bottom:20px;
}

#aboutus h2 span {
    color:rgb(232, 202, 0);
}

#aboutus h2 span img{
  width: 400px;
}

#aboutus h3 {
    margin-top:0;
}

#aboutus li, #whatcan li {
    width:43%;
    float:left;
    padding:2%;
}

#aboutus li:first-child, #whatcan li:first-child{
    padding-left:0;
}

#aboutus li:last-child, #whatcan li:last-child{
    padding-right:0;
}

#aboutus p {
    font-size:1.5em;
}

#aboutPhoto {
    background-color:rgba(227, 229, 232, 0.95);
    padding:100px 0;
}

#areaPhoto {
    width:100%;
    height:390px;
    display:table;
}

#areaPhoto .column {
    background-color:red;
    width:48%;
    margin:1%;
    height:390px;
    float:left;
}

#areaPhoto .column:first-child{
    margin-left:0;
}

#areaPhoto colum:last-child{
    margin-right:0;
}

#aboutPhoto h2{
    font-weight: 200
}

#whatcan {
    background-image:url(../pic/home3.jpg);
    background-size:cover;
    background-position:center center;
    background-repeat: no-repeat;
    padding:130px 0;
    color:#fff;
}
#whatcan h2 {
    margin:0;
}

#whatcan h3 {
    color:#fff;
    margin:10px 0 30px 0;
    font-size:2.8em;
}

#whatcan p {
    font-size:1.5em;
    line-height:20px;
}

#whatcan p span {
    font-size:1.6em;
    font-weight: bold;
    color: #ffe600;
}

#numbers {
    background-color:rgba(255, 255, 255, 0.9);
    padding:110px 0;
    color:rgb(0, 25, 70);
}

#numbers li {
    float:left;
    width:22%;
    padding:0 2%;
    text-align:center;
}

#numbers li:first-child{
    padding-left:0;
    text-align:left;
}

#numbers li:last-child{
    padding-right:0;
}

#numbers h2 {
    margin:0;
}

#numbers p {
    font-size:1.3em;
    line-height: 25px;
    color:rgb(87, 97, 115);
}
#numbers h3 {
    text-align:center;
    font-size:3em;
    margin:0;
    border-bottom: 1px solid rgba(0,0,0,.08);
    line-height: 40px
}
#numbers span {
    font-size:2em;
    color:rgb(232, 202, 0);
    font-weight:700;
    margin:30px;
}
/* CSS efeitos*/
#img-fx li .h-text{
    position: relative;
    font-size: 18px;
    text-align: center;
    top: 50%;
    display: none;
    -webkit-transition: all .1s ease-in-out;
    -moz-transition: all .1s ease-in-out;
    -o-transition: all .1s ease-in-out;
    -ms-transition: all .1s ease-in-out;
}

#img-fx li img{
    position: relative;
    width: 70px;
    height: 70px;
    margin-left: auto;
    margin-right: auto;
    background-color: blue;
    border-radius: 50%;
    opacity: 1;
}

.transition-fx {
    -webkit-transform: scale(1.5); 
    -moz-transform: scale(1.5);
    -o-transform: scale(1.5);
    transform: scale(1.5);
    opacity: 0.5;
}



#product{
    background-color:rgba(255,255,255,.9);
}

.eachLine {
    border:5px solid pink;
    display:table;
    width:100%;
    margin:15px 0;
    height:200px;
}
.pImg {
    float:left;
    width:35%;
    height:10px;
    background-color:red;
    padding:0;
    margin:0;
    
}

.pInfo {
    width:65%;
    height:100%;
    float:lefteft;
    background-color:pink;
}

.pInfo h2, .pInfo p {
    padding:2%;
    margin:0;
}



/* Barra de rolagem */
body::-webkit-scrollbar-track {
    width: 10px;
    background-color: #666;
}
body::-webkit-scrollbar {
    width: 10px;
    background: #F4F4F4;
}
body::-webkit-scrollbar-thumb {
   background-color: rgb(34, 34, 34);
    width: 10px;
    border-radius: 5px;
}

.login-img{
  
}

/* Responsivo */
@media screen and (max-width: 1220px) and (min-width:930px){
    .wrapper {
        width:900px;
    }
    
    #txtWelcome .wrapper {
        margin-left:-450px;
    }
    
    #service li {
        height:400px;
    }
    
}
@media screen and (max-width: 930px) and (min-width:760px){
    .wrapper {
        width:670px;
        display:block;
        margin:auto;
    }
    
    
    #service li {
        height:400px;
    }
    
    #txtWelcome h1 {
        font-size:5em;
    }
    
    #exp {
        padding:80px 0;
    }
    
    .eachInfo li{
        width:100%;
    }
    
    #contactus .wrapper {
        margin:inherit;
        font-size:0.8em;
        margin-left:-335px;
    }
}

@media screen and (max-width: 759px){
    body {
        overflow-x:hidden;
    }
    
    #exp .images {
        margin-top: 2%;
        width: 90%;
        height: 250px;
        background-color: pink;
        margin-left: 2%;
    }

    #fixmenu nav ul{
        display: none;
    }
    
    #fixmenu nav img[alt="menu"]{
        padding: 15px;
        display: block;
        cursor: pointer;
        width: 30px;
    }
    
    #fixmenu li:not(:first-child) {
        width:100%;
        margin:5px 0;
        padding:5px;
    }

    .wrapper {
        width:90%;
        margin:auto;
        padding:0;
        font-size:.8em;
    }
    
    #service li {
        width:100%;
        display:block;
        margin:10px auto;
        clear:both;
        height:80vh;
    }
    
    .eachInfo{
        width:96.3%;
        display:table;
        float:none;
        padding:inherit 3%;
    }
    
    #exp button {
        margin:auto;
        display: block;

    }
    
    #officials li, #members {
        float:none;
        clear:both;
        width:100%;
    }
    
    
    #contactus .wrapper {
        margin:inherit;
        font-size:0.8em;
        width:90%;
        -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
        transform: translateX(-50%);
        top:25%;
    }
    
    #formContact{
      background-color:#d9dbdf;
      display: table;
      padding: 90px 0px 200px 0px;
    }
   
   #login-prawo{
     width: 250px;
   }
    #addressMap{
    width: 89%;
    top: 225px;
    left: 0px;
    right: auto;
  }
  #addressInfo{
    width: 89%;
  }
  #addressInfo img{
    width: 100%;
    height: auto;
    margin-left: auto;
    margin-right: auto;
  }
   #about{
    height: 200vh;    
  }
    #aboutus h2 span img{
    width: 200px;
  }
  
  #aboutus h2{
    font-size: 3.5em;
    text-align: center;
  }
  
  #outHome h1 {
    font-size: 4em;
  }
  
  #contactus{
    height: 35vh;
  }
  #ic1, #ic2{
     display: none;
  }
   
  .secEl{
     width:46%;
     margin:0 1%;
     float:left;
     height:125px;
     padding:50px 0;
     text-align:center;
     font-size: 1em;
  }

  

  #list ul{
    width: 70%;
  }
  #whatcan p 
     font-size: 1.8em;
  }
  
  #infos .expLinha:first-child .eachInfo:first-child, #infos .expLinha:last-child #imgInfo  {
     background-size: cover;
   position:relative;
  }

  #formContact .contact{
    width: auto;
  }

}

/***********************************/