::-webkit-scrollbar{
    width: 10px;
}
::-webkit-scrollbar-track{ /*BARRA INTEIRA*/
    background: white;
}
::-webkit-scrollbar-thumb{ /*PARCIAL*/
    background: #01a89e;
    height: 30px;
}
*{
    /*SCROLL IE*/
    scrollbar-face-color: #01a89e;
    scrollbar-track-color: white;
    scrollbar-arrow-color: white;
    /* -- SCROLL IE*/
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    font-family: 'Open Sans', sans-serif;
    font-weight: normal;
    word-spacing: 3px;
    font-size: 20px;
    margin: 0 auto;
    color: #5B5A5F;
    outline: none;
    resize: none;
    padding: 0;
}
/*------------------------------------------------------------------------------*/
.bgraylight{background: #e6e6e6;}
.bgraydark{background: #cccccc;}
.bwhite{background: #fff;}
.bblue{background: #5fa8ed;}
.mbd{margin-bottom: 150px;}
.mb50{margin-bottom: 50px;}
.plr20{padding: 0 20px;}
.p15{padding: 15px;}
.p40{padding: 40px;}
.plr40{padding: 0 40px;}
.plr40 .mid{padding-right: 80px;}
.cwhite{color: #FFF;}
.mih{min-height: 1px;}
.mo{display: none;}
/*------------------------------------------------------------------------------*/
body{
    padding-top: 80px;
}
h1{
    text-transform: uppercase;
    font-weight: 300;
    font-size: 35px;
}
h2{
    text-transform: uppercase;
    font-weight: 900;
    font-size: 35px;
}
iframe{
    height: 400px;
    width: 100%;
}
input[type=text], input[type=password], textarea{
    border: solid 1px #cccccc;
    margin-bottom: 3px;
    max-width: 500px;
    font-size: 14px;
    padding: 4px;
    width: 100%;
}
input[type=text]:focus, input[type=password]:focus, textarea:focus{
    border-color: #01a89e;
}
pop{
    display:none;
    position:absolute;
    top:25%;
    left:auto;
    padding:10px;
    width:300px;
    height:200px;
    border:1px solid #d0d0d0
}
.modalDialog {
	position: fixed;
	font-family: Arial, Helvetica, sans-serif;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	background: rgba(0,0,0,0.8);
	z-index: 99999;
	opacity:0;
	-webkit-transition: opacity 400ms ease-in;
	-moz-transition: opacity 400ms ease-in;
	transition: opacity 400ms ease-in;
	pointer-events: none;
}
.modalDialog:target {
	opacity:1;
	pointer-events: auto;
}

.modalDialog > div {
	width: 400px;
	position: relative;
	margin: 10% auto;
	padding: 5px 20px 13px 20px;
	border-radius: 10px;
	background: #fff;
	background: -moz-linear-gradient(#fff, #999);
	background: -webkit-linear-gradient(#fff, #999);
	background: -o-linear-gradient(#fff, #999);
}
textarea{
    height: 150px;
}
input[type=button], input[type=submit]{
    background: #01a89e;
    padding: 5px 15px;
    font-size: 14px;
    color: #FFF;
    border: 0;
}
input[type=button]:hover, input[type=submit]:hover{
    background: #cccccc;
}
.page-header{
    background: -webkit-linear-gradient(#fff, #e6e6e6);
    background: -moz-linear-gradient(#fff, #e6e6e6);
    background: -o-linear-gradient(#fff, #e6e6e6);
    background: linear-gradient(#fff, #e6e6e6);
    margin-top: -80px;
    position: fixed;
    width: 100%;
    z-index: 10;
}
.page-header, .page-header div[class^=col-md-]{
    height: 80px;
}
.page-header button{
    background: transparent;
    display: none;
    margin: auto;
    width: 60px;
    border: 0;
}
.page-header form{
    font-size: 15px;
}
.page-header button:hover .icon-bar{
    border-color: #cccccc;
}
.page-header .icon-bar{
    border-top: solid 3px #ff0202;
    margin-top: 4px;
}
.page-header li{
    display: inline-block;
    padding: 0 25px;
}
.page-header li a{
    font-size: 18px;
}
.page-header li a:hover{
    color: #ff0202;
}
.page-header input[type=text], .page-header input[type=password]{
    margin-bottom: 0!important;
    width: 100px;
}
#carousel, .carousel{
    width: 100%;
}
.carousel{
    position: absolute;
    display: none;
    opacity: 0;
}
.carousel:first-of-type{
    display: block;
    opacity: 1;
}
.carousel h1{
    text-shadow: 0 0 10px #000000;
    margin-top: 100px;
    color: #FFF;
}
.carousel h2{
    text-shadow: 0 0 10px #000000;
    color: #FFF;
}
.chat-bar{
    border-top: solid 1px #5B5A5F;
    position: fixed;
    width: 100%;
    z-index: 2;
    bottom: 0;
}
.chat-bar div[class^=col-md-]{
    height: 180px;
}
.chat-bar img{
    max-height: 120px;
    max-width: 120px;
    width: 90%;
}
.chat-bar .col-md-2 img{
    margin: auto 10px;
    height: 40px;
    width: 40px;
}
.chat-bar h2{
    font-size: 30px;
}
.skype-bar .col-md-6{
    height: 70px;
}
.skype-bar h2{
    margin-left: 50px;
}
.skype-bar img{
    cursor: pointer;
    margin: 0 45px;
}
.menu-produtos div[class^=col-md-]{
    height: 700px;
}
.menu-produtos .col-md-5{
    padding-right: 50px;
}
.menu-produtos section{
    display: none;
}
.menu-produtos section:nth-of-type(1){
    display: block;
}
.menu-produtos h1{
    margin-bottom: 40px;
}
.menu-produtos p{
    font-size: 1.1vw;
}
.item-produto .col-md-3{
    background: -webkit-linear-gradient(#d5d5d5, white, #d5d5d5);
    background: -moz-linear-gradient(#d5d5d5, white, #d5d5d5);
    background: -o-linear-gradient(#d5d5d5, white, #d5d5d5);
    background: linear-gradient(#d5d5d5, white, #d5d5d5);
    cursor: pointer;
    height: 180px;
}
.item-produto .col-md-3:hover, .item-produto-hover{
    background: -webkit-linear-gradient(#acadac, #cdcdcd, #acadac)!important;
    background: -moz-linear-gradient(#acadac, #cdcdcd, #acadac)!important;
    background: -o-linear-gradient(#acadac, #cdcdcd, #acadac)!important;
    background: linear-gradient(#acadac, #cdcdcd, #acadac)!important;
}
.item-produto .col-md-31{
    background: -webkit-linear-gradient(#d5d5d5, white, #d5d5d5);
    background: -moz-linear-gradient(#d5d5d5, white, #d5d5d5);
    background: -o-linear-gradient(#d5d5d5, white, #d5d5d5);
    background: linear-gradient(#d5d5d5, white, #d5d5d5);
    cursor: pointer;
    height: 180px;
}
.item-produto .col-md-31:hover, .item-produto-hover{
    background: -webkit-linear-gradient(#acadac, #cdcdcd, #acadac)!important;
    background: -moz-linear-gradient(#acadac, #cdcdcd, #acadac)!important;
    background: -o-linear-gradient(#acadac, #cdcdcd, #acadac)!important;
    background: linear-gradient(#acadac, #cdcdcd, #acadac)!important;
}
.item-produto img{
    margin-bottom: 15px;
    max-height: 130px;
    width: 100%;
}
.item-produto p:nth-of-type(2) img{
    display: none;
}
.item-produto .col-md-3:hover p:nth-of-type(1) img{
    display: none;
}
.item-produto .col-md-3:hover p:nth-of-type(2) img{
    display: block;
}
.item-produto p{
    font-weight: 300;
}
.contato .col-md-12{
    background: url('../img/contato.jpg') no-repeat center center;
    background-size: cover;
    height: 500px;
}
.contato-form .col-md-6:nth-of-type(1){
    height: 350px;
}
.produtos h1{
    margin-bottom: 40px;
}
.page-footer{
    padding: 50px 0;
}
.page-footer img{
    margin-bottom: 60px;
}
.page-footer li{
    padding: 5px 0;
}
.page-footer li a{
    font-size: 20px;
}
.page-footer li a:hover{
    color: #ff0202;
}
.container-fluid{
    max-width: 1500px;
    margin: auto;
}
.mid{
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    position: absolute;
    width: 100%;
    top: 50%;
}
.feedback{
    font-size: 14px;
}
.b, .b p{
    font-weight: 700;
}
.p p{
    margin-bottom: 25px;
}
@media (max-width:1600px) {
    .chat-bar .col-md-2 img{
        margin: auto 5px;
    }
}
@media (max-width:1500px) {
    .container-fluid{
        margin-right: 50px;
        margin-left: 50px;
    }   
}
@media (max-width:1400px) {
    .chat-bar .col-md-2 img{
        height: 30px;
        width: 30px;
    }   
}
@media (max-width:1300px) {
    .page-header li{
        padding: 0 15px;
    }
}
@media (max-width:1200px) {
    h2{
        font-size: 30px;
    }
    .chat-bar h2{
        font-size: 25px;
    }
    .chat-bar .col-md-2 img{
        margin: auto 4px;
        height: 25px;
        width: 25px;
    } 
    .skype-bar img{
        margin: 0 25px;
    }
}
@media (max-width:1100px) {
    .page-header li{
        padding: 0 10px;
    }
}
@media (max-width:992px) {
    /*--------------------------------------------------------------------------*/
    .mh{display: none;}
    .pmob{padding: 0 20px!important;}
    .mbd{margin-bottom: 50px;}
    .mo{display: block;}
    /*--------------------------------------------------------------------------*/
    .page-header{
        height: auto;
    }
    .page-header div[class^=col-md-]{
        padding: 10px 0;
        height: auto;
    }
    .page-header button{
        display: block;
    }
    .page-header img{
        margin-bottom: 20px;
    }
    .page-header ul{
        margin-top: 15px;
    }
    .page-header li{
        padding: 5px 0;
        display: block;
    }
    #carousel, .carousel{
        height: 250px;
    }
    .chat-bar{
        position: relative;
    }
    .chat-bar .bgraydark{
        background: transparent;
    }
    .chat-bar div[class^=col-md-]{
        height: auto;
    }
    .chat-bar div[class^=col-md-]{
        height: auto;
    }
    .chat-bar .col-md-5{
        width: 50%;
    }
    .skype-bar .col-md-6{
        padding: 20px 0;
        height: auto;
    }
    .skype-bar h2{
        margin-left: auto;
    }
    .menu-produtos div[class^=col-md-]{
        padding: 30px 0;
        height: auto;
    }
    .menu-produtos .col-md-5{
        padding-right: 0;
    }
    .menu-produtos p{
        font-size: 20px;
    }
    .item-produto .col-md-3{
        min-height: 180px;
        padding: 30px 0;
        height: auto;
    }
    .item-produto .col-md-31{
        min-height: 180px;
        padding: 30px 0;
        height: auto;
    }
    .servicos .p40{
        padding: 10px;
    }
    .contato .col-md-12{
        height: 250px;
    }
    .contato-form .col-md-6:nth-of-type(1){
        padding: 20px 0;
        height: auto;
    }
    .produtos .col-md-8{
        height: auto!important;
        padding: 40px 0;
    }
    .produtos .col-md-4{
        height: auto!important;
        padding: 70px 0;
    }
    .produtos h1{
        margin-bottom: 20px;
    }
    .container-fluid{
        padding: 0 20px;
        margin: auto;
    } 
    .mid:not(.midm){
        -webkit-transform: none;
        -ms-transform: none;
        position: relative;
        transform: none;
        padding: 0;
        top: auto;
    }
}
@media (max-width:500px) {
    .page-header input[type=text], .page-header input[type=password]{
        width: 80px;
    }
    .skype-bar img{
        margin: 0 10px;
    }
}
@media (max-width:400px) {
    .page-header input[type=text], .page-header input[type=password]{
        width: 40px;
    }
}
a, input[type=submit], input[type=button], input[type=text], input[type=password], .page-header .icon-bar, .page-footer li a{
    -webkit-transition: all .15s linear;
    transition: all .15s linear;
}