﻿@charset "utf-8";
/* CSS Document */
.active-sidebar{ font-weight:bold; color:#ccc; }

.twitter{ margin-top:0px;}
.social-plugin { margin:8px 0px 0px 0px;}
.social-plugin a{ font-weight:bold; color:#000; }
.social-plugin .nav-tabs > li > a{ border-radius:0px !important;}
 
.banner-wrp .bx-pager{ display:none;}

.vision{ margin:0px; padding:15px 0px ; background-color:#e8e8e8;}

.vision-left-img{ text-align:center;}

.vision h3{ margin:0px; padding:0px 0px 6px 0px; font-size:40px; font-weight:700; font-family:Arial, Helvetica, sans-serif;} 

.vision h4{ margin:0px; padding:0px 0px 6px 0px; font-size:20px; font-weight:700; font-family:Arial, Helvetica, sans-serif; font-style:italic;} 

.vision-left-img img{ border: 1px solid #cfcfcf;} 

.vision-left-img strong{ display:block;}

.vision-left-img p{text-align:center; margin:0px; padding:0px;}

.bx-wrapper img {
    margin: 0 auto;
}

.address  h5{ font-weight:bold; font-family:Arial; font-size:13px; margin:0px; padding:6px 0px;
             }
               
.contaddress h2{ color:#000; font-weight:bold; font-size:13px!important; background-color:#ccc; padding:0px 10px !important; margin:0px 0px  0px  0px!important;}            

.facebook{ margin-top:0px;}

.content button{

                background-color: #245b49;

border: none;
display: inline-block;
text-align: right;
color: #FFF;
text-align: right;
float: right;
padding: 8px 20px;
font-weight: 700;
margin-top: 15px;}
.facebook{ margin-top:5px;}

.table th{ background-color:#f5f5f5;}
.table th{ background-color:#f5f5f5;}
.products {
                margin-bottom: 20px; margin-top:20px;
                transition: all 0.9s ease 0s;
                -moz-transition: all 0.9s ease 0s;
                -webkit-transition: all 0.9s ease 0s;
                -o-transition: all 0.9s ease 0s;
                padding: 10px 0px 10px 0px;
                text-align: center;
                border: 1px solid #FFF;
                outline: 1px solid #D9D9D9;
                color:#000;
                background-color: #f6f6f6 ; font-weight:700;
}

.products:hover {
                background-color:#e5e0e0;
                color:#000;
}

.products a{ color:#000;}
.products a:hover{ text-decoration:none; color:#000;}
.products a:active{ text-decoration:none; color:#000 !important;}
.our-store ul{ margin:20px 0px 0px 0px; padding:0px !important; list-style-type:none; list-style-image:none !important;}
.our-store{ padding:10px 15px 15px 15px; border: 1px solid #FFF;
outline: 1px solid #D9D9D9;

background-color: #f0f0f0; margin:10px 0px;}

.panel > .panel-heading {

position: relative;

padding: 15px;

}

.panel-title > a.collapsed:after {

content: '+';
position: absolute;
right: 24px;
} 

.panel-title > a:after {

 content: '-';
position: absolute;
right: 24px;
}

body {
	font-family: Arial, Helvetica, sans-serif; background-color:#f6f6f6 !important;
}
@font-face {
	font-family: "bppi";
	font-weight: normal;
	src: url(../fonts/Swz721c.ttf), url(../fonts/Swz721c.eot), url(../fonts/siemenssans-roman-webfont.svg), url(../fonts/Swz721c.woff);
}
@font-face {
	font-family: "bppi1";
	font-weight: normal;
	src: url(../fonts/Squ721Rm.ttf), url(../fonts/sqr721b.eot), url(../fonts/siemenssans-roman-webfont.svg), url(../fonts/Swz721c.woff);
}

.jan{ text-align:right;}
.top-wrp {
	background-color: #e37b19;
}
.logo-text {
	text-align: left;
	padding-top:20px;
	color: #0a0a0a;
	font-size: 18px; font-weight:600;
	line-height: 19px; font-family:Arial, Helvetica, sans-serif;}
.social-media ul {
margin: 8px 0px 0px 0px;
	padding: 0px;
	list-style-type: none;
	text-align:right;
}
.social-media ul li {
	display: inline-block; text-align:right;
}
.info ul {
	margin: 0px;
	padding: 0px; text-align:right;
	list-style-type: none;
}
.info ul li { border-right:solid #994b02 1px; box-shadow:1px 0px #cab097;
	display: inline-block; color:#FFF; padding:10px 10px;
}
.info ul li  a{
 color:#FFF; font-weight:600;
}


.download {

                margin-bottom: 30px;

                transition: all 0.9s ease 0s;

                -moz-transition: all 0.9s ease 0s;

                -webkit-transition: all 0.9s ease 0s;

                -o-transition: all 0.9s ease 0s;

                padding: 10px 0px 0px 0px;

                text-align: center;

                border: 1px solid #FFF;

                outline: 1px solid #D9D9D9;

                background-color: #f6f6f6 ;

}

.download:hover {

               

                background: linear-gradient(#FFF, #FFF 75%, #F4F6F7 85%, #F4F6F7 100%) repeat scroll 0% 0% transparent;

}

.download a{ color:#000 !important;}

 

.download p {

                margin-top: 8px;

                padding-top: 6px;
                 text-align:center !important;

                border-top: 1px solid #FFF;

                box-shadow: 0px -1px #cccccc; font-weight:700; text-align:center;

}

.download img {

                text-align: center;

}

 

 

.myaccount {
	color: #004F7B;
	font-family: "bppi";
}
.myaccount h4 {
	font-family: "bppi";
	color: #004F7B;
	line-height: 22px;
}
.myaccount-sidebar {
	min-height: 420px;
	background-color: #f2f2f2;
	padding: 15px;
}
.myaccount-sidebar h3 {
}
.profile-img img {
	padding: 4px;
	background-color: #fff;
	border: 1px solid #f7f7f7;
	border: 1px solid rgba(0, 0, 0, 0.1);
	-webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
	-moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
	box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
}
.edit ul {
	list-style-type: none;
	margin: 5px 0px 10px 0px !important;
	padding: 0px;
	list-style-image: none !important;
}
.edit ul li {
}
.edit ul li a {
	color: #004F7B;
}
.user-info hr {
	margin: 0px;
	padding: 0px;
	border-top: none !important;
	border-bottom: solid #ede8e8 1px;
	box-shadow: 0 1px #fff;
	margin-bottom: 10px;
}
.user-info {
	border: solid #f3f3f3 1px;
	padding: 10px 5px;
	background-color: #faf4f4;
}
.user-info p {
	text-align: left !important;
}
.user-info label {
	font-weight: 300!important;
}
.label-normal label {
	font-weight: 300!important;
}
.myaccount-sidebar h3 {
	font-size: 17px;
	font-family: "iirs";
	color: #004F7B;
	margin: 0px 0px 7px 0px;
	padding: 0px;
	box-shadow: 0px 1px #FCFCFC;
	border-bottom: 1px dotted #E4E8ED;
	font-weight: 400;
}
.myaccount-sidebar ul {
	margin: 0px;
	padding: 0px;
	list-style-type: none;
}
.myaccount-sidebar ul li {
	box-shadow: 0px 1px #FCFCFC;
	border-bottom: 1px solid #E4E8ED;
	font-family: "iirs";
	color: #004F7B;
	padding: 7px 0px 7px 0px;
}
.myaccount-sidebar ul li a {
	color: #004F7B;
}
.myaccount-sidebar ul li a:hover {
	text-decoration: none;
}
.iirsi_member h3 {
	margin: 0px;
	padding: 0px;
}
.forgot {
	font-size: 15px;
	font-weight: 300;
	text-align: right;
	font-family: "bppi";
	color: #004F7B;
	cursor: pointer;
}
.mbottom2 {
	margin-bottom: 2px !important;
}
.forgot-password {
	margin-top: 15px;
}
.modal-title {
	text-align: left;
}
.close {
	float: right;
}
.modal-header button {
	float: right !important;
}
.radio input {
	outline: none !important;
}
.forgot-password label {
	font-size: 15px;
	font-weight: 300;
	font-family: "bppi";
	color: #004F7B;
}
.pr0 {
	padding-left: 0px !important;
	padding-right: 0px !important;
}
.stay-update {
	margin-top: 20px;
	min-height: 250px;
	background-color: #004f7b;
	padding: 5px 15px;
	color: #FFF;
	background-image: url(../images/registerbg1.png);
	background-repeat: no-repeat;
	background-position: bottom right;
}
.stay-update p {
	font-size: 12px;
	font-weight: 700;
	text-align: right;
}
.stay-update button {
	border: none;
	background-color: #00283f;
	padding: 8px 25px;
	float: right;
	clear: both;
}
.stay-update h2 {
	font-family: "bppi";
	font-size: 37px;
}
.stay-update span {
	display: block;
}
.margin-t15 {
	margin-top: 15px;
}
.margin-b15 {
	margin-bottom: 15px;
}
.Langugae {
	margin: 5px 0px;
	text-align: right;
}
.hr {
	margin-top: 0px;
	border-color: #E9E8E8;
}
.contact h3 {
	font-size: 16px;
	font-weight: 700;
}
.contact h3 {
	font-size: 18px;
	font-weight: 700;
}
.content h1 {
	font-size: 18px;
	
}
.content h4 {
	font-size: 18px;
	
	margin: 0px 0px 7px 0px;
	padding: 0px;
	font-weight: 400;
	line-height: 42px;
	clear: both;
}
.content h2 {
	font-size: 16px;
font-family: "arial";
color: #000;
margin: 0px 0px 7px 0px;
padding: 0px;

line-height: 42px;
clear: both;
border-bottom: solid #E9E8E8 1px;
}
.content h3 {
	font-size: 18px;

	color: #245B49;
	margin: 0px 0px 7px 0px;
	padding: 0px;
	font-weight: 400;
	line-height: 42px;
	clear: both;
}
.content ul {
	list-style-type: none;
	margin: 0px 0px 0px 15px;
	padding: 0px;
	list-style-image: url(../images/list1.png);
}
.content p {
	text-align: justify;
}
.breadcrumb {
	border-radius: 0px;
}
.bdr-r_none {
	border-right: none !important;
}
.bdr-r_none1 {
	border-right: none !important;
	box-shadow: none !important;
}
.p-right_none {
	padding-right: 0px !important;
}
.top-link ul li a {
	color: #FFF;
	font-size: 13px;
	text-decoration: none;
	font-weight: 600;
}
.top-link ul li:hover {
}
.shdaow-none {
	box-shadow: none !important;
}
.menu-wrp {
	border-bottom: solid #727377 0px;
	background-color: #FFF;
	padding: 10px 0px;
}
.menu-wrp-btm {
	background-color: #245b49;
	border-top: solid #016196 0px;
	box-shadow: 0px 0px #001e2f; margin-bottom:0px;
}
.serchwrp {
	margin: 6px 0px;
}
.serchwrp .btn-default {
	color: #FFF;
	background-color: #73a238;
	border-color: #73a238;
}
.slider-wrp {
}
.register-now-wrp {
	background-color: #e8e8e8;
	background-image: url(../images/registerbg.png);
	background-repeat: no-repeat;
	background-position: bottom right;
	min-height: 102px;
}
.register-now-wrp h2 {
	line-height: 4px;
	text-align: center;
	padding-top: 33px;
	color: #045583;
	font-size: 21px;
}
.register-now-wrp h2 span {
	display: block;
}
.news-head h2 {
	margin: 0px;
	padding: 10px 5px;
	color: #FFF;
	font-size: 13px;
	font-weight: 700;
	background-color: #006597;
	/* Safari 4-5, Chrome 1-9 */ 
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#006597), to(#00517d));
	/* Safari 5.1, Chrome 10+ */ background: -webkit-linear-gradient(top, #006597, #00517d);
	/* Firefox 3.6+ */ background: -moz-linear-gradient(top, #006597, #00517d);
	/* IE 10 */ background: -ms-linear-gradient(top, #006597, #00517d);
	/* Opera 11.10+ */ background: -o-linear-gradient(top, #006597, #00517d);
}
.slider-wrp img {
	outline: solid #a8a8a8 1px;
	border: solid #FFF 1px;
}
.slider-wrp .bx-viewport {
}
.service-box-wrp {
	position: relative;
}
.Foreign-wrp {
	background-color: #e8e8e8;
	padding: 15px;
	min-height: 176px;
}
.Foreign-wrp ul {
	margin: 0px;
	padding: 0px 0px 0px 10px;
	list-style-image: none;
	list-style-type: none;
}
section ul
{
    list-style-image: url('../images/list.png');
    line-height: 22px;
}
section ul li {
	font-size: 13px;
}
section p {
	font-size: 13px;
	text-align: justify;
}
.footer-nav ul {
	margin: 0px;
	padding: 0px;
	text-align: center;
}
.footer-nav ul li {
	display: inline-block;
	margin: 0px 0px;
	padding: 0px 5px;
	border-right: solid #FFF 1px;
}
.footer-nav ul li a {
	color: #FFF;
}
.rajmith ul {
	margin: 0px;
	padding: 0px;
	text-align: center;
}
.rajmith ul li {
	color: #FFF;
	display: inline-block;
	margin: 5px 0px;
	padding: 0px 10px;
	border-right: solid #FFF 1px;
	;
}
.rajmith ul li a {
	color: #FFF;
}
.copyright ul {
	margin: 0px;
	padding: 0px;
	text-align: center;
}
.copyright ul li {
	color: #FFF;
	display: inline-block;
	margin: 2px 0px;
	padding: 0px 5px;
	border-right: solid #FFF 1px;
}
.copyright ul li a {
	color: #FFF;
}
footer {
	color: #FFF;
	font-size: 12px;
	font-weight: bold;
	letter-spacing: 0px;
}
footer a {
	color: #FFF;
	font-size: 12px;
	font-weight: bold;
}
.bdr-right-none {
	border-right: none !important;
}
.leftimg {
	background-image: url(../images/left_bg.png);
	background-repeat: no-repeat;
	background-position: left left;
}
.footer-wrp {
	background-color: #225947;
	padding: -5px 0px; 
}
.footer-wrp-in {
	background-repeat: no-repeat;
	background-position: top center;
	padding: 10px 0px 20px 0px;
}
.Guide {
	min-height: 165px;
	padding-top: 5px;
}
.section1 {
	margin: 20px 0px;
}
.arrow_box {
	position: relative;
	border-left: solid #000 10px;
	color: #FFF;
	margin-top: 2px;
	font-family: "iirs";
	font-size: 14px;
	background: #035989;
	text-align: center;
	line-height: 32px;
	padding: 0px 10px;
	border: 1px solid #035989;
	min-height: 40px;
}
.arrow_box:after, .arrow_box:before {
	left: 100%;
	top: 50%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
}
.arrow_box:after {
	border-color: rgba(136, 183, 213, 0);
	border-left-color: #035989;
	border-width: 20px;
	margin-top: -20px;
}
.arrow_box:before {
	border-color: rgba(194, 225, 245, 0);
	border-left-color: #035989;
	border-width: 20px;
	margin-top: -20px;
}
#menu, #menu ul {
	margin: 0;
	padding: 0;
	list-style: none;
}
#menu {
	margin: 0px auto;
	padding: 0px;
}
#menu:before, #menu:after {
	content: "";
	display: table;
}
#menu:after {
	clear: both;
}
/*#menu {
	zoom: 999;
}*/
#menu li {
	float: left;
	border-right: 1px solid #0d2e23;
	box-shadow: 1px 0 0 #3b705f;
	position: relative;
}
#menu a {
	float: left;
	padding: 12px 10px;
	color: #FFF;
	font-size: 13px;
	font-weight: 600; font-family:Arial, Helvetica, sans-serif;
	text-decoration: none; text-transform:uppercase;
}
#menu li:hover > a {
	color: #fafafa; background-color:#16372c;
}
*html #menu li a:hover { /* IE6 only */
	color: #fafafa;
}
#menu ul {
	margin: 20px 0 0 0;
	_margin: 0; /*IE6 only*/
	opacity: 0;
	visibility: hidden;
	position: absolute;
	top: 38px;
	left: 0;
	z-index: 999;
	 background-color:#16372c;
	 
	box-shadow: 0 -1px 0 rgba(255,255,255,.3);
	border-radius: 0px;
	transition: all .2s ease-in-out;
}
#menu li:hover > ul {
	opacity: 1;
	visibility: visible;
	margin: 0;
}
#menu ul ul {
	top: 0;
	left: 150px;
	margin: 0 0 0 20px;
	_margin: 0; /*IE6 only*/
	box-shadow: -1px 0 0 rgba(255,255,255,.3);
}
#menu ul li {
	float: none;
	display: block;
	border: 0;
	_line-height: 0; /*IE6 only*/
	box-shadow: 0 1px 0 #0d201a, 0 2px 0 #255d4a;
}
#menu ul li:last-child {
	-moz-box-shadow: none;
	-webkit-box-shadow: none;
	box-shadow: none;
}
#menu ul a {
	padding: 10px;
	width: 200px;
	_height: 10px; /*IE6 only*/
	display: block;
	white-space: nowrap;
	float: none;
	text-transform: none;
}
#menu ul a:hover {
background-color:#335f51;         	
}
#menu ul li:first-child > a {
	border-radius: 0px 0px 0 0;
}
#menu ul li:first-child > a:after {
	content: '';
	position: absolute;
	left: 40px;
	top: -6px;
	border-left: 6px solid transparent;
	border-right: 6px solid transparent;
	border-bottom: 6px solid #48625a;
}
#menu ul ul li:first-child a:after {
	left: -6px;
	top: 50%;
	margin-top: -6px;
	border-left: 0;
	border-bottom: 6px solid transparent;
	border-top: 6px solid transparent;
	border-right: 6px solid #48625a;
}
#menu ul li:first-child a:hover:after {
	border-bottom-color: #48625a;
}
#menu ul ul li:first-child a:hover:after {
	border-right-color: #48625a;
	border-bottom-color: transparent;
}
#menu ul li:last-child > a {
	-moz-border-radius: 0 0 3px 3px;
	-webkit-border-radius: 0 0 3px 3px;
	border-radius: 0 0 3px 3px;
}
/* Mobile */
#menu-trigger {
	display: none;
}
 @media screen and (max-width: 600px) {
/* nav-wrap */
#menu-wrap {
	position: relative;
}
#menu-wrap * {
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}
/* menu icon */
#menu-trigger {
	display: block; /* show menu icon */
	height: 40px;
	line-height: 40px;
	cursor: pointer;
	padding: 0 0 0 35px;
	border: 0px solid #222;
	color: #fafafa;
	font-weight: bold;
}
/* main nav */
#menu {
	margin: 0;
	padding: 10px;
	position: absolute;
	top: 40px;
	width: 100%;
	z-index: 1;
	background-color: #016095;
	display: none;
	box-shadow: none;
}
#menu:after {
	content: '';
	position: absolute;
	left: 25px;
	top: -8px;
	border-left: 8px solid transparent;
	border-right: 8px solid transparent;
	border-bottom: 8px solid #016095;
}
#menu ul {
	position: static;
	visibility: visible;
	opacity: 1;
	margin: 0;
	background: none;
	box-shadow: none;
}
#menu ul ul {
	margin: 0 0 0 20px !important;
	box-shadow: none;
}
#menu li {
	position: static;
	display: block;
	float: none;
	border: 0;
	margin: 5px;
	box-shadow: none;
}
#menu ul li {
	margin-left: 20px;
	box-shadow: none;
}
#menu a {
	display: block;
	float: none;
	padding: 0;
	color: #fff;
}
#menu a:hover {
	color: #fafafa; 
}
#menu ul a {
	padding: 0;
	width: auto;
}
#menu ul a:hover {
	background: none;
}
#menu ul li:first-child a:after, #menu ul ul li:first-child a:after {
	border: 0;
}
}
 @media screen and (min-width: 600px) {
#menu {
	display: block !important;
}
}
/* iPad */
.no-transition {
	transition: none;
	opacity: 1;
	visibility: visible;
	display: none;
}
#menu li:hover > .no-transition {
	display: block;
}

.shadow{ position: relative; top:0px; z-index:99; margin:0 auto; width:1200px;}
.shadow img{ position:absolute; top:0px; }
.inner-header{ background-image:url(../images/headerbg.jpg); min-height:180px;}
.submit button{ background-color:#245b49; border:none; display:inline-block; text-align:right; color:#FFF; text-align:right; float:right; padding:8px 20px; font-weight:700; margin-top:15px;}
.submit input[type="submit"]{ background-color:#245b49; border:none; display:inline-block; text-align:right; color:#FFF; text-align:right; float:right; padding:8px 20px; font-weight:700; margin-top:15px;}
.registration h1{ font-size:22px; font-weight:700; }
.registration h2{ font-size:18px; font-weight:700; }
.registration h3{ font-size:16px; font-weight:700; }
.registration h4{ font-size:14px; font-weight:700; }
.margin-t60{ margin-top:130px;}
.sidebar{ background-color:#f5f5f5; padding:5px 15px 15px 15px;}
.sidebar h3{ margin:0px 0px 0px 0px; padding:0px; font-size:16px; font-family:Arial; font-weight:600 }
.sidebar ul { margin:0px; padding:0px 0px 0px 15px;}
.sidebar ul li{ border-bottom:solid #e0dddd 1px; box-shadow:0 1px #FFF; line-height:22px; margin:5px 0px; }
.sidebar ul li a{ color:#000; text-decoration:none;}
.news-wrp{ margin:0px 0px 0px 0px; }
.news-wrp h3{ margin:0px; padding:15px 20px; background-color:#225847; color:#FFF; font-size:13px; font-weight:700; }
.news-wrp marq{margin:10px; }
.news{ padding-top:10px;}

.media-wrp{ min-height:320px; margin-bottom:30px; background-color:#f5f5f5; padding:10px; border: 1px solid #FFF;outline: 1px solid #D9D9D9;}
.media-wrp h4{ text-align:center; margin:8px 0px; padding:0px 0px 0px 0px; line-height:22px; font-size:13px; font-family:Arial;}
.media-wrp a{ color:#000; text-decoration:none;}
.media-wrp  a:hover{ color:#000; text-decoration:none;}
.media-wrp a:active{ border:none; outline:none; color:#000;}
.media-wrp a:focus{border:none; outline:none; color:#000;}

.homepage-content{ margin-bottom:15px; border-bottom:solid #a8a8a8 1px;}
.contbg{ background-color:#e8e8e8; padding:15px;min-height: 320px;}
.contbg1{ background-color:#e8e8e8; padding:5px; min-height: 320px;}
.contbg1 h4{ background-color:#235a49; color:#FFF; margin:0px; padding:10px 8px; font-family:Arial, Helvetica, sans-serif; font-weight:600; font-size:13px;}
.contbg1 ul{ margin:0px; padding:0px; list-style-image:none; list-style-type:none;}
.contbg1 ul li{ padding:6px 6px; font-weight:500; background-image:url(../images/list-line.png); background-repeat:no-repeat; background-position:3px 0px; }
.contbg1 ul li a{color:Black;}
.bgimg-none{ background-image:none !important;}
.onlinebg{background-color:#f3a65f; padding:3px; color:#FFF; }
.onlinebg a{ color:#245b49; margin:0px;}
.onlinebg a:hover{ color:#08890e;}
.onlinebg img{float:left; margin-right:5px; width:22px;}
.onlinebg p{color:#FFF; margin:0px; padding:10px 8px; font-family:Arial, Helvetica, sans-serif; font-weight:700; font-size:14px; }
.footerlogo{ background-color:#FFF; padding:15px 0px;}

.md-img{ float:right;
         margin-left:20px;}
.md-img p{ text-align:center; font-weight:700; margin:0px; padding:0px;}
.md-img img{float:right; margin-left:7px; margin-bottom:8px; border:solid #FFF 2px;  outline:solid #CCC 3px;}
.whitebg{ background-color:#FFF;}
.pb20{ padding-bottom:20px;}
.table a{ color:#000;}
.table a:hover { COLOR: blue; TEXT-DECORATION: underline }
.team {
                margin-bottom: 30px;
                transition: all 0.9s ease 0s;
                -moz-transition: all 0.9s ease 0s;
                -webkit-transition: all 0.9s ease 0s;
                -o-transition: all 0.9s ease 0s;
                padding: 10px 0px 0px 0px;
                text-align: center;
                border: 1px solid #FFF;
                outline: 1px solid #D9D9D9;
                background-color: #f0f0f0 ;
}
.team:hover {
               background-color: #f6f6f6 ;
}
.team a{ color:#000;}
.team p {
            margin-top: 8px; text-align:center;
            padding-top: 0px;
            margin-bottom:5px; font-weight:bold;
}

.team img { margin:0 auto;
            border: solid #FFF 3px;outline: solid #e7e2e2 3px;
}

.team ul{ margin:0px; padding:0px; text-align:left; list-style-image:none; list-style-type:none; margin:0px; padding:0px;}
.team ul li{ border-bottom:solid #e7e2e2 1px; box-shadow:0 1px #FFF; line-height:29px;}
.team ul li span{ font-weight:600;}
.bdrnone{ box-shadow:none !important; border-bottom:none !important;}
 .info img
 { 
     position:relative;
     top:-1px;
 }
.butWrap { padding:0px;  }
.butWrap a:hover{ color:#000;}
.butWrap a{ color:#000; font-size:13px; font-weight:800;}
.butWrap .butFrame {
                position: relative;
                overflow: hidden;
                margin: 5px 5px 25px 5px;
                width: 100%;
                color: #000;
                border: 1px solid #FFF;
                outline: 1px solid #D9D9D9;
                background: #f0f0f0;
                text-align: center; min-height:200px;
                cursor: pointer;
                height: auto ; font-family:Arial, Helvetica, sans-serif;
}

.butWrap .butFrame img {
                position: relative;
                display: block;
                max-width: 100%;
                opacity: 1.8;
}

.butWrap .butFrame .butTextWrap {
                padding: 2em;
                font-family:Arial, Helvetica, sans-serif;
                color: #000;
                font-size: 1.25em;
                -webkit-backface-visibility: hidden;
                backface-visibility: hidden;
}

.butWrap .butFrame .butTextWrap::before, .butWrap .butFrame .butTextWrap::after {
                pointer-events: none;
                -webkit-box-sizing: border-box;
                box-sizing: border-box;
}

.butWrap .butFrame .butTextWrap, .butWrap .butFrame .butTextWrap > a {
                position: absolute;
                top: 0;
                left: 0;
                width: 100%;
                height: 100%;
}
/* Anchor will cover the whole item by default */
.butWrap .butFrame .butTextWrap > a {
                z-index: 1000;
                text-indent: 200%;
                white-space: nowrap;
                font-size: 0;
                color: #000;
                opacity: 0;
}

.butWrap .butFrame .butHeading {
                word-spacing: -0.15em;
                font-family:Arial, Helvetica, sans-serif;
                font-size: 18px;
}

.butWrap .butFrame .butHeading .butText {
                font-weight: 300;
}

.butWrap .butFrame .butHeading, .butWrap .butFrame p {
                margin: 0;
                font-size:13px;
                color: #000;
}

.butWrap .butFrame p {

                letter-spacing: 1px;
                font-size: 68.5%;
                font-family: "iirs";
}

/*---------------*/

/***** Effect ****/

/*---------------*/

 

.butFrame {
                background: #fff;
}

.butFrame img {
                opacity: 1.0;
                -webkit-transition: opacity 0.35s;
                transition: opacity 0.35s;
                height: auto; margin:0 auto;
}

.butFrame:hover img {
                opacity: 0.9;
}

.butFrame .butTextWrap::before, .butFrame .butTextWrap::after {
                position: absolute;
                top: 10px;
                right: 10px;
                bottom: 10px;
                left: 10px;
                content: '';
                opacity: 0;
                -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
                transition: opacity 0.35s, transform 0.35s;
}

.butFrame .butTextWrap::before {
                border-top: 2px solid #fff;
                border-bottom: 2px solid #fff;
                -webkit-transform: scale(0, 1);
                transform: scale(0, 1);
}

.butFrame .butTextWrap::after {
                border-right: 2px solid #fff;
                border-left: 2px solid #fff;
                -webkit-transform: scale(1, 0);
                transform: scale(1, 0);
                -moz-box-sizing: border-box;
                -webkit-box-sizing: border-box;
                -ms-box-sizing: border-box;
                -o-box-sizing: border-box;
                box-sizing: border-box;
}

.butFrame .butHeading {

                padding-top: 10%;
                -webkit-transition: -webkit-transform 0.35s;
                transition: transform 0.35s;
                -webkit-transform: translate3d(0, -20px, 0);
                transform: translate3d(0, -20px, 0);
}

.butFrame p {
                padding: 10px 2.5em;
                opacity: 0;
                -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
                transition: opacity 0.35s, transform 0.35s;
                -webkit-transform: translate3d(0, 20px, 0);
                transform: translate3d(0, 20px, 0);
}

.butFrame:hover .butTextWrap::before, .butFrame:hover .butTextWrap::after {
                opacity: 1;
                -webkit-transform: scale(1);
                transform: scale(1);
}

.butFrame:hover .butHeading, .butFrame:hover p {
                opacity: 1;
                -webkit-transform: translate3d(0, 0, 0);
                transform: translate3d(0, 0, 0);
}

@media all and (max-width: 950px) and (min-width: 701px) {

    .butWrap .butFrame {
        width: 48%;
    }

    .butWrap {
        display: -webkit-flex;
        display: -ms-flex;
        display: flex;
        -webkit-align-items: center;
        align-items: center;
        -webkit-justify-content: center;
        justify-content: center;
        -webkit-flex-direction: row;
        -ms-flex-direction: row;
        flex-direction: row;
        -webkit-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-flex-flow: row wrap;
        flex-flow: row wrap;
        -webkit-align-content: flex-end;
        -ms-align-content: end;
        align-content: flex-end;
    }

    .products {
        margin-bottom: 20px;
        margin-top: 20px;
        transition: all 0.9s ease 0s;
        -moz-transition: all 0.9s ease 0s;
        -webkit-transition: all 0.9s ease 0s;
        -o-transition: all 0.9s ease 0s;
        padding: 10px 0px 10px 0px;
        text-align: center;
        border: 1px solid #FFF;
        outline: 1px solid #D9D9D9;
        background-color: #f6f6f6;
        font-weight: 700;
    }

        .products:hover {
            background-color: #e5e0e0;
        }

        .products a {
            color: #000;
        }

            .products a:hover {
                text-decoration: none;
            }
}

 


