﻿.methodology-header
{
	background-image: url('../Images/headers/sec-page-header.jpg');
	background-size: cover;
	background-repeat: no-repeat;
	height: 200px;
	position: relative;
	width: 100%;
	margin-top: 92px;
	overflow: hidden;
}

.blue-background
{	
	background-color:#0A70A6;
}

.blue-background
{
	padding:62px 0px;
}

.methodology-entry-content h3
{
	color:#FFF;
	text-align:center;
	margin-top:15px;
	margin-bottom:20px;
	cursor:pointer;
	font-size:24px;
	line-height:34px;
	padding:0px 20px;
}

.methodology-entry-content p
{
	color:#FFF;
	text-align:center;	
	line-height:28px;
	font-size:16px;	
	padding:0px 20px;
}


.zoom-image img
{
	 width:100%;
	 cursor:pointer;
	 -webkit-transition: all 0.3s ease-in-out;
	 -moz-transition: all 0.3s ease-in-out;
	 -ms-transition: all 0.3s ease-in-out;
	 -o-transition: all 0.3s ease-in-out;
	 transition: all 0.3s ease-in-out;
}

.zoom-image:hover img, .methodology-entry-content:hover .zoom-image img
{
	-webkit-transform: scale(1.5);
	-webkit-transition-timing-function: ease-out;
	-webkit-transition-duration: 250ms;
	-moz-transform: scale(1.5);
	-moz-transition-timing-function: ease-out;
	-moz-transition-duration: 250ms;
	transform: scale(1.5);
	transition-timing-function: ease-out;
	transition-duration: 250ms;
}

.image-overlay {
    position: relative;
    cursor: default;
    overflow: hidden;
}

.methodology-details img
{
	float:left;	
	padding-top:30px;
	padding-right:40px;
}

.methodology-details
{
	text-align:justify;
	margin-bottom:30px;
	/*padding:10px 0px;*/
}

.methodology-details h2
{
	color: #0A70A6;	
	padding-bottom: 15px;
}

.methodology-details p
{
	/*margin-top: 35px;
	padding-right: 15px;
	text-align: justify;
	font-size: 15px;
	line-height: 28px;*/
}

ul.info-text
{
	padding-left:50px;
}

table.info-text > thead >tr > td
{
	background-color:#0A70A6;
	color:#FFF;
	text-align:center;
	vertical-align:middle;
}

table.info-text > tbody > tr > td
{
	vertical-align:middle;
	text-align:left;
}

table.info-text > tbody > tr > td:nth-child(1)
{
	width:300px;
}

table.info-text > tbody > tr > td:nth-child(2)
{
	width:220px;
}