@import url(https://fonts.googleapis.com/css?family=Montserrat:400,700);
@import url(https://fonts.googleapis.com/css?family=Source+Sans+Pro);

body{
	font-family: 'Source Sans Pro', sans-serif; font-size:16px;
	color: #203a42;
}

p,a,span,li{
font-family: 'Source Sans Pro', sans-serif;	
line-height:28px;}

h1,h2,h3,h4,h5{
font-family: 'Montserrat', sans-serif;	
}

.all_ul{
	padding:0px;
    margin-bottom: 0px;	
}

.all_ul li{
	list-style-type:none;
	display:inline-block;
}

.m1{
position: relative;
    overflow: hidden;
    padding: 5px 0px 3px 0px;
    box-shadow: 0 2px 5px rgba(0,0,0,0.26);
}

.m2{
    background: #006193 url('../images/menu_bg.png') no-repeat;
    position: relative;
    background-size: 500px;
    background-position: -72px -14px;
    overflow: hidden;
    padding: 8px 0px;	
    box-shadow: 0 2px 5px rgba(0,0,0,0.26);
z-index:999;	
}
.m3{}
.m4{
background: #00B6C1;
    position: relative;
    overflow: hidden;
    box-shadow: 0 0px 5px rgba(0,0,0,0.26);	
    padding: 10px 10px 10px 10px;	
}

.inner{
	margin:0 auto;
	width:90%;
}

.contact{}

.contact ul{}

.contact li{
	
}

.contact li i{
    margin: 0px 10px;
    color: #00B6C0;
}

.contact li span{
    font-size: 16px;
    color: #00B6C0;
}


.social{
    float: right;	
}

.social ul{}

.social li{}

.social li a i{}

.f1{
    height: 45px;
    border: 0px solid #ccc;
    border-radius: 2px;	
}

.f1_btn{
    background: #006193;
    color: #fff;
    text-transform: uppercase;
    height: 45px;
    border: 0px solid #ccc;
    border-radius: 2px;
}

.m4 h4{
    color: #fff;
    font-size: 19px;
    line-height: 25px;
    text-transform: uppercase;	
}

.m4 input[type="text"],[type="submit"]{
	font-family: 'Montserrat', sans-serif;	
}

.m4 span{
	color:#fff;
}

#f_btn{
    padding-right: 0px;
    padding-left: 0px;	
}

.avil_pro{
	padding:0px;
    position: relative;
    overflow: hidden;	
}

.avil_pro li{
	list-style-type:none;
}

.avil{
    padding-bottom: 5px;	
}

.avil h3{
    background: #006193;
    color: #fff;
    border-left: 4px solid #00B6C1;
    line-height: 40px;
    font-size: 18px;
    text-transform: uppercase;
    padding-left: 10px;
    margin-bottom: 0px;
    box-shadow: 0 2px 5px rgba(0,0,0,0.26);	
}

.avil h4{
    background: #00B6C1;
    color: #fff;
    border-left: 4px solid #00B6C1;
    line-height: 40px;
    font-size: 18px;
    text-transform: uppercase;
    padding-left: 10px;
    box-shadow: 0 2px 5px rgba(0,0,0,0.26);	
}

.h_pro{}

.h_pro h3{
    background: #ECECEC;
    color: #006193;
    border-left: 4px solid #00B6C1;
    line-height: 40px;
    font-size: 18px;
    text-transform: uppercase;
    padding-left: 10px;
    margin-bottom: 25px;
    box-shadow: 0 2px 5px rgba(0,0,0,0.26);	
}

.h_pro_cat{
	padding:0px;
}

.h_pro_cat li{
    margin-bottom: 25px;
	list-style-type:none;
    border-bottom: 1px solid #D8D8D8;	
}

.h_pro_cat li h4{
    font-size: 14px;
    line-height: 26px;
    padding: 10px 0px;
    text-transform: uppercase;
    text-align: center;
    color: #FFFFFF;
    background: #006193;
    margin-top: 0px;
box-shadow: 0 2px 5px rgba(0,0,0,0.26);	
}

.h_pro_cat li h4::before{}
.h_pro_cat li h4:before{}
.h_pro_cat li h4::Before{}

.h_pro_cat li a{
    background: #00B6C1;
    display: block;
    text-align: center;
    margin-bottom: 10px;
    font-size: 18px;
    color: #fff;	
}

.h_pro_cat li a:hover{
	transition:all 0.5s ease;
	background: #006193;
}

.h_pro_cat li img{
   position: relative;
    opacity: 1;
    transition: 0.3s ease;
    cursor: pointer;
	width:100%;
}
.h_pro_cat li img:hover{
transform: scale(1.2, 1.2);
}

.door{}

.door h3{
    text-align: center;
    color: #203A42;
    text-transform: uppercase;
    padding-bottom: 15px;
    font-size: 20px;
    border-bottom: 1px solid #DEDEDE;
    margin-bottom: 15px;
}

.door img{
	width:100%;
}


.m6{
    position: relative;
    overflow: hidden;
    box-shadow: 0 0px 5px rgba(0,0,0,0.26);
    padding: 10px 10px;
width: 100%;	
}

.m6:before{
	opacity:0.6
}

.door a{
    display: table;
    margin: 0 auto;
    background: #01B6C1;
    margin-top: 10px;
    padding: 6px 10px;
    color: #fff;
    border-radius: 2px;	
}

.m7{
background: #00BCD4;
    position: relative;
    overflow: hidden;
    padding: 10px 10px 40px 10px;
    width: 100%;
    margin-top: 25px;
}

.m7 h3{
    color: #fff;
    font-weight: 100;
    border-bottom: 3px #D4D4D4;
    border-bottom-style: double;
    margin-bottom: 25px;
    font-size: 18px;
    padding-bottom: 7px;
    text-shadow: -1px 2px 5px rgba(150, 150, 150, 0.6);
text-transform:uppercase;	
}

.m7 h3::before{
    content: "";
    height: 3px;
    position: absolute;
    width: 95px;
    margin-top: 26px;
    background: #00AABF;
}

.m7 p{
    color: #FFFFFF;
    font-size: 16px;
}

.m7 p span{
color: #00BCD4;
    background: rgba(0, 97, 147, 0.78);
    border-radius: 2px;
    padding: 0px 5px;
    font-size: 14px;
    font-weight: 600;	
}

.m7 a{
    color: #E2E2E2;
    border: 1px solid #DADADA;
    padding: 5px;
    text-decoration: none;
    border-radius: 2px;
}

.m7 ul li a{
    color: #E2E2E2;
    border: 0px solid #DADADA;
    padding: 5px;
    text-decoration: none;
    border-radius: 2px;
}

.scrollToTop{
width: 70px;
    height: 130px;
    padding: 10px;
    text-align: center;
    background: whiteSmoke;
    font-weight: bold;
    color: #444;
    text-decoration: none;
    position: fixed;
    bottom: 75px;
    right: 0px;
    display: none;
    background: url('../images/arrow_up.png') no-repeat 0 20px;
    background-size: contain;
}
.scrollToTop:hover{
    text-decoration: none;
}

.f_t{}

.f_t table{
    width: 100%;	
}

.f_t tr{}

.f_t td{
    vertical-align: sub;
    border: 1px solid rgba(255, 255, 255, 0.23);
    padding: 1px 8px;	
	font-size:14px;
}

.f_t td:last-child{
color: #FFF;	
}

.f_t td img{
    width: 21px;
    background: rgba(255, 255, 255, 0.71);
    padding: 4px;
    border-radius: 20px;
}

.m7 ul{
	padding:0px;
}

.m7 li{
    list-style-type: none;	
	    display: inline;
}

.m8{
background: #1D363E;
    position: relative;
    overflow: hidden;
    padding: 4px 10px;
    width: 100%;
}

.label_1{
    background: #0099AD;
    color: #FFFFFF !important;
    padding: 0px 8px !important;
    display: inline-block;
    margin-top: 5px;
    font-size: 13px;
}

.m8 p{
color: #7D7D7D;
    text-align: center;
    margin: 0 0 0px;
}

.m8 p a{}

.about_img{
    padding-top: 70px;	
}

.contact_1{
    margin: 40px 0px 90px 0px;
    position: relative;
    overflow: hidden;	
}

.contact_1 h3{
    color: #016596;
    font-weight: 100;
    border-bottom: 3px #D4D4D4;
    border-bottom-style: double;
    margin-bottom: 25px;
    font-size: 18px;
    padding-bottom: 7px;
    text-transform: uppercase;	
}

.contact_1 h3::before{
    content: "";
    height: 3px;
    position: absolute;
    width: 95px;
    margin-top: 26px;
    background: #00AABF;	
}

.contact_1 p{
    font-size: 16px;	
}

.products_all{
    margin-top: 50px;	
}

.pro_tab{
font-size: 18px;
    text-transform: uppercase;
}

.products_all h2{
    color: #006193;
    border-bottom: 1px #888;
    border-bottom-style: dashed;
    padding-bottom: 7px;	
}

.products_all h2::before{
    background: #01B7C2;
    width: 200px;
    height: 4px;
    position: absolute;
    top: 57px;
    content: "";	
}

.products_all li{
    font-size: 18px;
    text-transform: capitalize;
}

/*--======================GALLERY==============================--*/

.hovereffect {
  width: 100%;
  height: 100%;
  float: left;
  overflow: hidden;
  position: relative;
  text-align: center;
  cursor: default;
}

.hovereffect .overlay {
  width: 100%;
  height: 100%;
  position: absolute;
  overflow: hidden;
  top: 0;
  left: 0;
  background-color: rgba(75,75,75,0.7);
  -webkit-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out;
}

.hovereffect:hover .overlay {
  background-color: rgba(48, 152, 157, 0.4);
}

.hovereffect img {
  display: block;
  position: relative;
}

.hovereffect h2 {
  text-transform: uppercase;
  color: #fff;
  text-align: center;
  position: relative;
  font-size: 17px;
  padding: 10px;
  background: rgba(0, 0, 0, 0.6);
  -webkit-transform: translateY(45px);
  -ms-transform: translateY(45px);
  transform: translateY(45px);
  -webkit-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out;
}

.hovereffect:hover h2 {
  -webkit-transform: translateY(5px);
  -ms-transform: translateY(5px);
  transform: translateY(5px);
}

.hovereffect a.info {
  display: inline-block;
  text-decoration: none;
  padding: 7px 14px;
  text-transform: uppercase;
  color: #fff;
  border: 1px solid #fff;
  background-color: transparent;
  opacity: 0;
  filter: alpha(opacity=0);
  -webkit-transform: scale(0);
  -ms-transform: scale(0);
  transform: scale(0);
  -webkit-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out;
  font-weight: normal;
  margin: -52px 0 0 0;
  padding: 62px 100px;
}

.hovereffect:hover a.info {
  opacity: 1;
  filter: alpha(opacity=100);
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
}

.hovereffect a.info:hover {
  box-shadow: 0 0 5px #fff;
}


  .affix {
position: fixed;
    top: 0px;
    -webkit-transition: all 2s ease;
    transition: all 2s ease;
    z-index: 999;
    width: 100%;
    box-shadow: 0 2px 5px rgba(0,0,0,0.26);	
  }
  
.top_wa{
    font-size: 16px !important;
    color: #3B5998 !important;
    vertical-align: top;
    font-weight: 600;
    padding-right: 8px;	
}

.navbar-default {
    float: right;
}
  
/*--=======================================================--*/



@media screen and (max-width:480px){
.m1{
	display:none;
}	
}

@media screen and (max-width:769px){
.m_top{
	position:relative !important;
}

.navbar-default {
    float: left;
}
.navbar-default ul li{
    float: left;
    width: 100%;	
}

}

@media (min-width: 768px){
.n_head{}

.n_head  img{
    margin: 0 auto;
    display: block;	
}

.navbar-nav{
    margin: 0 auto;
    display: block;
    float: none;	
}
}

@media screen and (max-width:991px){
.f1 {
    margin-bottom: 5px;
}	
.m2 {
	background-image:none;
}
}


@media screen and (max-width: 8000px) and (min-width: 1799px){
.inner {
    margin: 0 auto;
    width: 1350px;
}
}