@font-face {
 font-family: MyCustomFont;
 src: url("../fonts/GOTHIC.eot") /* EOT file for IE */
 
}
@font-face {
 font-family: MyCustomFont;
 src: url("../fonts/GOTHIC.TTF") /* TTF file for CSS3 browsers */
}
html, body{ height:100%;}
html, body, div, h1, h2, h3, h4, h5, h6, ul, ol, dl, li, dt, dd, p, blockquote, pre, form, fieldset, table{ margin:0px; padding:0px;}
body{
	font:12px Arial, Helvetica, sans-serif;
	height:100%;
	font-family: Arial, Helvetica, sans-serif;
}
ul{ list-style:none;}
img{ border:none; width:auto; max-width:auto;}
p{ font:14px MyCustomFont, Verdana, Arial, sans-serif; color:#333; text-align:justify; padding:0px; line-height:20px;}
a,link,visited{ outline:none; text-decoration:none; color:#03f;}
a:hover{ outline:none; text-decoration:none; color:#cc0000;}



.radius{ -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;}
.shadow{ -webkit-box-shadow: 4px 4px 5px 0px #000; -moz-box-shadow:4px 4px 5px 0px #000; box-shadow:4px 4px 5px 0px #000;}
/*Struc Classes*/
#bgImg{ width:54%; float:left;}
#bgImg img{ width:100%;}
.mid{ padding-bottom:100px;}
.container{ width:99%; padding:0.5%; float:left; min-width:1003px; position:relative; min-height:100%;}
.container h2{ font:40px MyCustomFont, Verdana, Arial, sans-serif; margin-bottom:20px; font-stretch:extra-expanded; color:#000; margin-left:1%;}
.header{ width:100%; float:left; background:url(../images/innerNav.gif) left top repeat-x; border-bottom:4px solid #fff;}
.logo{ float:left; width:28%; margin:20px 0 14px 0; margin-left:1%; }
.nav{ width:70%; float:right; margin-top:30px;}
.nav ul{ float:right;}
.nav ul li{ font:15px "Times New Roman", Times, serif; float:left;}
.nav ul li a{ display:block; color:#333; padding:12px 24px;}
.nav ul li a:hover{ color:#ff0033;}
.nav .active a{ color:#ff0033;}

.lft{ width:55%; padding-left:1%; float:left;}
.lft img{ width:100%; }



.rgt{ width:42%; padding-left:2%; padding-right:2%; height:100%; float:right; background:url(../images/cos.jpg) right bottom no-repeat #fff;}
.rgt h2{ font:40px MyCustomFont, Verdana, Arial, sans-serif; margin-bottom:10px; font-stretch:extra-expanded; color:#000; margin-left:0;}
.rgt h3{ font:24px; margin-bottom:10px; font-stretch:extra-expanded; color:#4a276a; margin-left:0;}
.rgt strong{ font:bold 19px MyCustomFont, Verdana, Arial, sans-serif; color:#333; text-transform:uppercase;}
.rgt ul{ margin:10px 0;}
.rgt li{ display:block; padding:1px 0; margin-bottom:4px; font:13px MyCustomFont, Verdana, Arial, sans-serif; color:#333;}
.rgt b{ display:block; color:#ff0033;}
.rgt p{ margin-bottom:10px;}
.rgt li em{ display:inline-block; width:100px; font-style:normal;}

.rgt li.email{ background:url(../images/mail.gif) left 5px no-repeat; padding-left:20px;}
.rgt li.facebook{ background:url(../images/facebook.gif) left 3px no-repeat; padding-left:20px;}
.rgt li.location{ background:url(../images/location.gif) left 3px no-repeat; padding-left:20px;}
.rgt li.phone{ background:url(../images/phone.gif) left 3px no-repeat; padding-left:20px;}
.rgt li.fax{ background:url(../images/fax.gif) left 3px no-repeat; padding-left:20px;}
.rgt li.briefcase{ background:url(../images/briefcase.gif) left 3px no-repeat; padding-left:20px;}

.rgt .contactTxt{ width:80%; text-align:center; margin-bottom:50px; padding:20px 0; font:18px MyCustomFont, Verdana, Arial, sans-serif; color:#472468; background:rgba(0,0,0,0.2); float:left;}
.rgt .gallaryBx{ float:left; width:31%; margin:0 2% 2% 0;}
.rgt .gallaryBx img{ border:1px solid #ccc; padding:1%; -webkit-transition: all 0.5s ease;
     -moz-transition: all 0.3s ease;
       -o-transition: all 0.3s ease;
      -ms-transition: all 0.3s ease;
          transition: all 0.3s ease;}
		  
.rgt .gallaryBx img:hover {
  -webkit-transform: rotate(-3deg);
     -moz-transform: rotate(-3deg);
       -o-transform: rotate(-3deg);
      -ms-transform: rotate(-3deg);
          transform: rotate(-3deg); -webkit-filter: brightness(50%);
		  
}		  

.form{ color:#666; text-align:left; width:96%; padding:0; float:left; margin-bottom:20px;}
.form div{ padding:3px; text-transform:capitalize; font-weight:bold; clear:left; float:left; width:100%;}
.form .input-large{ width:260px; border:1px solid #ccc; padding:6px; float:left; color:#999; font:12px MyCustomFont, Verdana, Arial, sans-serif;}
.form textarea{ width:260px; height:40px; border:1px solid #ccc; padding:6px; color:#999; font:12px MyCustomFont, Verdana, Arial, sans-serif; resize:none;}
.form .sub-inp{ background:#472568; border:1px solid #FFF; font:12px MyCustomFont, Verdana, Arial, sans-serif; color:#FFF; padding:4px 10px; text-align:center; cursor:pointer; float:left; margin-left:149px;}
.form .sub-inp:hover{ background:#ff0033; border:1px solid #ff0033; color:#FFF;}
.form .sub-inp:active{ position:relative; top:1px;}

.form .sub-inp1{ background:#472568; border:1px solid #FFF; font:12px MyCustomFont, Verdana, Arial, sans-serif; color:#FFF; padding:4px 10px; text-align:center; cursor:pointer;float:left;}
.form .sub-inp1:hover{ background:#ff0033; border:1px solid #ff0033; color:#FFF;}
.form .sub-inp1:active{ position:relative; top:1px;}

.rgt-gall{ width:98%; float:left; background:url(../images/cos.jpg) right bottom no-repeat #fff; padding:0 1%;}
.rgt-gall h2{ font:40px MyCustomFont, Verdana, Arial, sans-serif; margin-bottom:20px; font-stretch:extra-expanded; color:#000;}

.mapDiv{ width:400px; padding:10px; position:absolute; left:-400px; top:30%; margin:-100px 0 0 0; background:rgba(0,0,0,0.8); margin-left:50%;}
.mapDiv strong{ font:bold 19px MyCustomFont, Verdana, Arial, sans-serif; color:#fff; text-transform:uppercase; margin-top:10px; float:left;}
.mapDiv li{ display:block; padding:1px 0; margin-bottom:4px; font:13px MyCustomFont, Verdana, Arial, sans-serif; color:#fff; clear:left;}
.mapDiv li em{ display:inline-block; width:100px; font-style:normal;}

.clear{ clear:both;}
/*Footer*/
.footer {color:#472468; width:97%; padding:10px 1%; float:left; background:url(../images/bg.jpg) right top repeat-y #fff; border-top:4px solid #fff;}
.footer {
    bottom: 0;
    height: 40px;
    left: 0;
    position: absolute;
}
.copyright{ float:left;}
.esimplified{ float:right;}
.esimplified img{ width:inherit;}
.footer a,link,visited{ color:#472468;}
.footer a:hover{ color:#000;}

/* ----------------------------------------------------------------
    Tabs
-----------------------------------------------------------------*/


.tab_widget {
	display: block;
	position: relative;
	margin: 0 0 10px 0;
}

.tab_widget ul.tabs {
	display: block;
	position: relative;
	list-style: none;
	height: 42px;
	border-bottom: 1px solid #DDD;
    margin: 0;
}

#footer.footer-dark .tab_widget ul.tabs { border-bottom-color: #282828; }

.side-tabs ul.tabs {
    float: left;
    width: 250px;
    height: auto;
    border-bottom: none;
    padding: 20px 0;
    border-right: 1px solid #DDD;
}

.tab_widget ul.tabs li {
	float: left;
	margin: 0;
	padding: 0;
	height: 39px;
	line-height: 39px;
	border: 1px solid #DDD;
    border-top-width: 3px;
    border-left: none;
	overflow: hidden;
	position: relative;
	background-image: linear-gradient(bottom, rgb(230,230,230) 9%, rgb(238,238,238) 55%);
    background-image: -o-linear-gradient(bottom, rgb(230,230,230) 9%, rgb(238,238,238) 55%);
    background-image: -moz-linear-gradient(bottom, rgb(230,230,230) 9%, rgb(238,238,238) 55%);
    background-image: -webkit-linear-gradient(bottom, rgb(230,230,230) 9%, rgb(238,238,238) 55%);
    background-image: -ms-linear-gradient(bottom, rgb(230,230,230) 9%, rgb(238,238,238) 55%);
    background-image: -webkit-gradient(
    	linear,
    	left bottom,
    	left top,
    	color-stop(0.09, rgb(230,230,230)),
    	color-stop(0.55, rgb(238,238,238))
    );
}

#footer.footer-dark .tab_widget ul.tabs li {
	border-color: #282828;
	background-image: linear-gradient(bottom, rgb(51,51,51) 9%, rgb(59,59,59) 55%);
    background-image: -o-linear-gradient(bottom, rgb(51,51,51) 9%, rgb(59,59,59) 55%);
    background-image: -moz-linear-gradient(bottom, rgb(51,51,51) 9%, rgb(59,59,59) 55%);
    background-image: -webkit-linear-gradient(bottom, rgb(51,51,51) 9%, rgb(59,59,59) 55%);
    background-image: -ms-linear-gradient(bottom, rgb(51,51,51) 9%, rgb(59,59,59) 55%);
    background-image: -webkit-gradient(
    	linear,
    	left bottom,
    	left top,
    	color-stop(0.09, rgb(51,51,51)),
    	color-stop(0.55, rgb(59,59,59))
    );
}

.side-tabs ul.tabs li {
    float: none;
    border: 1px solid #DDD;
    border-top: none;
    border-right: none;
    height: 40px;
	line-height: 40px;
    margin-top: 0;
}

.tab_widget ul.tabs li:first-child { border-left: 1px solid #DDD; }

#footer.footer-dark .tab_widget ul.tabs li:first-child { border-color: #282828; }

.tab_widget ul.tabs li a {
	text-decoration: none;
	color: #888;
	font-size: 14px;
	display: block;
	padding: 0 13px;
	outline: none;
	font-weight: bold;
    font-family: "Open Sans", sans-serif;
	text-shadow: 1px 1px 1px #FFF;
    border: none;
    border-left: 1px solid #F9F9F9;
}

#footer.footer-dark .tab_widget ul.tabs li a {
	color: #EEE;
	text-shadow: 1px 1px 1px rgba(0,0,0,0.3);
    border: 0;
}

.tabbed-widget .tab_widget ul.tabs a { padding: 0 13px; }

.side-tabs ul.tabs li a { border-left: 0; }

.tab_widget ul.tabs li a i {
    float: left;
    font-size: 18px;
    width: 18px;
    height: 18px;
    margin-right: 5px;
}

.side-tabs ul.tabs li a i {
    position: relative;
    top: -1px;
    margin-right: 8px;
}

.tab_widget ul.tabs li:first-child a { border-left: none; }

.tab_widget ul.tabs li a:hover { background: none; }

.tab_widget ul.tabs li.active,
.tab_widget ul.tabs li.active a:hover {
	background: #FFF;
	border-bottom: 1px solid #FFF;
}

#footer.footer-dark .tab_widget ul.tabs li.active,
#footer.footer-dark .tab_widget ul.tabs li.active a:hover {
	background: #555;
	border-bottom: 1px solid #555;
}

.tab_widget ul.tabs li.active { border-top: 3px solid #472568; }

.tab_widget ul.tabs li.active a { color:#472568; }

.side-tabs ul.tabs li.active,
.side-tabs ul.tabs li.active a:hover {
	border-bottom: 1px solid #DDD;
    border-right: 1px solid #FFF;
}

.side-tabs ul.tabs li.active {
    border-top: none;
    border-left: 4px solid #57B3DF;
	
    margin-right: -1px;
}

.side-tabs ul.tabs li:first-child { border-top: 1px solid #DDD !important; }

.tab_widget .tab_container {
	display: block;
	overflow: hidden;
	position: relative;
	clear: both;
	/*background: #FFF;
    border: 1px solid #DDD;*/
    border-top: none;
}

#footer.footer-dark .tab_widget .tab_container {
    background: #555;
    border-color: #282828;
}

.side-tabs .tab_container {
    clear: none;
    border: none;
}

.tab_widget .tab_content {
	display: block;
	position: relative;
	padding: 3px;
}

.side-tabs .tab_content { padding: 20px 0 0 20px; }
.tab_content p{ color:#333;}

/*New css*/
.tb-width{
	width:650px; font-size:14px; color:#333333; font-family: MyCustomFont, Verdana, Arial, sans-serif; text-align:justify;
}
.tb-width h1{ font-size:15px; color:#999; font-weight:bold; text-align:center; text-decoration:underline; line-height:25px;}
.tb-width .bfont{ font-size:14px; color:#472468; font-weight:bold; line-height:25px;}
.tb-width .small{ font-size:13px; color:#333; font-weight:bold; line-height:25px;}
.tb-width strong{ font-size:14px; color:#000; font-weight:bold;}
.tb-width a{ text-decoration:underline; color:#472468; font-weight:bold; }
.tb-width a:hover{ text-decoration:none; color:#333; font-weight:bold; }
.tb-width .bldfont{ font-size:16px; color:#000; font-weight:bold; line-height:26px;}
.tb-width .Norfont{ font-size:14px; color:#000; font-weight:normal; line-height:26px; width:52%;}

.tb-width2{
	width:600px; font-size:14px; color:#333333; font-family: MyCustomFont, Verdana, Arial, sans-serif; text-align:justify;
}
.tb-width2 h1{ font-size:15px; color:#999; font-weight:bold; text-align:center; text-decoration:underline; line-height:25px;}
.tb-width2 .bfont{ font-size:14px; color:#472468; font-weight:bold; line-height:25px;}
.tb-width2 .small{ font-size:13px; color:#333; font-weight:bold; line-height:25px;}
.tb-width2 strong{ font-size:14px; color:#000; font-weight:bold;}
.tb-width2 a{ text-decoration:underline; color:#472468; font-weight:bold; }
.tb-width2 a:hover{ text-decoration:none; color:#333; font-weight:bold; }
.tb-width2 .bldfont{ font-size:16px; color:#000; font-weight:bold; line-height:26px;}
.tb-width2 .Norfont{ font-size:14px; color:#000; font-weight:normal; line-height:26px;}





@media screen and (max-width: 1200px){
	.logo{ float:left; width:32%; margin:20px 1% 14px 0; margin-left:1%; }
	.logo img{ width:100%;}
	.nav{ width:65%; float:left; margin-top:30px;}
	.nav ul li a{ display:block; color:#333; padding:12px 12px;}
	.rgt{ width:38%; padding-left:2%; padding-right:2%; height:100%; float:left; background:url(../images/cos.jpg) right bottom no-repeat #fff;}	
	.container{ width:99%; padding:0.5%; float:left; min-width:700px; position:relative; min-height:100%;}
	.tb-width2{width:100%; font-size:14px; color:#333333; font-family: MyCustomFont, Verdana, Arial, sans-serif; text-align:justify;}
	.tb-width2 td{ width:50%; text-align:left;}
	.tb-width td{ width:50%; text-align:left;}
	.tb-width{width:100%; font-size:14px; color:#333333; font-family: MyCustomFont, Verdana, Arial, sans-serif; text-align:justify;}
}
