@charset "utf-8";
/* CSS Document */

@import url(http://fonts.googleapis.com/css?family=Anton|Philosopher:400,700|Roboto:400,300|Dosis:400,300);



body{background:#FFF; margin:0px; padding:0px; color:#000; font-size:100%; line-height:22px; font-family:'Roboto';}
img{max-width:100%;}
img, a{margin:0; text-decoration:none; color:#096;}
a:hover{color:#134c4d;}
a:active{outline:none;}

*{box-sizing:border-box;}
:after, :before {box-sizing:border-box;}

.container {max-width:1180px; width:100%; margin:auto; padding:0 15px;}
h1, h2, h3, h4, h5, h6 { margin:0px; padding:0px; font-weight:normal;}

  

@media (min-width: 300px) and (max-width: 1000px) {

  .container {
	  width:95%; padding:0px 10px;
  }
  

}

#header-baar{padding:4px 0px; background:#044647; border:1px solid rgba(255,255,255,0.1); color:#FFF; width:100%; display:table;   font-size:14px; letter-spacing:1px;}
#header-baar a {text-align:right; float:right; color:#FFF; font-size:14px; letter-spacing:1px;}
header{background:#0c4546; padding:20px 0px; width:100%; display:table;}
.page{font:400 92% 'Roboto'; line-height:23px; letter-spacing:0.4px; text-align:justify; color:rgba(0,0,0,0.8); padding-bottom:40px; display:table; }
.page h1{width:100% !important; margin:20px 0 25px 0; font: normal 150% 'Philosopher'; color:#044647; clear:both;}
.page img {width:100%; box-shadow:2px 2px 10px rgba(0,0,0,0.5); border:5px solid #FFF;}
.page ul{margin:0px; padding:0px 15px; color:#018789;}
.slider-page{clear:both;}
.slider-page img{box-shadow:2px 2px 10px rgba(0,0,0,0.5); border:5px solid #FFF; border-radius:5px; margin-top:40px;}
.slider-page img{
transition:transform 0.5s ease-in;
 width:100%;

}
.slider-page img:hover{
transform:scale(1.3);
z-index:1;

  


}

#logo{width:40%; float:left;}
#logo a {font:300 200% 'Anton'; color:#FFF; letter-spacing:1.5px; text-transform:uppercase; /*font-style:italic;*/}

nav{width:60%; float:left; margin-top:10px; }
.corat{background:#ca850d; padding:5px 0px; font-size:120%; letter-spacing:1px; color:#FFF; font: normal 150% 'Philosopher';}

#welcome{/*background:rgba(240,240,240,0.9);*/ padding:15px 0 0 0; font:400 92% 'Roboto'; line-height:23px; letter-spacing:0.4px; text-align:justify; color:rgba(0,0,0,0.8); }
#welcome img {float:right; max-width:486px; width:100%; margin-left:40px;}
#welcome h1{color:#000;}

.product .product-box{width:29%; display:table-cell; padding:0; border:1px solid rgba(0,0,0,0.1); font:300 91% 'Roboto'; color:#000; letter-spacing:0px; line-height:0px; position:relative; }
.product h1, #welcome h1{width:100% !important; margin:20px 0; font: normal 150% 'Philosopher'; color:#044647; clear:both;}
.product h1{margin:35px 0px;}
/*.product .product-box:hover{background:#fdb93b;}*/
.product .text{padding:0px 15px; font:400 105% 'Roboto'; line-height:21px; letter-spacing:0px !important; text-align:left;  }
.product .text ul{margin:0px; padding:0px 10px 0 15px;}
.product .text ul li{list-style:outside; padding-bottom:8px; letter-spacing:0.3px;}
.pro{float:left; width:50%; text-align:justify; color:rgba(0,0,0,0.8);}
.pro h2{color:#000; font-size:110%; text-align:left; padding:12px 0px 4px 0; font: normal 130% 'Philosopher'; letter-spacing:0.5px; width:100%; color:#000;}
.text span{color:#000; font:400 113% 'Roboto'; padding-bottom:6px; display:inline-block; margin-top:8px;}
.pro .button {padding:3px 10px; color:#FFF; text-align:center; margin-top:15px; bottom:10px; position: absolute; right:62px;}
.pro .button a{text-align:center; color:#0f5463; font-size:180%;}

.banner{margin:20px 0 0 0; background:url(../img/banner.jpg) no-repeat; padding:2% 0 3% 0px; font:400 115% 'Roboto'; background-position:center; background-size:100%; letter-spacing:0px !important; }


footer{background:url(../img/footer-bg.jpg) no-repeat;  padding:20px 0 10px 0; width:100%; display:table; color:rgba(255,255,255,0.8); font:400 100% 'Roboto'; letter-spacing:1px;}
footer h2{color:#FFF; font:400 150% 'Dosis'; border-bottom:1px solid rgba(255,255,255,0.2); width:70%; padding-bottom:20px; margin-top:10px;}
footer a {float:left; clear:both; margin-top:25px; color:rgba(255,255,255,0.8); font:400 100% 'Roboto'; letter-spacing:1px; }
footer a:hover{color:#0FF;}
footer h3{color:#FFF; font:400 105% 'Roboto'; margin:17px 0px; letter-spacing:1px; width:100%;}
.social a{float:left; clear:inherit; padding:20px 30px 0 0; border-top:1px solid rgba(255,255,255,0.1); margin-top:30px;}
.social a:hover{opacity:0.8;}

footer label, input, textarea{width:100%; clear:both;  margin:4px 0px; padding:3px 0px; }
footer input, textarea{border:1px solid rgba(255,255,255,0.1);}

.bottom{background:#bfbfbf; padding:5px 0px; font-size:13px;}

/*<!--.formfeedack{background:rgba(236,236,236,0.9); padding:10px;}-->*/
.formfeedack input,textarea {width:100%; margin:12px 0px; padding:10px 20px; border:1px solid rgba(0,0,0,0.1); background:rgba(236,236,236,0.9); padding:10px;}
.formfeedack .submit:hover{ background:#F00; color:#FFF;}
.formfeedack .submit{width:100px; background: #134c4d; color:#FFF;}
.formfeedack label{font-weight:normal; color:#000;}

.contact p{font-size:97%;}
.contact a {color:#000;}
.contact a:hover{text-decoration:none;}

.cycle-pager { 
    text-align: center; width: 100%; z-index: 500; position: absolute; bottom:0px; overflow: hidden; /* */
	/*border-bottom:1px solid rgba(0,0,0,0.3)*/
}
.cycle-pager span { 
    font:bold 60px/30px Arial, Helvetica, sans-serif; padding-right:2px; 
    display: inline-block; color: #134b4c; cursor: pointer; text-shadow:0px -2px 2px rgba(0,0,0,.5);
}
.cycle-pager span.cycle-pager-active {color:#15cfd2 !important;}
.cycle-pager > * { cursor: pointer;}
.cycle-pager span:hover{ color:#ca0606; }

.specialty{display:table; width:100%; font-size:100% !important;}

.specialty h2{color:#0f595a;}