body
{ 
font-family:Roboto-Regular; 
font-size:12px; 
text-align:justify; 
color:#1b1b1b; 
background-color:#fff; 
}
.btn-success {

    color: #1b1b1b;
    background-color: #fcd633;
    border-color: transparent;
}
.btn {
    display: inline-block;
    padding: 6px 12px;
    margin-bottom: 0;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.42857143;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-image: none;
    border: 1px solid transparent;
        border-top-color: transparent;
        border-right-color: transparent;
        border-bottom-color: transparent;
        border-left-color: transparent;
    border-radius: 0px;

}
h1,h2,h3,h4,h5 {font-family:Roboto-Light; text-align:center;}
.top{ height:auto; width:100%; color:#e4e4e4; text-align:center; position:fixed; z-index:99999; font-size:11px;/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#356aa0+0,356aa0+100;Blue+Flat */
background: #356aa0; /* Old browsers */
background: -moz-linear-gradient(top, #356aa0 0%, #356aa0 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, #356aa0 0%,#356aa0 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, #356aa0 0%,#356aa0 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#356aa0', endColorstr='#356aa0',GradientType=0 ); /* IE6-9 */}
.logo{ margin-top:10px;  width:100%; height:auto;}
.logo img{ display:block; float:none; margin:0 auto;margin-bottom:10px;}
.co{font-size:35px; text-align:center;color:#fff;font-family:Oswald-Regular;}
.slogan{font-size:11px; text-align:center;color:#d0d0d0;font-family:Roboto-Regular;}
.address{ text-align:center;}
.banner{ border-bottom:4px solid #fad735; padding-top:270px;}
.banner img { width:100%; height:auto;-webkit-filter: grayscale(100%); /* Safari 6.0 - 9.0 */
    filter: grayscale(60%);}
.banner h3{display:none;}
.banner p{display:none;}
.carousel-indicators{display:none;}
.menu{width:100%; height:auto; margin:0 auto; float:none;background-color:#fad735; padding-top:210px; position: fixed;top:10px;z-index:999;}
.nopadding{ margin:0px; padding:0px;}
position:fixed; z-index:99999;}
.copyright{ text-align:center; color:#81c51a;}
.powered img{ display:block; float:none; margin:0 auto; width:100px;}
.caption{ color:#929292; width:100%; font-size:14px;}
.caption p{font-size:11px; text-align:center;}
.product li{ border-bottom:1px dotted #217d26; margin-bottom:5px;padding:3px; color:#000;}	
.product li a{text-transform:uppercase; color:#c70404;}
.product a:hover { color:#0343fb;}
.product ul {list-style-type: none;}
.product li:before {
    content: "\f101";
    font-family: FontAwesome;
    color:#535353; /* or whatever color you prefer */
    margin-right: 4px;
}
.iso{display:block;margin:0 auto;float:none;padding:5px;}
.iso img{float:left;margin:0 auto;height:100px;width:auto; background-color:#fff; padding:5px;}
.iso h4{font-size:14px; text-align:center;}
.footer{ height:auto; width:100%;background-color:#0c0c0c; color:#dadada;margin-top:10px;}
.footer_top{height:auto; width:100%;color:#e4e4e4; border-top:1px solid #fad735; margin-top:10px; padding:10px;/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#356aa0+0,356aa0+100;Blue+Flat */
background: #356aa0; /* Old browsers */
background: -moz-linear-gradient(top, #356aa0 0%, #356aa0 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, #356aa0 0%,#356aa0 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, #356aa0 0%,#356aa0 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#356aa0', endColorstr='#356aa0',GradientType=0 ); /* IE6-9 */}
.top_contact h3{text-align:center; margin-top:10px;font-size:20px;}
.wa img{width:15px;height:auto;}
.table {width:75%;max-width: 100%;margin-bottom:20px; margin:0 auto; text-align:center;}
.table thead th{text-align:center; background-color:#E9E9E9;}
.td{ border:1px solid #E9E9E9;}
hr{
	border-top: 1px dashed #8c8b8b;
	border-bottom: 1px dashed #fff;
}
.caption h4{ text-align: center; text-transform:uppercase;}
#myBtn {
  display: none;
  position: fixed;
  bottom:20px;
  right:30px;
  z-index:99;
  font-size: 28px;
  border:none;
  outline:none;
  background-color:#000;
  color:#fad735;
  cursor:pointer;
  padding:5px;
  border-radius:0px;
}

#myBtn:hover {
  background-color: #555;
}
.tag{
text-align:center;
font-size:46px;
text-transform:capitalize;
 font-family:Roboto-Bold;
 }
 
 .thumbnail p{ text-transform:uppercase; color:#3d3d3d; font-size:10px;    text-align: center;}

 
@media(min-width:768px)
{
.carousel-indicators{display:block;}
.banner{ border-bottom:4px solid #fad735; padding-top:150px;}
.banner h3{text-align:center; color:#FFF; font-family:Roboto-Bold; font-size:36px;}
.banner p{text-align:center; color:#000; font-family:Roboto-Bold; font-size:22px;}
h1,h2,h3,h4,h5 {text-align:left; margin-bottom:10px;}
.menu{width:100%; height:auto; margin:0 auto; float:none;background-color:#fad735;padding-top:90px;position: fixed;top: 10px;z-index:999;}
.content{ margin-top:20px;}
.content p a{float:right;}
.caption{font-size:18px; margin-top:8px;}	
.logo{ margin-top:15px; width:100%; height:auto;}
.logo img{display:block; float: left;}
.co{text-align:left; margin-top:15px;}
.slogan{text-align:left;}
.address{ text-align:left;margin-top:10px;}
.footer_top{height:200px; width:100%;background-color:#242424;color:#e4e4e4;margin-top:10px; padding:10px;}
.footer_top1 {
    width: 100%;
    background-color: #dbdbdb;
    border-top: 1px solid #c4c4c4;
    margin-top: 10px;
    padding: 10px;
}
.top_contact h3{text-align:right; margin-top:40px;}
.wa img{width:30px;height:auto;}
.footer{ min-height:50px; width:100%;color:#dadada; margin-top:0px;}
.copyright{ text-align:left; margin-top:10px;}
.powered img{display:block; float:right; width:120px; margin:5px}
.thumbnail img{ height:180px; width:auto;}

}



@media(min-width:1170px)
{






}