

/*-- //newsletter --*/
/*-- news --*/
.news{
    padding:2em 0;
}
.news h3{
    color:#012231;
    font-size:2.5em;
    text-decoration: none;
    margin:0;
    text-align:center;
}
.news-grid-left p {
  font-size: 2em;
  line-height: 1em;
  color: #fff;
  margin: 0;
  background-color:#012231;
  padding: .5em 0;
  text-align: center;
  border-radius: 20px;
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
  -o-border-radius: 20px;
  -ms-border-radius: 20px;
}
.news-grid-left p span{
    display:block;
    color:
#ED1C24;
}
.news-grid-right p{
    font-size:14px;
    color:#999;
    line-height:1.8em;
    margin:0 0 2em;
}
.news-grids:nth-child(3){
    margin:4em 0 2em;
}
/*-- //news --*/
/*--gallery-starts--*/
.gallery{
	padding:0px;
	/*padding-bottom:30px;*/
	padding-top:15px;
}
.gallery-bottom{
	margin-top:4%;
}
.gallery-bottom img{
	width:100%;
}
.g-left,.g-right{
    padding: 0 2px;
}
.g-2{
	padding-top:4px;
}
.gallery-top{
	text-align:center;
}
/* Common style */
.grid figure {
	position: relative;
	float: left;
	overflow: hidden;
	text-align: center;
	cursor: pointer;
}

.grid figure img {
	position: relative;
	display: block;
	height: 200px;
	max-width: 100%;
	opacity: 0.8;
  margin-left:15px;
}

.grid figure figcaption {
	padding: 2em;
	color: #0f0e0e;
	font-size: 1.25em;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
}

.grid figure figcaption::before,
.grid figure figcaption::after {
	
}

.grid figure figcaption,
.grid figure figcaption > a {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

/* Anchor will cover the whole item by default */
/* For some effects it will show as a button */
.grid figure figcaption > a {
	z-index: 1000;
	text-indent: 200%;
	white-space: nowrap;
	font-size: 0;
	opacity: 0;
}

.grid figure h4 {
    font-size: 1em;
	margin:0;    
	font-weight: 600;
}
.grid figure h4 span {
	font-weight: 800;
}
.grid figure p {
	font-size: 68.5%;
	margin-top:3px;
}
/*---------------*/
/***** Oscar *****/
/*---------------*/
figure.effect-oscar {	
}
figure.effect-oscar img {
	opacity: 0.9;
	-webkit-transition: opacity 0.35s;
	transition: opacity 0.35s;
}
figure.effect-oscar figcaption {
    padding: 3em 2em;
    background: none;
    -webkit-transition: background-color 0.35s;
    transition: background-color 0.35s;
}
figure.effect-oscar figcaption::before {
	position: absolute;
	top: 30px;
	right: 30px;
	bottom: 30px;
	left: 30px;
	border: 1px solid #0f0e0e;
	content: '';
}
figure.effect-oscar h4 {
	margin: 0;
	-webkit-transition: -webkit-transform 0.35s;
	transition: transform 0.35s;
	-webkit-transform: translate3d(0,100%,0);
	transform: translate3d(0,100%,0);
	opacity: 0;
}
figure.effect-oscar figcaption::before,
figure.effect-oscar p {
	opacity: 0;
	-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
	transition: opacity 0.35s, transform 0.35s;
	-webkit-transform: scale(0);
	transform: scale(0);
}
figure.effect-oscar:hover h4 {
	-webkit-transform: translate3d(0,0,0);
	transform: translate3d(0,0,0);
	opacity: 1;
}
figure.effect-oscar:hover figcaption::before,
figure.effect-oscar:hover p {
	opacity: 1;
	-webkit-transform: scale(1);
	transform: scale(1);
}
figure.effect-oscar:hover figcaption {
	background-color: rgba(58,52,42,0);
}
figure.effect-oscar:hover img {
	opacity: 0.4;
}
/*--gallery-ends--*/
/*--typo-start--*/
.pages {
	padding: 6em 0px;
}
.headdings, .Buttons, .progress-bars, .alerts, .bread-crumbs, .pagenatin, .appearance, .distracted {
	padding: 2em 0;
}
h3.ghj {
    font-size: 2em;
	margin: 0 0 1em 0;
	color: #253B77;
    font-family: "Roboto", arial, sans-serif; 
}
.pages-top{
	text-align:center;
}
.typo-bottom{
	margin-top:4%;
}
.table tr th {
    width: 50%;
}
.label {
    display: inline;
    padding: 0.2em .6em .3em;
    font-size: 65%;
    font-weight: bold;
    line-height: 3;
	}
/*--typo-end--*/
 .mail{
    padding: 5em 0;
   
}
.mail-grids {
    margin-top: 3em;
}
.mail-left h4,.map h4{
	font-size: 1.6em;
    color: black;
	margin:0;
	font-weight: 600;
}
.mail-left p{
	font-size:14px;
	color:balck;
	margin:0.5em 0 3em;
}
.mail-left ul{
	padding:2em 0;
	border-top:1px solid #EAEAEA;
}
.mail-left ul:nth-child(4){
	border-bottom:1px solid #EAEAEA;
}
.mail-left ul li{
	display: inline-block;
    font-size: 1em;
    padding-left: 1em;
    color: #555;
    font-weight: 600;
}
.mail-left ul li span,.mail-left ul li a{
	display: block;
    color: #555;
    font-weight: 300;
    padding-left: 1em;
   
    font-weight: 400;
    margin: .5em 0 0;
}
.mail-left ul li a{
	color:#313131;
	text-decoration:none;
}
.mail-left ul li a:hover{
	color:#777;
}
.mail-left ul li i {
    left: -1em;
    color: #313131;
}
.mail-left ul li:nth-child(2) {
    margin-left: 7em;
}
.mail-left input[type="text"]:nth-child(1),.mail-left input[type="email"]{
	width:47.6% !important;
	margin:1.5em 0;
}
.mail-left input[type="email"] {
    
}
.mail-left input[type="text"],.mail-left input[type="email"],.mail-left textarea{
	outline:none;
	border:1px solid #EAEAEA;
	font-size:1em;
	color:black;
	padding:10px;
	background:none;
	width:100%;
}
.mail-left textarea{
	margin:1.5em 0;
	min-height:150px;
}
.mail-left input[type="submit"]{
	outline:none;
	border:none;
 font-weight: 400;
	
	background:#EE531B;
	padding:12px 0;
	width:30%;
	color:#0f0e0e;
	transition:.5s ease-in;
	-webkit-transition:.5s ease-in;
	-moz-transition:.5s ease-in;
}
.mail-left input[type="submit"]:hover{
	background:#253B77;
}
.map iframe{
	width:100%;
	min-height:400px;
	margin:3em 0 -.3em;
}
/*-- //mail --*/

