@import url('https://fonts.googleapis.com/css?family=Open+Sans');
body
{
	margin: 0px;
}


.innermenulef
{
	width:35%;
	height:auto;
	overflow:hidden;
	float:left;
}
.innermenulef img
{
width: 85%;
height: auto;
text-align: center;
margin: auto;
padding-top: 20%;
padding-left: 15%;
}
.col-md-12
{
	width:100%;
	height:auto;
	overflow:hidden;
}
.modulsebg
{
	background-image: url(bg-modules.jpg);
	background-repeat: no-repeat;
	height: 601px;
	width: 100%;
}

.menun
{
	font-family: Verdana;
	color: #e4ecf7;
	padding-left: 5px;
	font-size: 14px;
	font-weight: 600;
	text-decoration: none;
}

a.menun:hover
{
	color: #FFFF00;
	text-decoration: none;
}
.input1
{
background-color:#f4f6f8;
border:#afb5bc solid 1px;
width:150px;
}
.text1
{
	font-family: Verdana;
	font-size: 14px;
	font-weight: 600;
	text-align: left;
	color: White;
	padding-left: 5px;
}
.menu
{
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 13px;
	background-color: #efeae3;
	text-align: left;
	font-variant: small-caps;
	font-weight: 600;
	color: #000000;
	text-decoration: none;
	border-bottom: solid 5px #ffffff;
	width: 280px;
	margin-left: 10px;
}

.submenu
{
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 13px;
	background-color: #e3ded6;
	text-align: left;
	font-variant: small-caps;
	font-weight: 600;
	height: 33px;
	color: #000000;
	text-decoration: none;
	border-bottom: solid 5px #ffffff;
	width: 280px;
	margin-left: 10px;
}
a.menu:hover
{
	text-decoration: underline;
	color: #990000;
}

.table2
{
	background-color: #e9f0fb;
	
}

.b10
{
}
.buttonbg
{
	background-image: url(  middle.png);
	background-repeat: repeat-x;
}

.buttoncnt
{
	font-family: sans-serif;
	font-size: 14px;
	font-variant: small-caps;
	color: #13445b;
	font-weight: 600;
	padding-left: 5px;
	text-decoration: none;
}

a.buttoncnt:hover
{
	text-decoration: underline;
	color: #990000;
}

.buttonbgover
{
	background-image: url(  over-middle.png);
	background-repeat: repeat-x;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-variant: small-caps;
	color: #FFFFFF;
	font-weight: 600;
	padding-left: 5px;
}

a.buttonbgover:hover
{
	text-decoration: underline;
	color: #990000;
}

a.menu:hover
{
	color: #990000;
	text-decoration: underline;
}

.heading
{
	/*background-color:#3b1b04;*/
	font-variant: small-caps;
	text-align: left;
	background-image: url( top-bg.jpg);
	background-repeat: repeat-x;
	height: 62px;
	font-family: Georgia;
	font-size: 20px;
	color: #142573;
	padding-left: 35px;
	font-weight: 600;
	background-position: top;
}

.cnt1
{
	font-family: Verdana;
	font-size: 11px;
	color: #5f4428;
	text-indent: 18px; /*background-color:#e3ded6*/
}

.cnt2
{
	font-family: Verdana;
	font-size: 11px;
	color: #5f4428;
	text-indent: 18px;
	font-weight: bold; /*background-color:#e3ded6*/
}

.cntpart2
{
	font-family: Verdana;
	font-size: 11px;
	color: #5f4428;
	text-indent: 18px; /*background-color:#efeae3*/
}



/*.table1 tr td
{
border:#efeae3 1px solid;
}*/

.highlited
{
	font-family: "Trebuchet MS";
	color: #990000;
	font-size: 13px;
	padding-left: 20px;
	font-weight: 600; /*background-color:#E3DED6;*/
	border-left: #efeae3 2px solid;
}

/*.ttt
{
font-family:Geneva, Arial, Helvetica, sans-serif;
font-size:12px;
color:#FFFFFF;
text-align:center;
font-weight:bold;
}*/

.border
{
	border-right: #E3DED6 2px solid;
}
.cntpart2sub
{
	font-family: sans-serif;
	font-size: 13px;
	color: #000066;
	font-weight: bold; /*background-color:#3b1b04;*/
	text-align: center;
	background-image: url( table-header.jpg);
	background-repeat: repeat-x;
	height: 27px;
}


.text
{
	border: #E3DED6 1px solid;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: 600;
	color: #990000;
	padding-left: 25px;
}


fieldset
{
	border: #c6bdae 1px dashed;
	width: 350px;
	padding: 10px;
}


@media only screen and (min-width:320px)
{
	.input[type="text"], .input[type="password"]
	{
		width: 100%;
			background-color:#fbfbfb;	color: #000000; /*	padding:3px; 	margin-right:4px; 	margin-bottom:8px; */
	font-family:Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size: 100%;
	height: 23px;
		border :1px solid #cfcfcf;
		border-radius:0px;
		padding-left:3%;
		margin-bottom:0px;
	
	}

 .mm-module
    {
    	background-image:url(mm.jpg);
    	background-repeat:no-repeat;
    	background-size:cover;
    	width:100%;
    	height:auto;
    
    }
}
@media only screen and (min-width:800px)
{
	.input[type="text"], .input[type="password"]
	{
		margin-bottom:0px;
	}
.mm-module
    {
    	background-image:none;
    	background-repeat:no-repeat;
    	background-size:cover;
    	width:100%;
    	height:auto;
    
    }
}
@media only screen and (min-width:1024px)
{
	.input[type="text"], .input[type="password"]
	{
		margin-bottom:0px;
	}
.mm-module
    {
    	background-image:none;
    	background-repeat:no-repeat;
    	background-size:cover;
    	width:100%;
    	height:auto;
    
    }
}


.textareanew
{
	width:93%;
	height:40px;
border: 1px solid #cfcfcf;
	color:#000000;
	padding:3px;
	margin-right:4px;
	margin-bottom:8px;
	font-family:Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size:11px;
	background-color: #fbfbfb;
}
.selectinn
{
	color:#000000;
	font-family:Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;
	border-style:solid;
	border :1px solid #cfcfcf;
	/*border-color:rgb(186,197,174);*/
	width: 97%;
	font-size:85%;
	background-color:#fbfbfb;
	height:28px;
    z-index:-2000;
}


.textareaChat
{
	width: 400px;
	height:40px;
	border:1px solid #a5accb;
	color:#000000;
	padding:3px;
	margin-right:4px;
	margin-bottom:8px;
	font-family:Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;
	background-color: #fbfbfb;
}
/* ajax__tab_yuitabview-theme theme (Theme1/ sprite.png) */

.tab_text
{
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 9px;
	font-variant: small-caps;
	color: #fff;
	font-weight: 600;
	padding-left: 5px;
	text-decoration: none;
}
a.tab_text:hover
{
	color: #990000;
	text-decoration: none;
}
.ajax__tab_yuitabview-theme .ajax__tab_header
{
	font-family: arial,helvetica,clean,sans-serif;
	font-size: small;
	border-bottom: solid 5px #13475F;
}
.ajax__tab_yuitabview-theme .ajax__tab_header .ajax__tab_outer
{
	background: #ABCAD6 repeat-x;
	margin: 0px 0.16em 0px 0px;
	padding: 1px 0px 1px 0px;
	vertical-align: bottom;
	border: solid 1px #13475F;
	border-bottom-width: 0px;
}
.ajax__tab_yuitabview-theme .ajax__tab_header .ajax__tab_tab
{
	color: #000;
	padding: 0.35em 0.75em;
	margin-right: 0.01em;
}
.ajax__tab_yuitabview-theme .ajax__tab_hover .ajax__tab_outer
{
	background: #ABCAD6 repeat-x left -1300px;
	cursor: pointer;
}
.ajax__tab_yuitabview-theme .ajax__tab_active .ajax__tab_tab
{
	color: #fff;
}
.ajax__tab_yuitabview-theme .ajax__tab_active .ajax__tab_outer
{
	background: #13475F repeat-x left -1400px;
}
.ajax__tab_yuitabview-theme .ajax__tab_body
{
	font-family: verdana,tahoma,helvetica;
	font-size: 10pt;
	padding: 0.25em 0.5em;
	background-color: #EFEAE3;
	border: #c6bdae 1px dashed;
	border-top-width: 0px;
}
.gridouterborder
{
	border: #c6bdae 1px dashed;
}

.gridborder
{
	border: none;
}
.gridrow
{
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #5f4428;
	background-color: #efeae3;
}

.gridalternaterow
{
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #5f4428;
	background-color: #e3ded6;
}


/* admin class */

.bodycls
{
	background-image: url(  bg.jpg);
	background-repeat: repeat-x;
	background-position: top;
	margin: 0px;
	background-color: #CECEB4;
}



.footer
{
font-family: Arial;
	font-size: 11px;
	color: #746f4f;
	text-align: right;
	padding-right: 20px;
	text-decoration: none;
	background-color:#3b1b04;
}

a.footer:hover
{
	color: #000066;
	text-decoration: underline;
}

.cnt
{
	font-family: Arial;
	font-size: 13px;
	font-weight: 600;
	color: #FFFFFF;
}

.msg
{
	color: Maroon;
}


.button
{
	font-family: sans-serif;
	font-size: 12px;
	color: #3b1b04;
	text-decoration: underline;
	text-align: center;
	font-weight: 600;
}

a.button:hover
{
	color: #000000;
	text-decoration: none;
}

.mm
{
	/*background-color:#3b1b04;*/
	text-align: center;
	background-image: url( table-header.jpg);
	background-repeat: repeat-x;
	display: inline;
	padding-right: 24px;
	margin-left: 5px;
	padding-left: 24px;
	padding-top: 5px;
	width: 200px;
	padding-bottom: 5px;
	color: #000066;
	font-family: Verdana;
	font-size: 13px;
	font-weight: 600;
	font-variant: small-caps;
}

.mm a
{
	color: #000066;
	text-decoration: none;
}

.mm a:hover
{
	text-decoration: underline;
	color: #CC0000;
}

.mm1
{
	text-align: center;
	background-image: url( table-over.jpg);
	background-repeat: repeat-x;
	display: inline;
	padding-right: 24px;
	margin-left: 5px;
	padding-left: 24px;
	padding-top: 5px;
	width: 200px;
	padding-bottom: 5px;
	color: #CC0000;
	font-family: sans-serif;
	font-size: 13px;
	font-weight: 600;
	font-variant: small-caps;
}

.tableborder
{
	border: 1px #b5c9dc solid;
}

.footer
{
	font-family: Verdana;
	font-size: 11px;
	color: #FFFFFF;
	text-align: center;
	font-variant: small-caps;
	height: 20px;
	padding-top: 5px;
}

.listinghead
{
	font-family: sans-serif;
	font-size: 13px;
	color: #FFFFFF;
	font-weight: bold;
	background-color: #646fa1;
	text-align: center;
	border-top: 1px #FFFFFF solid;
}

.cnt1listing
{
	font-family: Verdana;
	font-size: 11px;
	color: #000000;
	text-align: center;
	background-color: #ecf2f7;
	height: 25px;
}

.cnt1listing1
{
	font-family: Verdana;
	font-size: 11px;
	color: #000000;
	text-align: center;
	height: 25px;
	/*background-color:#f1f9e8*/
}

.tablebrd td
{
	border-left: 1px #b5c9dc dotted;
	border-right: 1px #b5c9dc dotted;
	border-bottom: 1px #b5c9dc dotted;
	border-top: 1px #b5c9dc dotted;
}


/*.tabletopbg
{
background-image:url( bg-top.jpg);
background-repeat:repeat-x;
height:29px;
}*/

.tablebottombg
{
	background-image: url( bg-btm.jpg);
	background-repeat: repeat-x;
	height: 25px;
}

.logobg
{
	background-image: url( logo-trans.png);
	background-attachment: scroll;
	background-position: right bottom;
	background-repeat: no-repeat;
}

.tableheader
{
	background-image: url( table-header.jpg);
	background-repeat: repeat-x;
	height: 33px;
	font-family: Verdana;
	color: #000066;
	font-size: 13px;
	font-variant: small-caps;
	padding-left: 15px;
	font-weight: 600;
}

.gridcnt
{
	font-family: Verdana;
	font-size: 11px;
	color: #5f4428;
	text-align: center;
}
.blue-bg
{
	/*background-color:#3b1b04;*/
	background-image: url( swap-link-center.jpg);
	background-repeat: repeat-x;
	z-index: 30000px;
}
.link-head
{
	background-image: url( swap-link-center.jpg); /*background-repeat:repeat-x; background-color:#3b1b04;*/
	font-family: Verdana; /*Geneva, Arial, Helvetica, sans-serif;*/
	font-size: 13px;
	color: #FFFFFF;
	text-align: center;
	font-weight: 700;
	text-decoration: none; /*margin-left:2px; padding-right:20px;*/
	height: 25px;
	z-index: 30000px;
}
.sub-link-bg
{
	/*background-color:#e9f0fb;*/
	font-family: Verdana; /*Geneva, Arial, Helvetica, sans-serif;*/
	font-size: 13px;
	height: 25px;
	color: #3b1b04;
	font-weight: 700;
	text-align: left;
	padding-left: 5px;
	background-image: url( table-header.jpg);
	background-repeat: repeat-x; /*padding-right:35px; padding-left:20px;*/
	width: 270px;
	z-index: 30000px;
}
.sub-link
{
	/*background-color:#e9f0fb;*/
	font-family: Verdana; /*Geneva, Arial, Helvetica, sans-serif;*/
	font-size: 13px;
	height: 25px;
	color: #3b1b04;
	font-weight: 700;
	text-align: left;
	padding-left: 5px;
	background-image: url( table-over.jpg);
	background-repeat: repeat-x; /*padding-right:35px; padding-left:20px;*/
	width: 270px;
	z-index: 30000px;
}
.swap-link
{
	font-family: Verdana; /*Geneva, Arial, Helvetica, sans-serif;*/
	font-size: 13px;
	color: #FFFFFF;
	background-image: url( swap-link-center.jpg);
	background-repeat: repeat-x; /*padding-left:15px;*/
	font-weight: 700;
	height: 25px;
	z-index: 30000px; /*width:270px;*/
}
.sup-link
{
	font-family: Verdana; /*Geneva, Arial, Helvetica, sans-serif;*/
	font-size: 13px;
	color: #3b1b04;
	font-weight: 700;
	padding-left: 15px;
	z-index: 30000px;
}
.newtable
{
	border-bottom: 3px #bdc8d9 groove;
	background-color: #dee5f0;
}
.split
{
	/*background-color:#3b1b04;*/
	font-variant: small-caps;
	text-align: left;
	background-image: url( top-bg.jpg);
	background-repeat: repeat-x;
	height: 2px;
	font-family: Georgia;
	font-size: 2px;
	padding-left: 35px;
	background-position: top;
}

.cnt2
{
	font-family: Verdana;
	font-size: 11px;
	color: #3b1b04;
	text-indent: 18px;
}

.LiveChat
{
	text-decoration: none;
}

.blinktext
{
		font-family:Arial;
		font-size:13px;
		font-weight:bold;
		color:Red;
		text-decoration:blink;
}
     
     .menu1
{
	background-image:url('1.png');
	background-position:left;
	background-repeat:no-repeat;
	width:418px;
	height:47px;
	padding-left:45px;
	}
	
.menu2
{
	background-image:url('2.png');
	background-position:left;
	background-repeat:no-repeat;
	width:418px;
	height:46px;
	padding-left:65px;
	}
	
	
.menu3
{
	background-image:url('3.png');
	background-position:left;
	background-repeat:no-repeat;
	width:418px;
	height:53px;
	padding-left:85px;

	}
	
.menu4
{
	background-image:url('4.png');
	background-position:left;
	background-repeat:no-repeat;
	width:418px;
	height:52px;
	padding-left:105px;
	}

.menu5
{
	background-image:url('5.png');
	background-position:left;
	background-repeat:no-repeat;
	width:418px;
	height:49px;
	padding-left:125px;

	}
	
.menu6
{
	background-image:url('6.png');
	background-position:left;
	background-repeat:no-repeat;
	width:418px;
	height:50px;
	padding-left:145px;

	}
	
.menu7
{
	background-image:url('7.png');
	background-position:left;
	background-repeat:no-repeat;
	width:418px;
	height:50px;
	padding-left:165px;
	

	}
	
	.menuns
{
font-family:Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;
color:#e4ecf7;
padding-left:5px;
font-size:14px;
font-weight:600;
text-decoration:none;
}

a.menuns:hover
{
color:#FFFF00;
text-decoration:none;
}


.menun
{
font-family:Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;
color:#e4ecf7;
padding-left:5px;
font-size:14px;
font-weight:600;
text-decoration:none;
}

a.menun:hover
{
color:#FFFF00;
text-decoration:none;
}  

.blinktextwaiting
{
		font-family:Arial;
		font-size:13px;
		font-weight:bold;
		color:#ff00ff; 
		text-decoration:blink;
}
.blinktextapprove
{
		font-family:Arial;
		font-size:13px;
		font-weight:bold;
		color:Green; 
		text-decoration:blink;
}
.blinktextdisapprove
{
		font-family:Arial;
		font-size:13px;
		font-weight:bold;
		color:Red;
		text-decoration:blink;
}
.blinktextchanged
{
		font-family:Arial;
		font-size:13px;
		font-weight:bold;
		color:Orange;  
		text-decoration:blink;
}
.blinktextbillpasswaiting
{
		font-family:Arial;
		font-size:13px;
		font-weight:bold;
		color:Green; 
		text-decoration:blink;
}

.login-main
{
	background-image:url(login.jpg);
	background-repeat:no-repeat;
	background-size:cover;
}


@media only screen and (min-width:320px)
{
	#banner {
    width: 100%;
    background-image: url('banner.jpg');
    background-repeat:no-repeat;
    height: 150px;
	background-size:cover;
	background-position:0px 0px;
}
.innermenulef {
    width: 100%;
    height: auto;
    overflow: hidden;
    float: left;
    text-align:center;
}
.innermenulef img {
    width: 85%;
    height: auto;
    text-align: center;
    margin: auto;
    padding-top: 3%;
    padding-left:0%;
	padding-bottom:3%;
}
}

@media only screen and (min-width:1024px)
{
	#banner {
    width: 100%;
    background-image: url('banner.jpg');
    background-repeat:no-repeat;
    height: 150px;
	background-size:cover;
	background-position:0px 0px;
}
}
/*=============================*/
.bluebar
{
	background-color:#191f51;
	height:5px;
}
.module-lft
{
	background-color:#f3f5fb;
}


.module-lft-mid img
{
	width:auto;
	overflow:hidden;
}
.logout-bt-new
{
	padding:1em;
}
@media only screen and (min-width:768px)
{
.module-bg
{
	background-image: url(new-right-module-screen.png);
	min-height:auto;
	background-repeat:no-repeat;
	background-size:cover;
	overflow:hidden;
	background-position:right;
	
}}
@media only screen and (min-width:1600px)
{

	.module-bg
{
	background-image: url(new-right-module-screen.png);
	min-height:auto;
	background-repeat:no-repeat;
	background-size:cover;
	overflow:hidden;

	background-position:-40px;
	background-color:Blue;
	
}
}




.swiper-container {
      width: 100%;
      height: 100%;
    }
    .swiper-slide {
      text-align: center;
      font-size: 18px;
    min-height:auto;

      /* Center slide text vertically */
      display: -webkit-box;
      display: -ms-flexbox;
      display: -webkit-flex;
      display: flex;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      -webkit-justify-content: center;
      justify-content: center;
      -webkit-box-align: center;
      -ms-flex-align: center;
      -webkit-align-items: center;
      align-items: center;
    }
    @media only screen and (min-width:320px)
    {
    	.module-lft img
{
	width:100%;
	height:auto;
	overflow:hidden;
}
.module-lft-mid img
{
	width:auto;
	height:auto;
	overflow:hidden;
}
    	.modulelist
     {
     	width:80%;
     	margin:auto;
     	text-align:left;
     }
    	.modulelist ul
    	{padding:3em 0em;
    	 margin-left:5px;
    	}
    	.module li
{
	width:45%;
	height:auto;
	overflow:hidden;
	display:inline-block;
	text-align:center;
	margin:auto;
	padding:1%;
	
}
.module li img
{
	width:90%;
	height:auto;
	overflow:hidden;
}

.module li input
{
	width:90%;
	height:auto;
	overflow:hidden;
    z-index:-2000;
}
.company-name
{
font-family: 'Open Sans', sans-serif;
font-size:15px;
font-weight:100;
color:#000;
text-transform:uppercase;
text-align:center;
padding:0.3em 0em;

}
.footer-module
{
	background-color:#020a2a;
	color:#fff;
	width:100%;
	padding:10px 15px;
	text-transform:uppercase;
	font-size:65%;
	font-family:Arial;
	text-align:center;
}
.footer-module-rt
{
	border-top:#fff solid 1px;
	text-transform:uppercase;
	font-size:80%;
	font-family:Arial;
	letter-spacing:0px;
	color:#fff;
	text-align:center;
	line-height:15px;
	padding:10px 15px;
}
.module-lft-mid
{
	background-color:#d8dce8;
	padding:0.5em 0em;
	text-align:center;
	color:Black;
	margin:auto;
	font-size:15px;
	font-weight:bold;
}
.module-main
    	{
    		width:100%;
    		margin:auto;
    	}
    }
    @media only screen and (min-width:480px)
    {
    	.modulelist ul
    	{padding:3em 0em;
    	 margin-left:5px;
    	 text-align:center;
    	}
    	.module li
{
	width:45%;
	height:auto;
	overflow:hidden;
	display:inline-block;
	text-align:center;
	margin:auto;
	padding:1%;
	
}
.module li img
{
	width:90%;
	height:auto;
	overflow:hidden;
}

.module li input
{
	width:90%;
	height:auto;
	overflow:hidden;
}
.company-name
{
font-family: 'Open Sans', sans-serif;
font-size:30px;
font-weight:100;
color:#000;
text-transform:uppercase;
text-align:center;
padding:2em 0em;

}
    }  
     @media only screen and (min-width:640px)
    {
    	.module-main
    	{
    		width:80%;
    		margin:auto;
    	}
    	.module-lft img
{
	width:80%;
	height:auto;
	overflow:hidden;
}
.module-lft-mid img
{
	width:auto;
	height:auto;
	overflow:hidden;
}
    	.modulelist ul
    	{padding:4em 0em;
    	 margin-left:5px;
    	 text-align:center;
    	}
    	.module li
{
	width:45%;
	height:auto;
	overflow:hidden;
	display:inline-block;
	text-align:center;
	margin:auto;
	padding:1%;
	
}
.module li img
{
	width:90%;
	height:auto;
	overflow:hidden;
}

.module li input
{
	width:90%;
	height:auto;
	overflow:hidden;
}
.company-name
{
font-family: 'Open Sans', sans-serif;
font-size:30px;
font-weight:100;
color:#000;
text-transform:uppercase;
text-align:center;
padding:2em 0em;

}
    }  
    @media only screen and (min-width:768px)
    {
    	.module-lft img
{
	width:auto;
	height:auto;
	overflow:hidden;
	text-align:center;
	margin:auto;
}
 .module-lft
 {
 	text-align:center;
 }
    	.module-main
    	{
    		width:65%;
    		margin:auto;
    	}
    
    }
    @media only screen and (min-width:800px)
    {
    	.module-main
    	{
    		width:100%;
    		margin:auto;
    	}
    	
    	.module-lft img
{
	width:100%;
	height:auto;
	overflow:hidden;
	text-align:center;
	margin:auto;
}
.module-lft-mid img
{
	width:auto;
	height:auto;
}
 .module-lft
 {
 	text-align:center;
 }
 .company-name
{
font-family: 'Open Sans', sans-serif;
font-size:20px;
font-weight:100;
color:#000;
text-transform:uppercase;
text-align:center;
padding:1em 0em;


}
.modulelist ul 
{
 padding: 7em 0em;	
}
.module li
{
	width:30%;
	height:auto;
	overflow:hidden;
	display:inline-block;
	text-align:center;
	margin:auto;
	padding:1%;
	
}

    	
    }
    
    @media only screen and (min-width:980px)
    {
    	.module-main
    	{
    		width:100%;
    		margin:auto;
    	}
    	.modulelist ul {
    padding: 3.2em 0em;
    margin-left: 5px;
    text-align: center;
}
    	.module-lft img
{
	width:100%;
	height:auto;
	overflow:hidden;
	text-align:center;
	margin:auto;
}
.module-lft-mid img
{
	width:auto;
	height:auto;
}
 .module-lft
 {
 	text-align:center;
 }
 .company-name
{
font-family: 'Open Sans', sans-serif;
font-size:20px;
font-weight:100;
color:#000;
text-transform:uppercase;
text-align:center;
padding:1em 0em;


}
.module li
{
	width:30%;
	height:auto;
	overflow:hidden;
	display:inline-block;
	text-align:center;
	margin:auto;
	padding:1%;
	
}
}
    
     @media only screen and (min-width:1024px)
    {
    	.module li
{
	width:30%;
	height:auto;
	overflow:hidden;
	display:inline-block;
	text-align:center;
	margin:auto;
	padding:1%;
	
}
.module li img
{
	width:90%;
	height:auto;
	overflow:hidden;
}
.company-name
{
font-family: 'Open Sans', sans-serif;
font-size:30px;
font-weight:100;
color:#000;
text-transform:uppercase;
text-align:center;
padding:1.5em 0em;

}

.module li input
{
	width:90%;
	height:auto;
	overflow:hidden;
}
.footer-module
{
	background-color:#020a2a;
	color:#fff;
	width:100%;
	padding:12px 0px;
	text-transform:uppercase;
	font-size:60%;
	font-family:Arial;
	text-align:center;
}
.footer-module-rt
{
	border-top:#fff solid 1px;
	text-transform:uppercase;
	font-size:80%;
	font-family:Arial;
	letter-spacing:5px;
	color:#fff;
	text-align:right;

}
.module-lft-mid
{
	background-color:#d8dce8;
	padding:3em 0em;
	text-align:center;
	color:Black;
	margin:auto;
	font-size:15px;
	font-weight:bold;
}
.modulelist ul {
    padding: 5.3em 0em;
    margin-left: 5px;
    text-align: center;
}
    }
    @media only screen and (min-width:1280px)
    {
    	.modulelist ul {
    padding: 5em 0em;
    margin-left: 5px;
    text-align: center;
}
.module li input
{
	width:auto;
	height:auto;
	overflow:hidden;
}
    .module li img
    {
    	width:auto;
	height:auto;
	overflow:hidden;
    }
    .modulelist ul {
    padding: 6.5em 0em;
    margin-left: 5px;
    text-align: center;
}
    }
    @media only screen and (min-width:1360px)
    {
    	.modulelist ul {
    padding: 5em 0em;
    margin-left: 5px;
    text-align: center;
}
   .modulelist ul {
    padding: 6.7em 0em;
    margin-left: 5px;
    text-align: center;
}
 .module-lft 
    {
    	text-align:center;
min-height:800px;
    }
    }
    @media only screen and (min-width:1400px)
    {
    	 .modulelist ul {
    padding: 7em 0em;
    margin-left: 5px;
    text-align: center;
}
    }
     @media only screen and (min-width:1600px)
    {
    	.module li
{
	width:25%;
	height:auto;
	overflow:hidden;
	display:inline-block;
	text-align:center;
	margin:auto;
	padding:1%;
	
}
.module li img
{
	width:auto;
	height:auto;
	overflow:hidden;
}
.company-name
{
font-family: 'Open Sans', sans-serif;
font-size:30px;
font-weight:100;
color:#000;
text-transform:uppercase;
text-align:center;
padding:1em 0em;

}

.module li input
{
	width:auto;
	height:auto;
	overflow:hidden;
}
.footer-module
{
	background-color:#020a2a;
	color:#fff;
	width:100%;
	padding:12px 15px;
	text-transform:uppercase;
	font-size:65%;
	font-family:Arial;
	text-align:center;
}
.footer-module-rt
{
	border-top:#fff solid 1px;
	text-transform:uppercase;
	font-size:80%;
	font-family:Arial;
	letter-spacing:5px;
	color:#fff;
	text-align:right;
	background-image: url(mm.jpg);
	background-position:right bottom;
}
.module-lft-mid
{
	background-color:#d8dce8;
	padding:3em 0em;
	text-align:center;
	color:Black;
	margin:auto;
	font-size:15px;
	font-weight:bold;
}
.modulelist ul {
    padding: 8em 0em;
    margin-left: 5px;
    text-align: center;
}
    }
@media only screen and (min-width:800px)
{
 .module-lft 
    {
    	text-align:center;
min-height:620px;
    }
}
@media only screen and (min-width:1024px)
{
 .module-lft 
    {
    	text-align:center;
min-height:720px;
    }
}
    @media only screen and (min-width:1280px)
{
 .module-lft 
    {
    	text-align:center;
min-height:768px;
    }
}


    @media only screen and (min-width:1360px)
{
 .module-lft 
    {
    	text-align:center;
min-height:800px;
    }
}
   @media only screen and (min-width:1600px)
{
 .module-lft 
    {
    	text-align:center;
min-height:840px;
    }
}
    
   
   
    
    .footer-module-rt
{
	
	background-image: url(mm.jpg);
	background-position:right bottom;
}
.listproject li a
{
	color:#fff;
}