@charset "utf-8";
/* CSS Document */
@import url(https://fonts.googleapis.com/css?family=PT+Serif);
#maincontainer {  max-width: 1250px; margin: 0 auto; left:0; right:0; padding:0; font-family: 'PT Serif', serif; overflow: hidden !important;}
#container { width: 100%; margin: 0; padding: 0; display: block; height: 500px;}
#subcontainer {
	-webkit-column-count: 3; /* Chrome, Safari, Opera */
    -moz-column-count: 3; /* Firefox */
    column-count: 3;
    -webkit-column-gap: 10px; /* Chrome, Safari, Opera */
    -moz-column-gap: 10px; /* Firefox */
    column-gap: 10px;
	height: auto;
}
.clearfix { width: 100%; clear: both;}
.span_add { width: 100%; height: 40px; text-align: center;}
.span_35 { width: 30%; margin: 10px 0; margin-right: 2%; float: left; font-size:14px;color: #666;}
/*.span_35 h1 { font-size: 20px; float: left; margin: 10px 0 0 0; font-weight: normal; text-transform: uppercase;}
.span_35 h1:before { border: none !important;}*/
.span_35 h5 { font-family: Arial, Helvetica, sans-serif; font-weight: normal; font-size: 12px; float: right; margin: 20px 0 0 10px; color: #000; text-transform: uppercase; padding: 5px;}
.span_35 h6 { font-weight: normal; font-size: 14px; margin: 0 0 5px 0; color: #999; text-transform: uppercase;}
.span_20 { width: 18%;  margin: 10px 1%; float: left; font-size: 18px; padding: 0;}
.span_20 img { width: 100%; height: 160px; margin: 20px 0 0 0;}
.span_20 h6 { font-size: 18px; color: #0592da; margin: 10px 0 ; font-weight: normal;}
.span_20 h3 { font-size: 18px; color: #0592da; float: left; margin: 10px 0 ; font-weight: normal;}
.span_20 h4 { font-size: 18px; color: #0592da; float: right; margin: 10px 0 !important ; font-weight: normal; text-decoration: line-through;}
.span_45 { width: 46%;  margin: 10px 0; margin-left: 2%; margin-top: 77px;  float: left;}
.span_50 {float: left; width: 50%; margin-bottom: 20px; font-size: 14px; color: #666;}
.span_50 h1 { font-weight: bold; font-size: 19px; float: left; margin: -5px 0 20px 0; color: #000; text-transform: none;}
.span_50 h1:before { border: none !important;}
.span_50 img { float: left; width:90%; height: 180px;margin-right: 10%; }
.smimg { width: 20px !important; height: 20px !important; float: left; border-radius: 50%; margin-right: 1% !important;}
hr.style1{ border: 0; border-bottom: 3px solid #000; display: block; height: 0; margin: 0; width: 100%;}
hr.style2{ border: 0; border-bottom: 1px solid #E8E8E8; display: block; height: 0; margin: 10px 0 0 0; width: 100%;}
hr.style3{ border: 0; border-bottom: 3px solid #000; display: block; height: 0; margin: 0; width: 100%;}
.blubox { width: 120px; height: 20px; padding: 5px 0; color: #fff; text-align: center; font-size: 14px; text-transform:uppercase; background: #0c193b; margin: 20px 0 0 0; display: inline-block;}
.blubox a { color: #fff; text-decoration:none;}
.span_video { margin: 0; float: left; width: 66%; height: 250px; padding: 1%;}
.span_video .image:before {
    position: relative;
	float: right;
    z-index: 100;
    top: 120px;
    right: 45%;
    width: 10px;
    height: 20px;
	content: "\25BA";
	color: #fff;
	background: rgba(255,0,0,0.5);
    text-align: center;
    padding: 5px 12px;
	cursor: pointer;
}
.span_video .over {   background: rgba(0,0,0,0.5);
  color: white;
  cursor: pointer;
  height: 60px;
  left: 0;
  bottom: 35px;
  padding: 7px 10px;
  position: relative;
  width: auto;
  z-index: 100;
  text-decoration: none;
}

.span_video h2 a{ color: #fff; 
	font-size: 16px;
	right: 0; 
	padding-left: 10px;
	margin-top: -30px;
	margin-bottom: 10px;
	height: auto;
	float: right;
	padding-top: 10px;
	width: 97%;
}
.span_video_img { width: 30%; margin: 20px 0 30px 0;  float: right; font-size: 14px; text-align: center; }
.span_video_img a { color: #000; text-decoration: none;}
.span_video_img img { width: 100%; height: 80px; margin: 10px 0 5px 0; float: none; }
.simg { width: 100%; height: 210px !important; margin: 0 0 5px 0; -webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.22);-moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.22); box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.22);}
.mimg { width: 100%; height: 440px !important; -webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.22);-moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.22);box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.22);}
.timg { width: 100%; height: 320px;}
.rimg { width: 120px !important; height: 100px !important; float: left; margin-right: 10px !important;}
.col_30_lft {width: 38%; margin: 10px 2% 10px 0; float: left; line-height: 28px;}
.col_30_rgt {width: 38%; margin: 10px 0 10px 2%; float: left;}
.col_50_lft { width: 50%; margin: 20px 0 20px 0; float:left;  display: block; list-style: none; text-align: justify;}
.col_50_lft_sub {width: 50%; margin: 20px 0 20px 0; float:left;  display: block; list-style: none;}
.col_50_lft h2, .col_50_rgt h2, .span_20 h2 { font-size: 20px; color: #000; margin: 0 0 20px 0;}
.col_50_rgt { width: 48%; margin: 20px 0 20px 2%; float:right;  display: block; }
.col_50_rgt_sub { width: 46%; margin: 20px 0 20px 2%; float:right;  display: block; text-align: justify; }
.clear { width: 100%; height: 10px; clear:both; display: inline-block;}
.ghost { background: #F33; color: #fff; padding: 0 5px; width: auto; text-align:center; display: inline-block; margin:10px 0;}
.ghost a { color: #fff; text-decoration: none;}
.greybox { width: 30%; float: left; margin: 20px 1.6%; text-align: justify;}
.greybox_lft { width: 30%; float: left; margin: 20px 3.3% 20px 0;}
.greybox_rgt { width: 30%; float: left; margin: 20px 0 20px 3.3%;}
.bimg { width: 240px; height: 110px;}
a {
	text-decoration: none;
	font-size:15px;
}

select {
	font-size: 14px;
	font-weight: normal;
	color: #036;
	text-decoration: none;
	background-color: #fff;
	border: 1px solid #06C;
	height: 30px;
	width: 90%;
	margin: 20px 0 0 0;
}
/*-----------------------------*/
#midcontainer {
	    -webkit-column-count: 2; /* Chrome, Safari, Opera */
    -moz-column-count: 2; /* Firefox */
    column-count: 2;
    -webkit-column-gap: 25px; /* Chrome, Safari, Opera */
    -moz-column-gap: 25px; /* Firefox */
    column-gap: 25px;	
	margin: 30px 0;
	display: block;
	clear:both;
}
.height_550 {height: 550px;}
h1 {
	margin: 10px 0 5px 0; display: inline-block; padding-bottom: 10px; position: relative; text-transform: uppercase; font-size: 20px; font-weight: normal; text-transform: uppercase; color: #000;
}
h1 a{
	text-decoration: none; color: #000;
}
h1:before{
    content: "";
    position: absolute;
    width: 100%;
    height: 5px;
	bottom: 0;
    border-bottom: 2px solid #C00;

} 

h2 a{ font-size: 18px; margin: 0; font-weight: normal; text-align:justify; color: #000; text-decoration: none;}
h3 { font-size: 16px; margin: 5px 0 !important; font-weight: normal; color: #0592da;}
h4 { font-size: 16px; margin: 0 0 10px 0 !important; font-weight: normal; color: #0592da;}
h4 a{ color: #0592da; text-decoration: none;}
h5 { font-family: Arial, Helvetica, sans-serif; font-weight: normal; font-size: 12px; float: right; margin: 20px 0 0 15px; color: #000; text-transform: uppercase;}
h5 a{ font-family: Arial, Helvetica, sans-serif; font-weight: normal; font-size: 12px; float: right; margin: 20px 0 0 15px; color: #000; text-transform: uppercase;}

h6 { font-size: 14px; margin: 0; font-weight: normal; color: #999; text-transform: uppercase;} 
h6 a{ color: #725963; text-decoration: none;}

/*-----------image black overlay----------------*/

.module {
  position: relative;
  display:inline;
}
.module > header {
  position: absolute;
  bottom: 0;
  left: 0;
  right:0;
  width: 98%;
  padding: 1%;
  background: linear-gradient( to bottom,rgba(0, 0, 0, 0), rgba(0, 0, 0, 10) ); background: -moz-linear-gradient(bottom, rgb(73,132,180) 0%, rgb(97,155,203) 100%);
	border: 0;
}
.module h6 {
/*  margin: 0;*/
  color: #fff !important;
  font-size: 14px;
  text-decoration: none;
}

.module h6 a { color: #fff; text-decoration: none;}
.module > header > .bt a {
  margin: 0;
  color: white;
  font-size: 18px;
  z-index: 100;
}
/*-----------------photo slideshow-----------------------------*/
.norm { width: 100%; font-size: 20px; height: 480px ; display: inline-block; padding: 10px 0;vertical-align: top; position:relative; margin-top: 0 !important;}
.norm img { width: 100%; margin: 5px 0;}

.photobox {
  width: 500px;
  height: 400px;
  position: absolute;
  overflow: hidden;
}

.thumbnails {
  list-style: none;
  margin: 0;
  padding: 0;
  width: 100%;
}

.thumbnails li {
  display: inline-block;
  width: 119px;
    margin: 0;
  padding: 0;
  text-align: center;
}
.thumbnails input[name="select"] { display: none; }

.thumbnails .item-hugger {
  position: relative;
  height: 80px;
  margin: 0;
      z-index: 100;
}

.thumbnails label {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  cursor: pointer;
    z-index: 100;
}
.thumbnails .thumb-image {
 width: 100%;
  height: 80px;
  margin: 0;
  border: 1px solid #fff;
}
.item-hugger { opacity: 1.0;
    filter: alpha(opacity=100);}
.item-hugger:hover{opacity: 0.4;
    filter: alpha(opacity=40);}

.content {-webkit-transition: opacity .5s ease-in;
	-moz-transition: opacity .5s ease-in;
	-o-transition: opacity .5s ease-in;
	transition: opacity .5s ease-in;

}	
.thumbnails .content {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 400px;
  height: 330px;
  opacity: 0;

  flex-direction: column;
  justify-content: center;
  box-sizing: border-box;
}
.content .over {
  position: absolute;
  top:0;
  left: 0;
  right:0;
  bottom: 0;
  height: 25px;
  width: 100%;
  height: 100%;
  background: rgba (256, 256, 256, 0.1);
  z-index: 100;
}
.content img { width: 489px; height: 350px;}
.thumbnails input[name="select"]:checked + .item-hugger {
  height: 80px;
  margin: 0;
}

.thumbnails input[name="select"]:checked ~ .content { opacity: 1; }
.vcent { width: 375px; height: 225px; z-index:0; margin-top: 30px;}
@media screen and (max-width : 1250px){
#maincontainer { width: 98% !important; overflow: hidden !important;}
.blubox {  margin: 60px 0 20px 0;}
hr.style3{ visibility: hidden;}
.span_35 h5 { margin-top: 0; margin-bottom: 20px;}
}
@media screen and (max-width : 480px){
	
.span_35 { width: 98%; margin: 0 0 0 1%; float: none;}
.span_20 { width: 98%;  margin: 10px 0 10px 1%; float: none;}
.span_45 { width: 98%;  margin: 0 0 0 1%; float: none;}	
.span_50 {float: none; width: 98%;  margin: 0 0 0 1%;}
.span_50 img { width: 98%; height: auto;}
.span_video { float: none; width: 98%; text-align:center; margin: 0 0 0 1%;}
.span_video_img {display: none; }
.blubox {  margin: 60px 0 0 0;}
.col_50_lft { width: 98%; float:none; margin: 0 0 0 1%;}
.col_50_rgt { width: 98%; float:none; margin: 0 0 0 1%;}
.col_50_lft_sub { width: 98%; float:none; margin: 0 0 0 1%;}
.col_50_rgt_sub { width: 98%; float:none; margin: 20px 0 20px 1%;}
.col_30_lft {width: 98%; float: none; margin: 0 0 0 1%;}
.col_30_rgt {width: 98%; float: none; margin: 0 0 0 1%;}
.bimg { width: 99%; height: auto;}
#midcontainer {
	    -webkit-column-count: 1; /* Chrome, Safari, Opera */
    -moz-column-count: 1; /* Firefox */
    column-count: 1;
    -webkit-column-gap: 0; /* Chrome, Safari, Opera */
    -moz-column-gap: 0; /* Firefox */
    column-gap: 0;	
}

.height_550 {height: auto;}
h1 {font-size: 20px; margin: 10px 0 5px 1%; display: inline-block; clear:both; width: 98%; float: left !important; }
h5 { margin: 10px 10px 20px 0;}
.span_20 img { width: 100%; height: auto;}
.photobox { height: 300px;  width: 98%; display: block; position: relative; margin: 10px 0 50px 1%; clear:both; }	
.thumbnails .content {height: auto; width: 99%;}
.thumbnails .thumb-image {top: 0px;  height: 80px;}
.content img { width: 100%; height: auto;}
.thumbnails li {display: inline-block; width: 24%;}
.greybox { width: 45%; float: left; margin: 20px 2.5%; }
.greybox_lft { width: 45%; float: left; margin: 20px 2.5%;}
.greybox_rgt { width: 45%; float: left; margin: 20px 2.5%;}
.vcent { width: 100% !important; height: 225px; z-index:0;}
.rimg { width: auto !important; min-width: 100px; height: 100px !important; float: none; margin-right: 0;}
h3 { margin: 10px 0 0 0 !important; float:none !important;}
h4 { margin: 10px 0 0 0 !important; float:none;}
.span_50 h1 { margin: 10px 0 10px 0;}
}
@media (max-width:768px) and (min-width: 481px){
.span_35 { width: 56%; margin: 9px 2% 0 1%; float: left;}
.span_20 { width: 38%;  margin: 10px 0 10px 2%; float: left;}
.span_45 { width: 98%;  margin: 20px 0 0 1%; float: none;}
#midcontainer {
	    -webkit-column-count: 1; /* Chrome, Safari, Opera */
    -moz-column-count: 1; /* Firefox */
    column-count: 1;
    -webkit-column-gap: 0; /* Chrome, Safari, Opera */
    -moz-column-gap: 0; /* Firefox */
    column-gap: 0;	
}
.height_550 {height: auto;}
.col_30_lft {width: 48%; float: left; margin: 20px 2% 0 0;}
.col_30_rgt {width: 98%; float: none; margin: 0 0 0 1%;}
.col_50_lft_sub { float:left; margin: 42px 1% 0 0;}
.col_50_rgt_sub { float:right; margin: 0 0 0 1%;}
.thumbnails .content {height: 100%; width: 100%;}
.thumbnails .thumb-image {top: 0px;  height: 80px;}
.content img { width: 100%;  height: 400px;}
.thumbnails li {display: inline-block; width: 23%;}
.col_50_lft { width: 98%; float:none; margin: 0 0 0 1%;}
.col_50_rgt { width: 98%; float:none; margin: 0 0 0 1%;}
h1 {font-size: 20px; margin: 10px 0 5px 1%; display: inline-block; clear:both; width: 98%; }
.greybox { float: left; margin: 20px 2.5%; text-align: center; }
.greybox_lft { width: 45%; float: left; margin: 20px 2.5%; text-align: center;}
.greybox_rgt { width: 45%; float: left; margin: 20px 2.5%; text-align: center;}
.rimg { width: auto !important; min-width: 100px; height: 100px !important; float: none; margin-right: 0;}
.greybox { width: 45%; float: left; margin: 20px 2.5%; }
.greybox_lft { width: 45%; float: left; margin: 20px 2.5%;}
.greybox_rgt { width: 45%; float: left; margin: 20px 2.5%;}
.simg, .bimg { width: 99%; height: auto;}
.col_50_lft h2, .col_50_rgt h2 { font-size: 20px; color: #000; margin: 40px 0 20px 0;}
h4 { margin: 10px 0 0 0 !important; float:none;}
h5 { margin: 10px 10px 20px 0;}
.photobox { height: 400px;  width: 98%; display: block; position: relative; margin: 0 0 10px 1%; clear:both; }	
}
@media (min-width : 769px) and (max-width : 1250px) {
.span_35 { width: 36%; margin: 9px 2% 0 1%; float: left;}
.span_20 { width: 28%; margin: 10px 0 10px 2%; float: left;}
.span_45 { width: 29%;  margin: 20px 0 0 1%; float: left;}
.span_50 {float: none; width: 98%;  margin: 0 0 0 1%;}
.span_video_img {display: none; }
.span_50 img { width:98%; height: 180px;margin-right: 0; margin-bottom: 10px; }
#midcontainer {
	    -webkit-column-count: 2; /* Chrome, Safari, Opera */
    -moz-column-count: 2; /* Firefox */
    column-count: 2;
    -webkit-column-gap: 20px; /* Chrome, Safari, Opera */
    -moz-column-gap: 20px; /* Firefox */
    column-gap: 20px;

}
.height_550 {height: auto;}
.col_30_lft {width: 38%; float: left; margin: 5px 1% 0 0;}
.col_30_rgt {width: 28%; float: left; margin: 0 0 0 1%;}

.thumbnails li {display: inline-block; width: 23%;}
.col_50_lft { width: 44%; float:left; margin: 0 2% 0 1%;}
.col_50_rgt { width: 50%; float:left; margin: 0 0 0 2%;}
.greybox { width: 30%; float: left; margin: 20px 1.5% 20px 1%; }
.greybox_lft { width: 30%; float: left; margin: 20px 2.5%;}
.greybox_rgt { width: 30%; float: left; margin: 20px 1% 20px 1.5%;}
.rimg { width: auto !important; min-width: 100px; height: 100px !important; float: none; margin-right: 0;}
h4 { margin: 10px 0 0 0 !important; float:none;}
h5 { margin: 20px 10px 20px 0;}
.photobox { width: 98%; display: block; position: relative; margin: 20px 0 0px 1%;}	
.thumbnails .content {height: 100%; width: 100%;}
.thumbnails .thumb-image {top: 0px;  height: 80px;}
.content img { width: auto;  height: 350px;}
select {width: 70%; margin-top: 30px;}
.span_35 h5 { margin-top: 20px; margin-bottom: 0px;}
.bimg { width: 90%; height:110px;}
}