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

div#part2 {
	background-color: #CCC; 
	min-height: 138px; 
	width: 100%; 
	padding: 1px; 
	box-sizing: border-box; 
	display: table-cell; 
}
part2 {
	height: 138px; 
	width: 100%; 
	background-color: #999; 
	float: left; 
	margin: 1px; 
	overflow: hidden; 
}

part2 img {
	width: 100%; 
	height: auto;
}

div#part2a {
	background-color: #FFF; 
	min-height: 140px; 
	width: 100%; 
	padding: 2px; 
	box-sizing: border-box; 
	display: table-cell; 
}
part2a {
	height: 140px; 
	width: 230px; 
	background-color: #FFF; 
	float: left; 
	margin: 1px; 
	overflow: hidden; 
}

part2a img {
	width: 100%; 
	height: auto;
}

div#part2b {
	background-color: #CCC; 
	min-height: 450px; 
	width: 100%; 
	padding: 1px; 
	box-sizing: border-box; 
	display: table-cell; 
}
part2b {
	height: 450px; 
	width: 100%; 
	background-color: #999; 
	float: left; 
	margin: 1px; 
	overflow: hidden; 
}

part2b img {
	width: 100%; 
	height: auto;
}

div#part21 {
	background-color: #CCC; 
	min-height: 145px; 
	width: 100%; 
	padding: 1px; 
	box-sizing: border-box; 
	display: table-cell; 
}
part21 {
	height: 145px; 
	width: 100%; 
	background-color: #999; 
	float: left; 
	margin: 1px; 
	overflow: hidden; 
}

part21 img {
	width: 100%; 
	height: auto;
}

div#part22 {
	background-color: #CCC; 
	min-height: 430px; 
	width: 750px; 
	padding: 1px; 
	box-sizing: border-box; 
	display: table-cell; 
	float: center; 
}
part22 {
	height: 430px; 
	width: 750px; 
	background-color: #999; 
	float: center; 
	margin: 1px; 
	overflow: hidden; 
}

part22 img {
	width: 100%; 
	height: auto;
}
div#part23 {
	background-color: #CCC; 
	min-height: 140px; 
	width: 100%; 
	padding: 1px; 
	box-sizing: border-box; 
	display: table-cell; 
}
part23 {
	height: 140px; 
	width: 100%; 
	background-color: #999; 
	float: left; 
	margin: 1px; 
	overflow: hidden; 
}

part23 img {
	width: 100%; 
	height: auto;
}
div.img {
    margin: 5px;
    border: 1px solid #ccc;
    float: left;
    width: 220px;
	height:220px;

}	

div.img:hover {
    border: 1px solid #777;
}

div.img img {
    width: 100%;
    height: auto;
}

div.desc {
    padding: 8px;
    text-align:left;
	height: 140px; 
}

div.img2 {
    margin: 5px;
    border: 1px solid #ccc;
    float: left;
    width: 245px;
	height:200px;

}	

.w3-btn {
	width: 110px;
}

.text1box {
	width:220px;
	padding: 8px;
	text-align: left;
	border: 1px solid #ccc;
	background:#CCC;
}
.form .col{border:none!important;}
.download_pdf{
       background-color: #800040;
        color: #FFF;
        padding: 5px;
        border-radius: 5px;
}
    /*slider css */
.slid_img{
        
        margin: 0!important;
        border: none !important;
 }
li.flex-active-slide{
        width: 474px!important;
        border: 3px solid black;}
div.bottom {
    vertical-align : bottom;
	position: absolute; 
	bottom: 0px;
}

div.card {
  width: 150px;
  height: 100px;
  margin: 24px 0;
  padding: 16px
}

input[type=text] {
    width: 100%;
    padding: 12px 20px;
    margin: 8px 0;
    box-sizing: border-box;
    border: 1px solid #555;
    outline: none;
}

input[type=text]:focus {
    background-color: lightblue;
}
input[type=password] {
    width: 100%;
    padding: 12px 20px;
    margin: 8px 0;
    box-sizing: border-box;
    border: 1px solid #555;
    outline: none;
}

textarea[type=text] {
    width: 100%;
    padding: 12px 20px;
    margin: 8px 0;
    box-sizing: border-box;
    border: 1px solid #555;
    outline: none;
}
.pic{
	width:220px;
	height:auto;
	margin: 5px;
    border: 1px solid #ccc;
    float: left;
}
.picbig{
	position: absolute;
	width:0px;
	-webkit-transition:width 0.3s linear 0s;
	transition:width 0.3s linear 0s;
	z-index:10;
	border: 1px solid #777;
	display:none;
}
.pic:hover + .picbig{
	width:450px;
	height: auto;
}
spanh {
    display: inline-block;
    width: 100%;
    height: 55px;
	padding:5px;
    overflow: hidden;
}
span2 {
    display: inline-block;
    width: 100%;
    height: 55px;
    overflow: hidden;
}
span1 {
    display: inline-block;
    width: 100%;
    height: 25px;
    overflow: hidden;
}

div.img5 {
    border: 1px solid #FFF;
}

div.img5:hover {
    border: 1px solid #777;
}

div.img5 img {
    width: 100%;
    height: auto;
	margin: 3px;
}
@media only screen and (max-width: 700px){
    .img5 {
        width: 49.99999%;
        margin: 6px 0;
    }
}
@media only screen and (max-width: 500px){
    .img5 {
        width: 100%;
    }
}

div.desc5 {
    padding: 15px;
    text-align: center;
}

* {
    box-sizing: border-box;
}

.responsive {
    padding: 0 6px;
    float: left;
    width: 24.99999%;
}

@media only screen and (max-width: 700px){
    .responsive {
        width: 49.99999%;
        margin: 6px 0;
    }
}
@media only screen and (max-width: 500px){
    .responsive {
        width: 100%;
    }
}

.clearfix:after {
    content: "";
    display: table;
    clear: both;
}
video {
    max-width: 100%;
    height: auto;
}
.video-container {
	position:relative;
	padding-bottom:56.25%;
	padding-top:30px;
	height:0;
	overflow:hidden;
}
.video-container iframe, .video-container object, .video-container embed {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
}