.top{height: 40px; background-color: #383D45;}
header{background-color: #EAEAEB;}
.logo{margin:0; }
.logo img{width: 100%;padding-left: 15px; padding-top: 5px;}
.nobg{background: none; border:none; }
.title{font-family: 'Roboto', sans-serif;  }
.title h1{font-size: 3em; margin:13px 0;}
.title small{color:#3498DB;}
.call{font-family: 'Titillium Web', sans-serif; padding-top:6px;}
.call span{padding: 0 10px; color:#3498DB; position: relative;top: 5px;}
.call h3{font-family: 'Cabin', sans-serif;}
.email{padding: 0px 0 0 22px;}
.email ul{padding: 0;}
.email ul li{display: inline-block; }
.email span{background-color:#3498DB; height: 45px; padding: 0 3px; color:#fff;}
.email li:last-child{background-color: #383D45; padding: 0 1px;}
.email h5{margin: 0; padding: 16px 0px 13px 0px; }
.email h5 a{color: #fff; padding: 0px 10px;}
.email h2{marging:15px 0;}
.list-group li{list-style: none; display: inline-block; }
.list-group li a{color:#9B9B9B;  font-family: 'Titillium Web', sans-serif; padding: 0 6px;}
.top .list-group {padding:6px 0 0 0;margin: 3px 0; }
.navbar-inverse {background-color: rgba(255, 255, 255, 0.91); border-bottom: 7px solid #3397DA; margin:5px 0 0 0; margin: 90px 0px 0px;position: absolute; width: 84.7%;}
.mrtop{margin:2px 0; position: absolute;z-index: 3; background-color: rgba(255, 255, 255, 0.8); width:84.5%; }
.navbar-inverse .navbar-nav > .active > a, .navbar-inverse .navbar-nav > .active > a:hover, .navbar-inverse .navbar-nav > .active > a:focus {    color: #FFF;    background-color: #3397DA;}
.navbar-nav > li > a{padding: 15px 20px;}
.navbar-inverse .navbar-nav > li > a{color:#000;}
.navbar-nav > li { border-right: 1px solid #E1E1E1;}
.navbar-inverse .navbar-nav > li > a:hover, .navbar-inverse .navbar-nav > li > a:focus{color: #fff; background-color:#3498DB; }
/* ser setting */
.gsc-search-box *{box-sizing: initial !important}
.gsc-control-cse {background-color: transparent !important; border:none !important;}
.gsib_a input{height: 18px !important;}
.gsc-search-button input{background-color: #D43B02 !important; border:1px solid #000 !important;}
.gsc-search-button input{ padding: 6px 10px !important;}
.gsib_a{padding:0 !important;}
.gsc-input-box  input{padding:3px 0 !important; }
.ser{position: absolute; right: 5%; width:20% !important; top: 0; }
.cse .gsc-control-cse, .gsc-control-cse{padding: 3px 0 !important;}
.gsc-search-button input{background-color: #000 !important;}
.list-group li a:hover{text-decoration: none;}
.item img{width:100%;}
.four{margin:-14px 0 ; text-align: center;}
.black{ background-color: #45484F;}
.gray{background-color: #727D91}
.green{background-color:#A7C644; }
.blue{background-color: #3E98D4;}
.four h3{color:#fff; text-transform: uppercase; font-weight: bold; padding: 10px 0 0 0;  font-size: 1.4em;  font-family: 'Roboto', sans-serif; margin: 15px 0  10px !important;}
.carousel-indicators{bottom:90px;}
.mr{margin-top: 35px;}
.view1 {position: relative;overflow: hidden;float: left;/* margin: 0 .2%; */min-width: 223px;}
.mask {background-color: rgba(0, 0, 0, 0.3);position: absolute;left: 0%;position: absolute;/* box-shadow: 0 0 16px #000; */opacity: 0;width: 100%;transition: all 0.2s ease-in-out 0s;-webkit-transition: all 0.2s ease-in-out 0s;text-align: center;margin: 0% 0;top: -37%;height: 210px; top:-100px;}
.view1:hover .mask {opacity: 1;transform: translateY(100px);-webkit-transform: translateY(100px);}
.mask h2 {transform: translateY(-20px);-webkit-transform: translateY(-20px);transition: all 0.2s ease-in-out 0s;-webkit-transition: all 0.2s ease-in-out 0s;background: #000000;color: #FFF;opacity: 0.8;
padding: 4% 0;font-size: 1.2em;font-family: arial;font-weight: bold; font-family: 'Roboto', sans-serif;}
.view1:hover .mask p {transform: translateX(0px);-webkit-transform: translateX(0px);transform: translateY(10px);-webkit-transform: translateY(31px);font-size: 1.2em;text-align: center;/* text-shadow: 0 0 3px #fff !important; */background: #fff;opacity: 0.8;padding: 10px 0;color: #000;text-shadow: none;}
.view1 .mask a {background: #2d2d2d;color: #fff;padding: .5em 1em;right: 0;font-family: arial;top: 80%;left: 62%;position: absolute;font-size: 1em;text-decoration: none;}
.cust table tr td,.cust table tr th{border:1px solid #ccc;}
.table_part .row{ padding: 20px 0px;    border: 1px solid #C0C0C0;    margin: 10px 0px;}
.hd{background-color:#F3F3F3; padding: 10px 0 10px 35px;   font-family: 'Roboto', sans-serif; border: 1px solid #EDEDED; margin: 0 0 15px 0; }
.btn_green{background-color: #A7C644;color: #fff;}
.btn_gray{background-color: #45484F; color:#fff;}
.btn_blue{background-color: #3B9ADA; color:#fff;}
.btn_light{background-color: #727D91; color:#fff; }
.bl{position: relative;}
.bl a{left: 34%;top: 91%;margin: 10px 0px 30px !important;}
.bl p{color: rgba(255, 255, 255, 0.74);}
.fea{margin: 50px 0;}
footer{background-color:  #F5F6F6; padding: 20px 0; font-family: 'Roboto', sans-serif; margin-top: 20px; }
footer h4{color:#3E98D4; text-transform: uppercase; padding-bottom: 10px; }
footer ul{padding: 0;}
footer li{list-style:none; line-height: 25px; color:#747474;}
footer li a{color:#747474; text-decoration: none;  }
.view1 p{color:#727D91;}
.view1  figure{margin:0;}
.gpart{background-color: #F4F4F4; padding-bottom: 20px;}
.gpart h4, p, a{ font-family: 'Roboto', sans-serif;}
.bottom{background-color: #383D45; color:#fff; }
.bottom h5{font-family: 'Roboto', sans-serif; padding:8px 0; }
.bottom a{ color:#A0A7AE;}
.seta{margin: 0px 0px 19px !important; padding: 6px 0px !important;}
.seta1{margin: 0px 0px 19px !important; padding: 6px 0px ;}
.sub ul{display: none; position: absolute; width:200px; background-color: #fff; border:1px solid #ccc;   padding-left: 0px; margin: -28px 0 0 157px;}
.sub ul li{padding:0px 0; list-style: none;}
.sub ul li a{color:#000; text-decoration: none; display: block; width:100%; padding: 5px 20px }
.sub ul li a:hover{background-color: #3397DA; color:#fff;}
.sub:hover ul{display: block;}
.dropdown-menu>li>a:hover, .dropdown-menu>li>a:focus{background-color: #3397DA; color:#fff;}
.main{margin-top:11%; }
.in{background-color: rgba(243, 243, 243, 1) !important; border-bottom: 1px solid #E1E1E1;}
.pro ul li{line-height: 30px; list-style: none;}
.pro ul li a{color:#000;}
.black span , .gray span , .green span , .blue span{
	background:#FFF;
	padding:25px;
	font-size:25px;
	border-radius:50px/50px;
	margin-top:20px;}
.black p{
	padding:0 10px;}
	
.about h1{
         font-family: 'Roboto', sans-serif;
		 font-size:30px;
		 padding-top:20px; 
        }
.about p{
       font-family: 'Roboto', sans-serif;
	   font-size:16px;
	   color:#747474;
	   text-align:justify;}
.product{
          margin-top:10px !important;
		  margin-bottom:10px !important;
		  border:1px solid #CBCBCB !important;
		  padding:10px 10px 10px 10px;
		  box-shadow:1px solid #ccc; }
.about img{
          margin-bottom:10px;
		  margin-top:10px;
		  border:1px solid #CBCBCB ;}
.border{
       border:none !important;}
.contact h1{
          font-family: 'Roboto', sans-serif;
		 font-size:30px;
		 padding-top:20px;}
.contact table tr td{
         font-family: 'Roboto', sans-serif;
		 font-size:16px;
		 color:#747474;
		 padding-top:5px;
		 padding-bottom:5px;
		 }

@media (min-width:320px) and (max-width:414px){
.mrtop {
    margin: 5px 0;
    position: relative;
    width: 100%;
    text-align: center;
}

.mrtop img{
	display: inline-block;
padding-top: 8px;
width: 14%;
}

.title h1 {
    margin: 5px 0px;
}

.title h1 img{
    width: 300px;
}

.call h3 {
    margin-top: 5px;
    font-size: 16px;
}
.email ul li {
    margin-bottom: 8px;
}

.email h2 {
    font-size: 21px;
    margin: 0px;
}

.email span {
height: 31px;
}

.email h5 {
    padding: 8px 0px 8px 0px;
}

.navbar-inverse {
    margin: 20px 0px;
    position: relative;
    width: 100%;
}

.navbar-toggle {
    background-color:#3397da;
}

.navbar-inverse .navbar-toggle:hover, .navbar-inverse .navbar-toggle:focus {
    background-color:#3397da;
}

.four {
    margin: 20px 0;
}

.carousel-indicators {
    bottom: 0px;
}

.top {
    height: 100%;
}

.ser {
    position: relative;
    right: 0%;
    width: 100% !important;
    top: 0;
}

}



/*
 font-family: 'Roboto', sans-serif;
font-family: 'Titillium Web', sans-serif;
font-family: 'Cabin', sans-serif;*/