﻿
/*4 COLS HOME WIDGET*
*************************************/
.serviceContainer
{
  background: #0062b0;
  padding: 80px 0;
  margin: 0;
  text-align: center;
}
h1.serviceHilite
{
  font-family: 'Cabin Condensed', sans-serif;
  padding:0; margin:0;
  color: #fff;
  text-transform:uppercase;
  font-size:26px;
  font-weight:600;
  padding:0 30px 10px;
  -webkit-backface-visibility: hidden; /*Just for webkit to have a smooth font*/
}
h2.serviceDesc
{
  font-family: 'Cabin Condensed', sans-serif;
  padding:0;
   margin:0;
  color: #b3d0e7;
  font-size:20px;
  line-height:28px;
  padding:0 120px 50px;
  max-width:1020px;
  margin:0 auto;
  font-weight:400;
  -webkit-backface-visibility: hidden; /*Just for webkit to have a smooth font*/
}

.serviceMain{
	width: 100%;
	margin: 0 auto;
}

.ch1-grid {
	margin: 0;
	padding: 0;
	list-style: none;
	display: block;
	text-align: center;
	width: 100%;
}

.ch1-grid:after,
.ch1-item:before {
	content: '';
  display: table;
}

.ch1-grid:after {
	clear: both;
}

.ch1-grid li {
	width: 260px;
	height: 430px;
	display: inline-block;
	margin: 10px;
}


.ch1-item {
	width: 100%;
	height: 100%;
	position: relative;
	cursor: default;
}
.ch1-info-wrap, 
.ch1-info{
	position: absolute;
	width: 260px;
	height: 430px;
}
.ch1-info-wrap {
	top: 0px;
	left: 0px;
	box-shadow: 
		0 0 0 5px rgba(255,255,255,0.5), 
		inset 0 0 3px rgba(115,114, 23, 0.8);

}

.ch1-info > div {
	display: block;
	position: absolute;
	width: 100%;
	height: 100%;
	background-position: center center;
	-webkit-backface-visibility: hidden; /*Just for webkit to have a smooth font*/
}

.ch1-info .ch1-info-front {

}



.ch1-img {
	background:#e9e9e9;
}
.ch1-info-front img
{
  margin:10px 0 0 0;
}
.ch1-info-front h1
{
  padding:0; margin:0;
  color: #333;
  font-size: 19px;
  text-transform: uppercase;
  font-weight: 600;
  font-family: 'Cabin Condensed', sans-serif;
  max-width:200px;
  margin:0 auto;
  min-height:35px;

}
.ch1-info-front h2
{
  color: #666;
  font-size: 16px;
  line-height: 20px;
  min-height:150px;
  padding:0 20px;
  font-family: 'Cabin Condensed', sans-serif;
}
.ch1-info-front a
{
  border:solid 2px #fff;
  background:#e9e9e9;
  color:#909090;
  font-family: 'Cabin Condensed', sans-serif;
}
.ch1-img:hover
{
	background:#ffffff;
  cursor:default;
}
.ch1-img:hover .ch1-info-front h1,
.ch1-img:hover .ch1-info-front h2
{
	color:#000
}
.ch1-img:hover a
{
  background:#333;
  border:solid 2px #e9e9e9;
  color:#fff;
}
.ch1-info-front a:hover
{
  background:#ed1c24;
  border:solid 2px #d21920;
  color:#fff;
}




/*6 COLS HOME WIDGET*
*************************************/
.pointContainer
{
  background: #fff;
  padding: 60px 0 40px;
  margin: 0;
  text-align: center;
}
h1.pointHilite
{
  font-family: 'Cabin Condensed', sans-serif;
  font-weight:600;
  padding:0; margin:0;
  color: #555;
  text-transform:uppercase;
  font-size:26px;
  padding-bottom:10px;
  font-weight:bold;
  -webkit-backface-visibility: hidden; /*Just for webkit to have a smooth font*/
}
h2.pointDesc
{
  font-family: 'Cabin Condensed', sans-serif;
  padding:0;
   margin:0;
  color: #999;
  font-size:40px;
  padding:0 10px 40px;
  max-width:1020px;
  margin:0 auto;
  font-weight:400;
  line-height:normal;
  -webkit-backface-visibility: hidden; /*Just for webkit to have a smooth font*/
}

.pointMain{
	width: 100%;
	margin: 0 auto 50px;
}

.ch-grid {
	margin: 20px 0 0 0;
	padding: 0;
	list-style: none;
	display: block;
	text-align: center;
	width: 100%;
}

.ch-grid:after,
.ch-item:before {
	content: '';
    display: table;
}

.ch-grid:after {
	clear: both;
}

.ch-grid li {
	width: 160px;
	height: 160px;
	display: inline-block;
	margin: 10px;
}




.ch-item {
	width: 100%;
	height: 100%;
	border-radius: 50%;
	position: relative;
	box-shadow: 0 1px 2px rgba(0,0,0,0.1);
	cursor: default;
}

.ch-info-wrap, 
.ch-info{
	position: absolute;
	width: 150px;
	height: 150px;
	border-radius: 50%;
}

.ch-info-wrap {
	top: 5px;
	left: 5px;
	background: #f9f9f9 url(../../images/bg.jpg);
	box-shadow: 
		0 0 0 5px rgba(255,255,255,0.2), 
		inset 0 0 3px rgba(115,114, 23, 0.8);

}

.ch-info > div {
	display: block;
	position: absolute;
	width: 100%;
	height: 100%;
	border-radius: 50%;
	background-position: center center;
	-webkit-backface-visibility: hidden; /*Just for webkit to have a smooth font*/
}

.ch-info .ch-info-front {
	-webkit-transition: all 0.6s ease-in-out;
	-moz-transition: all 0.6s ease-in-out;
	-o-transition: all 0.6s ease-in-out;
	-ms-transition: all 0.6s ease-in-out;
	transition: all 0.6s ease-in-out;
}

.ch-info .ch-info-back {
	opacity: 0;
	background: #333;
  text-align:center;
	pointer-events: none;
	-webkit-transform: scale(1.5);
	-moz-transform: scale(1.5);
	-o-transform: scale(1.5);
	-ms-transform: scale(1.5);
	transform: scale(1.5);
	
	-webkit-transition: all 0.4s ease-in-out 0.2s;
	-moz-transition: all 0.4s ease-in-out 0.2s;
	-o-transition: all 0.4s ease-in-out 0.2s;
	-ms-transition: all 0.4s ease-in-out 0.2s;
	transition: all 0.4s ease-in-out 0.2s;

}

.ch-img-1 {
	background:#0062b0;
  background-image: url(../../images/pointIcon_1.png);
  background-repeat:no-repeat;
}

.ch-img-2 { 
	background:#0062b0;
  background-image: url(../../images/pointIcon_2.png);
}

.ch-img-3 { 
	background:#0062b0;
  background-image: url(../../images/pointIcon_3.png);
}

.ch-img-4 { 
	background:#0062b0;
  background-image: url(../../images/pointIcon_4.png);
}

.ch-img-5 { 
	background:#0062b0;
  background-image: url(../../images/pointIcon_5.png);
}

.ch-img-6 { 
  background:#0062b0;
	background-image: url(../../images/pointIcon_6.png);
}

h1.pointTitle
{
	display: block;
	color: #666;
	font-style: normal;
	font-weight: 600;
	text-transform: uppercase;
	font-size: 16px;
	padding-top: 20px;
	font-family: 'Cabin Condensed', sans-serif;
}

.ch-info p {
	color: #fff;
	padding: 50px 0 0 0;
	font-style: normal;
	margin: 0;
	font-size: 18px;
  line-height:20px;
  font-family: 'Cabin Condensed', sans-serif;
}
.ch-info p.fulllines {
	padding: 40px 10px 0;
	font-size: 14px;
  line-height:18px;
}
.ch-info p.fourlines {
  padding: 35px 10px 0;
	font-size: 16px;
  line-height:18px;
}

.ch-item:hover .ch-info-front {
	-webkit-transform: scale(0);
	-moz-transform: scale(0);
	-o-transform: scale(0);
	-ms-transform: scale(0);
	transform: scale(0);
	
	opacity: 0;
} 

.ch-item:hover .ch-info-back {
	-webkit-transform: scale(1);
	-moz-transform: scale(1);
	-o-transform: scale(1);
	-ms-transform: scale(1);
	transform: scale(1);
	
	opacity: 1;
	pointer-events: auto;
}


/*news area*/
.newsContainer
{
  background-color: #e4e4e4;
  padding: 40px 0 50px !important;
  margin: 0;
  border-top: solid 1px #d1d1d1;
  border-bottom: solid 1px #666;
    
}
.newsContainer h1
{
  font-family: 'Cabin Condensed', sans-serif;
  text-align: center;
  font-weight:600;
  padding:0; margin:0;
  color: #555;
  text-transform:uppercase;
  font-size:26px;
  padding-bottom:60px;
}




@media (max-width: 768px)
{
  .serviceContainer
  {
    padding: 20px 0;
  }
  h1.serviceHilite
  {
    font-size: 20px;
    padding: 0 20px 10px;
  }
  .serviceContainer .serviceDesc
  {
    font-size:13px;
    line-height:18px;
    padding: 0 20px 10px;
  }
  .pointContainer
  {
    background: #fff;
    padding: 30px 0 0;
    margin: 0;
    text-align: center;
  }
  h1.pointHilite
  {
    font-size: 20px;
    padding: 0 10px 10px;
  }
  h2.pointDesc
  {
    padding:0 10px;
  }
  .pointMain{
	  width:70%;
  }
  h1.pointTitle
  {
	  padding-top: 0;
  }
}
.newsContainer
{
  padding: 30px 0 20px !important;
}
.newsContainer h1
{
  padding-bottom:30px;
}





@media (min-width: 768px) and (max-width: 992px)
{
  .serviceMain{
	  width:80%;
  }
  .ch1-grid li {
	  width: 238px;
  }

}
@media (min-width:992px) and (max-width: 1146px)
{
  .serviceMain{
	  width:70%;
  }
  .ch1-grid li {
	  width: 248px;
  }
}

@media (min-width: 768px) and (max-width: 927px)
{
  .pointMain{
	  width:80%;
  }
}
@media (min-width:927px) and (max-width: 1146px)
{
  .pointMain{
	  width:60%;
  }
}

