body {
	visibility : hidden;
	font-family: Montserrat, sans-serif;
	font-weight: normal;
}

a:link,a:visited{
  text-decoration: none;
  color:black;
}

.bold_font{
	font-weight:bold;
}

.title{
	font-weight:bold;
}

h1.entry-title{
	width: -webkit-max-content;
    width: -moz-max-content;
    width: max-content;   
	box-shadow: 0px 3px #cc0000;
	padding-bottom:3px;
	font-size:1.7em;
}

h2.subtitle {
	display:table;
	box-shadow: 0px 3px #4169E1;
	padding-bottom:3px;
}

#loadingImg{
  width: 150px;
	height: 150px;
	position: absolute;
	left: 50%;
	top: 50%;
	margin-left: -75px;
	margin-top: -75px;
	text-align: center;
	font-weight: bold;
  }
  

/*----header----*/

header a:hover{
	color:#004c99;
}


.site-branding{
	margin-top: -20px;
}

.site-logo{
	display: inline-block;
	max-height: 75px;
	float:left;
}

.site-logo-smartphone{
	display:none;
}

.site-title,.site-description{
	display: inline-block;
	font-weight:normal;
}

.site-title{
	margin-left:10px;
}

.site-description{
	color:#1f1f1f;
}

#topBtn {
	 display: none;
}

#contactUsInHead {
	display: none;
}

@media screen and (max-width: 599px) {
	.site-branding{
		padding-left: 5px;
	}
	.site-logo,.site-title{
		display:none;
	}
	.site-logo-smartphone{
		display:block;
		width:100%;
	}
	.site-description{
		margin: 10px 0px 10px 0px;
	}
	#topBtn {
		position: fixed;
		bottom: 10px;
		right: 10px;
		z-index: 9999;
		font-size: 18px;
		border: none;
		outline: none;
		background-color: gray;
		color: white;
		cursor: pointer;
		padding: 12px;
		border-radius: 4px;
		opacity: 0.8;
	}
	#contactUsInHead {
		display: inline;
		background-color: #4169E1;
		margin-top: 10px;
		margin-right: 5px;
		padding: 3px 10px;
	}
	#contactUsInHead  a{
		color: white;
	}
}

@media screen and (max-width: 320px) {
	.site-description{
		font-size: 0.9em;
	}
}

/*----header-end---*/


.post_img{
	margin-top: 0px;
}
/*----homepage post_img hover effect-----*/
.img_container {
	display: inline-block;
	padding:0px;
}

.post_img {
	opacity: 1;
  width: 100%;
}

.text_middle {
	margin-left: auto;
	margin-right: auto;
	opacity: 0;
	position: relative;
	margin-top: -63%;
	text-align: center;
}

.img_container:hover .post_img {
  opacity: 0.4;
	transition: 0.5s;
}

.img_container:hover .text_middle {
  opacity: 1;
}

.text {
  background-color:rgba(160,160,160, 0.3);
  color: #000000;
  font-size: 22px;
  font-weight: bold;
  padding: 10px 0px ;
}

@media screen and (max-width: 599px) {
	.text_middle {
		width:100%;
		margin-top: -30%;
		opacity: 1;
	}
	.text {
		 background-color:rgba(160,160,160, 0.6);
	}
}

/*---------------*/

.clear:after{
	clear:both;
}


/*----menu-----*/

.topnav {
  overflow: hidden;
  background-color: #333;
}



.topnav a {
  float: left;
  display: block;
  color: #ffffff;
  text-align: center;
  padding: 14px 16px;
  text-decoration: none;
  font-size: 17px;
}

.topnav {
  letter-spacing: 1px;
}

.topnav a:hover {
  color: #ffffff;
}

.topnav a.active {
  background-color: #4CAF50;
  color: white;
}

.topnav .icon {
  display: none;
}


/*--secmenu---*/
.secnav {
  display: none;
  position:absolute;
  margin-top:48px;
  overflow: hidden;
  background-color: #333;
  letter-spacing: 1px;
}

.secnav a{
	border-bottom: 2px solid gray;
	transition: border-bottom 0.6s;
}  

@media screen and (min-width: 870px) {
.submenu{
	float:left;
}
	
.secnav a {
  display:block;
  float: none;
  color: #ffffff;
  text-align: left;
  padding: 14px 16px;
  text-decoration: none;
  font-size: 17px;
}

.secnav a:hover {
  color: #aaaaaa;
  border-bottom: 2px solid firebrick;

}




.secnav a.active {
  background-color: #4CAF50;
  color: white;
}

 .submenu:hover .secnav{
	 display:block;
  }
  .drop_down{
	display:none;
  }
	
  
}


@media screen and (max-width: 869px) {
  .topnav a{
	  display: none;
	  padding: 8px;
  }
  .topnav a.icon {
    float: right;
    display: block;
  }
  .open{
	display:none;
  }
  
  .no_open{
	opacity:1;
  }

  .topnav.responsive{
		position: absolute; 
		width:100%;
		
		z-index:9999;
		animation-name: translateX;
		animation-duration: 0.6s;
	}
	@keyframes translateX {
		0%   {transform: translateX(100%);}
		100% {transform: translateX(0%);}
	 }

  .topnav.responsive .icon {
    position: absolute;
    right: 0;
    top: 0;
  }
  .topnav.responsive a {
	float: none;
	display: block;
	text-align: left;
	padding: 14px;
  }
  .topnav.responsive .open {
	display: block;
	animation-name: scale;
	animation-duration: 3s;
	opacity:1;
  }
  
  @keyframes scale {
	0%   {transform: scale(0.5,0.5); opacity:0.1;}
	100% {transform: scale(1,1); opacity:1;}
 }
  .topnav.responsive .no_open {
	display: none;
  }
 
	
 .submenu{
	display:block;
 }
 
 .secnav.responsive {
	display:block;
	position: initial;
	margin-top: 0px;
	background-color: #444444;
 }
	
 .secnav.responsive a {
  display:block;
  float: none;
  color: #ffffff;
  text-align: left;
  padding: 10px 30px;
  text-decoration: none;
  font-size: 0.95em;
 }
 
  .topnav a:hover {
	color:#ffffff;
 }
 
 .drop_down{
	 float:right;
}
}

/*----contact_XXX----*/
.contact_alex{
	width:100%;
	height: 30px;
	text-align:center;
	background-color: #e0e0e0;
}

.contact_alex p{
	display: inline-block;
	font-size:1.1em;
	margin-top:5px;
	margin-right:5px;

}



@media screen and (min-width: 1240px) {
	.contact_alex{
		width:45%;
		float:right;
	}
}

@media screen and (max-width: 700px) {
	.contact_alex{
		height:auto;
		padding:0px;
		text-align:left;
	}
	.contact_alex p{
		display:block;
		margin:0px;
		font-size:0.9em;
		margin-bottom:3px;
		margin-left:3px;
	}
}
	

/*----static_page----*/
.static_page{
	margin: auto 20px;
}

.static_page h2{
	margin-top: 45px;
}

.entry-content{
	font-size: 1.1em;
}

.entry-content p{
	line-height: 26px;
}

textarea {
   resize: none;
   width: 500px;
   height: 150px;
}

#submitBtn{
	border: none;
	font-size: 17px;
}

#msgForm input,textarea {
	display: block;
	margin-bottom: 10px;
	
}

@media screen and (max-width: 599px) {
	.static_page{
		margin: 0px 10px;
	}
	.entry-content{
		font-size: 0.9em;
	}
textarea {
   width: 90%;
   height: 150px;
}
}



/*----products_page----*/
.products{
	margin: auto 20px;
}

.products h2{
	margin-top: 45px;
}

.products .entry-title{
	margin-top:45px;
	margin-bottom: 30px;	
}

.products_align {
	margin-top: 30px;
}

.products_align a{
	display:inline-block;
	text-align:center;
}

.products_align h5{
	width:240px;
	margin:0px;
	margin-bottom: 20px;
}



.button{
	display:inline-block;
}


.button p,#submitBtn{
	width:118px;
	background-color:#154360 ;
	padding:10px 0px;
	text-align:center;
	color:#ffffff;
	margin-bottom: 0px;
}

.button:hover , #submitBtn:hover{
	box-shadow:0px 2px #cc0000;
}

#bt01 p{
	width:240px;
	margin-top:40px;
}

#products_pe01 img,#products_pe02 img{
	display:inline-block;
	margin-right:30px;
	margin-bottom:10px;
}




@media screen and (max-width: 599px) {
	body {
		margin-left:0.5px;
		margin-right:0.5px;
	}
	
	.products_align {
		text-align:center;
	}
	.products_align h5{
		display:block;
	}
	.products .entry-title{
		margin-top:15px;
		margin-bottom: 20px;	
	}
	p.title{
		margin-bottom:1px;
	}
	p.title + p{
		margin-top:1px;
	}

	#bt01 {
		display:block;
		text-align:center;
	}
	#bt01 p{
		width:100%;
		margin-top:40px;
		margin-bottom: 15px;
	}
	#bt02 {
		width:48%;
		float:left;
	}
	#bt02 p{
		width:100%;
		margin-top:5px;
		margin-bottom:20px;
	}
	#bt03 {
		width:48%;
		float:right;
	}
	#bt03 p {
		width:100%;
		margin-top:5px;
	}
	#products_pe01,#products_pe02{
		text-align:center;
	}
	#big_img{
		width:100%;
	}

}



/*----footer----*/

.site_info{
	text-align:center;
	border-top:1px solid #3333;
	margin-top: 0px;
	padding-top: 2px;
	padding-left: 5px;
}

.bottom_contact{
	display:inline-block;
	margin-right:4;
}

.bottom_contact img{
	vertical-align: middle;
	margin-right:4px;
}

.copyright{
	font-size: 0.8em;
	color: #333;
}

@media screen and (max-width: 599px) {
	.site_info{
		text-align:left;
		margin-top: 25px;
		padding-top: 7px;
	}
	.bottom_contact{
		display:block;
		margin-top:0px;
	}	
}