html,
body {
    width: 100%;
    height: 100%;
}

@font-face {
    font-family: 'gothic';
    src: url('../fonts/gothic/gothic.eot');
    src: url('../fonts/gothic/gothicd41d.eot?#iefix') format('embedded-opentype'),
         url('../fonts/gothic/gothic.woff') format('woff'),
         url('../fonts/gothic.php') format('truetype'),
         url('../fonts/gothic/gothic.svg#framd')format('svg');
    font-weight: normal;
    font-style: normal;
}

body {
     font-family: Arial,Helvetica,sans-serif;
	/*background:url(../images/bg-pattern.jpg);*/
	background-repeat:repeat;
	
}

hr {
    max-width: 50px;
    border-color: #f05f40;
    border-width: 3px;
}

hr.light {
    border-color: #d1242a;
}

a {
  
    -webkit-transition: all .35s;
    -moz-transition: all .35s;
    transition: all .35s;
	text-decoration:none;
}

a:hover,
a:focus {
    color: #000;
}
ul li {list-style:none}
h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: Arial;  
}

p {
    margin:10px 0px;
    font-size: 15px;
    line-height: 1.5;
	color:#000000;
	font-weight:normal; 
	text-align: justify;
	padding:0 0px;
	font-family:'Open Sans',Arial, Helvetica, sans-serif;
}

.bg-primary {
	background-color: #FFF;	
}
.prod-text{
	color:#FFF !important;
   font-weight:normal;
   font-size:23px;
   text-align:left;
  font-family: Verdana;
}
.text-faded {
   color:#2c2219;
   font-weight:bold;
}

section {
    padding: 0px 0;
}

aside {
    padding: 0px 0 0;
}

.no-padding {
    padding: 0;
}

header {
    position: relative;
    width: 100%;
    min-height: auto;	
    color: #092230;
	background:#FFF;
	padding:0px 0px 0px;
    background-position: initial;
    -moz-background-size: cover;
    -webkit-background-size: cover;
   background-size: cover;
    -o-background-size: cover;
}

@media(min-width:768px) {
    header {
		min-height: 0%;		
    }
}

.section-heading {
    margin-top: 10px;
}

.service-box {
    margin: 20px auto 20px;
}

@media(min-width:992px) {
    .service-box {
        margin: 10px 0 30px;
    }
}

.service-box p {
    margin-bottom: 10px;
}

.call-to-action   {
    margin: 0 auto 0px;
	
}

.text-primary {
    color: #f05f40;
}

.no-gutter > [class*=col-] {
    padding-right: 0;
    padding-left: 0;
}

::selection {
    text-shadow: none;
    color: #fff;
    background: #222;
}

img::selection {
    color: #fff;
    background: 0 0;
}

img::-moz-selection {
    color: #fff;
    background: 0 0;
}

body {
    webkit-tap-highlight-color: #222;
}
/**************************************************Header start here********************************** */
.clear                                      {clear:both}
.top-area					{width:100%; background:#000000; float:left;  font-family:'Open Sans',Arial, Helvetica, sans-serif; padding:8px 0}
.logo                                        {margin:-44px 0px 0px; float:left}
.social-text				{color:#686868; font-size:14px; float:left; margin: 16px 10px 0 0;}
.social 						{margin: -9px 0px 0px; float: right;}
.social-icon				{border-radius: 75%; width: 29px; background: #000 none repeat scroll 0% 0%; padding: 2px 0px; text-align: center;
									font-size: 15px; display: block; border:1px solid #FFF; color: #FFF; float: left; margin: 0px 0px 0px 0px}

.call ul li					{font-size:14px; float:left; color:#FFF; margin: -7px 11px 0px; font-family:'Open Sans',Arial, Helvetica, sans-serif; display:inline-block}
/**************************************************Menu start here********************************** */
.menu-background                     { background-color: #264092 }


/**************************************************Home Content start here********************************** */
.splapa						{padding-right: 0; padding-left: 0;}
.splapa1					{margin-top:30px}


.home-heading				{font-size:23px; color:#398494;  font-weight:bold; font-family:'Open Sans',Arial, Helvetica, sans-serif;}
.home-heading span 			{color:#000}
.home-heading1	 			{background:url('../images/box.png'); width:36px; margin: 3px 5px 0 0; height:18px; float:left}


.home-text					{margin:25px 0}
.home-client				{text-align:center}
/*.home-text1						{margin:25px 0px}*/
.our-ser ul					{margin:0 0 0 -40px}
.our-ser ul li				{font-size:16px !important; font-family:'Open Sans',Arial, Helvetica, sans-serif; text-align:left !important; margin: 0 0 23px 0}
.our-ser a 					{color:#181818}
.our-ser a:hover				{text-decoration:none}
.clients  					{margin:20px 0 20px 0}
.clients-bg					{background:#ececec}
.contact-img 				{width:100%}
.contact-bg					{background:#000; float:left}
.contact-bg h3				{font-size:31px; color:#FFF; padding: 0 0 0 14px; margin:0; font-family:'Open Sans',Arial, Helvetica, sans-serif; font-weight:bold}
.contact-bg p				{font-size:15px; color:#FFF; padding: 0px 14px; font-family:'Open Sans',Arial, Helvetica, sans-serif}
/**************************************************Home horizontal scroller start here********************************** */
.serv						{background:#FFF; border:1px solid #b1b1b1; padding-top:20px /*min-height:430px;*/ }
.serv-img img				{margin:0 auto}
.serv h3						{font-size:13px; margin:0; padding:15px 0 0px; text-align:center; color:#4d8a98;font-family:'Open Sans',Arial, Helvetica, sans-serif; font-weight:normal;/* text-transform:uppercase;*/ }
.serv-content p				{color:#454545; font-size:13px; padding: 0 5px; font-family:'Open Sans',Arial, Helvetica, sans-serif; border-top:1px solid #979797;
								font-weight:normal; margin:15px 0 0px 0 }
.more						{ color:#454545; /*margin:10px 115px;*/ border:0px solid #FFF; font-size:12px; font-family:'Open Sans',Arial, Helvetica, sans-serif;
									 padding:0px 5px; border-radius:10px; margin-left: 184px;/* position: absolute; bottom: -18px; left: 126px;*/ }

.read						{min-height:345px}
.more1						{ font-size:13px; /*font-weight: bold;*/  color: #002e5e;  float:right; margin-right:10px; }
.bx-pager-item				{display:none}
.bx-next					{ width:33px; height:97px; right:50px;  background:url(../images/right-arrow.png) no-repeat;
									 position:absolute;}
.bx-prev					{ width:33px; height:97px; left:50px;  background:url(../images/left-arrow.png) no-repeat;
									 position:absolute;}
.bx-controls-direction a        {display:none;  position: absolute; top:50%;  outline: 0px none; width:33px; height:97px; text-indent: -9999px; z-index: 9999;}
	
/**************************************************Footer start here********************************** */
/*footer css*/
.bg-dark 					{ background:url(../images/footer-bg.jpg); /*background-color: #373737;*/ margin:0px 0 0px 0; border-bottom:6px solid #398494; padding-bottom:15px}
.footer-bg					{background:url(../images/footer.png)}
.footer						{margin-top:0px; }
.footer h2					{font-size:18px;  border-bottom: 0px solid #587899; line-height: 27px; text-transform:uppercase; font-weight: normal; margin-bottom:20px; padding-bottom:5px;  font-family:'Open Sans',Arial, Helvetica, sans-serif; color:#FFF }
.footer h4					{font-size:16px; font-weight: bold; margin: 0 0 20px 42px; font-family:'Open Sans',Arial, Helvetica, sans-serif; color:#FFF }
.footer p 					{font-size:15px; font-family:'Open Sans',Arial, Helvetica, sans-serif; margin: 0 0 0 42px; font-weight:normal; list-style:none; color:#FFF; text-align:left;  line-height:25px; }
.footer p a 					{color:#FFF}
.footer ul					{margin-left:2px;}
.footer ul li					{font-size:16px; text-transform:uppercase; font-weight:normal; list-style:none; line-height:30px; }
.footer ul li a				{color:#FFF; }
.footer ul li a:hover			{color:#FFF; text-decoration:none; padding-left:5px }

.footer-text                            {text-align:right !important }
.copy a 						{color:#000}
.copy                                        {color:#000; padding:10px 0; font-size:14px; text-align:left }
.copy:hover                              {color:#000; text-decoration:none;}
/*.scr-bottom					{margin-bottom:20px}*/

/**************************************************Breadecrumb CSS start here********************************** */
.breadcrumb1				{border-top:1px solid #f3f3f3; border-bottom:1px solid #f3f3f3; box-shadow: 0px 1px 4px 0px #666;}
.breadcrumb1 h3				{font-size:13px; color:#398494; font-family:'Open Sans',Arial, Helvetica, sans-serif; margin:5px 0  }
.breadcrumb1 h3	a 			{color:#398494; }	
.breadcrumb1 h3	i 			{color:#398494; font-size:11px; margin:0 5px}	
/**************************************************inner CSS start here********************************** */
.inner-contct h3				{font-size:20px; font-family:'Open Sans',Arial, Helvetica, sans-serif; }
.inner-bott					{border-bottom:1px dashed #666; margin:6px 0 }
.inner-cont-text			{font-size:16px; margin:15px 0 0 0}
.inner-banner img				{width:100%}
.inner-bg  ul li				{font-size: 15px; color: #000; font-family: "Open Sans",Arial,Helvetica,sans-serif;}
.inner-bg  ul li i 				{color:#398494}
.inner-tab p	 				{margin-top:15px}
.tabi-img					{margin:5px 0 0px 0; text-align:center; padding-bottom:10px }
.tab-text 					{font-weight:bold}
.download-bro   				{background: rgb(57, 132, 148) none repeat scroll 0% 0%; width: 100%;  padding: 20px; font-size: 20px;  text-align: center; }
.download-bro a				{color: rgb(255, 255, 255);  padding: 20px; }
/*.inner-bg 					{ float:left; width: 100%}*/

ul.clit						{margin:0px 0 0px -40px}
.demo-3 {
    position:relative;
    width:240px;
    height:108px;
    overflow:hidden;
    float:left;
  margin: 18px 10px 18px 0px;
border: 1px solid #c1c1c1;
}

.demo-3 figure {
    margin:0;
    padding:0;
    position:relative;
    cursor:pointer;
    margin-left:-50px
}

.demo-3 figure img {
    display:block;
    position:relative;
    z-index:10;
    margin:0px 38px
}

.demo-3 figure figcaption {
    display:block;
    position:absolute;
    z-index:5;
    -webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
    box-sizing:border-box
}

.demo-3 figure h2 {
    font-family:'Lato';
    color:#939393;
    font-size:20px;
    text-align:center
}

.demo-3 figure p {
    display:block;
    font-family:'Lato';
    font-size:12px;
    line-height:18px;
    margin:0;
    color:#fff;
    text-align:left
}

.demo-3 figure figcaption {
    top:0;
    left:0;
    width:100%;
    height:100%;
    padding:24px 11px;
   /* background-color:rgba(26,76,110,0.5);*/
    background-color:#FFF;
    text-align:center;
    backface-visibility:hidden;
    -webkit-transform:rotateY(-180deg);
    -moz-transform:rotateY(-180deg);
    transform:rotateY(-180deg);
    -webkit-transition:all .5s;
    -moz-transition:all .5s;
    transition:all .5s
}

.demo-3 figure img {
    backface-visibility:hidden;
    -webkit-transition:all .5s;
    -moz-transition:all .5s;
    transition:all .5s
}

.demo-3 figure:hover img,figure.hover img {
    -webkit-transform:rotateY(180deg);
    -moz-transform:rotateY(180deg);
    transform:rotateY(180deg)
}

.demo-3 figure:hover figcaption,figure.hover figcaption {
    -webkit-transform:rotateY(0);
    -moz-transform:rotateY(0);
    transform:rotateY(0)
}

/**************************************************Table CSS start here********************************** */
.study-table						{border: solid 1px #ededed; font-size:12px; width:100%; line-height: 22px; margin-bottom: 25px; margin-top:10px; }
.study-table td 						{border: solid 1px #D4D0D0; padding: 3px;  vertical-align: middle; white-space: pre-wrap;
										color:#000; font-family:'gothic',Arial, Helvetica, sans-serif; font-size:12px;}
.study-table th 						{border: solid 1px #D4D0D0; padding:10px; color:#000; white-space:pre-wrap;
										color:#fff; font-family:'gothic',Arial, Helvetica, sans-serif; font-size:12px; background:#000;}
.study-table td:first-child, .study-table td:last-child {text-align:left; }
.map								{width:100%; margin:20px 0 ;padding:0px;}
								
/***
====================================================================
	Contact Us Section
====================================================================

***/
.contact-section1{
	/*background:#322828*/
	padding:10px;
	display:block
}
/*.contact-section h3{
	font-size:25px;
	color:#FFF;
	font-family: 'Century Gothic', Arial;
	margin: -12px 0px 0px 0px;
    border-top-left-radius: 4px;
	border-top-right-radius: 4px;
    padding: 10px 0 15px 0px;
	text-align: center;
}*/

.contact-section{
	position:relative;
	padding: 12px 9px;
	margin: 0px 0px 0px;
	background:#000;
	/*border:1px solid #A0A1A4;
	border-radius: 5px;
*/
}
.contact-section .sec-title{
	margin-bottom:25px;	
}
.contact-section .form-group{
	position:relative;
	margin-bottom:20px;
	margin-top: 5px;	
}
.contact-section .form-group .field-label{
	position:relative;
	display:block;
	line-height:20px;
	margin-bottom:0px;
	font-size:13px;
	font-weight:600;
	color:#867F7F;
	text-transform:capitalize;	
}
.contact-section .form-group .field-label span{
	color:#eb1d1d;	
}
.contact-section .form-group-inner{
	position:relative;
	display:table;
	width:100%;
	
	overflow:hidden;
	/*border:1px solid #d0d0d0;
	border-radius:3px;*/
	-ms-border-radius:3px;
	-webkit-border-radius:3px;
	-moz-border-radius:3px;
}
.contact-section .form-group .icon-box{
	position:relative;
	display:table-cell;
	vertical-align:middle;	
}
.contact-section .form-group .icon-box label{
	position:relative;
	display:inline-block;
	width:40px;
	line-height:40px;
	text-align:center;
	font-size:16px;
	color:#0f2d3f;
	margin:0px;
	background:#ffffff;
	border-right:1px solid #d0d0d0;
}
.contact-section .form-group label.error{
	display:none !important;	
}
.contact-section .form-group .field-outer{
	position:relative;
	display:table-cell;
	width:100%;	
	vertical-align:middle;
}
.contact-section .form-group-inner input[type="text"],
.contact-section .form-group-inner input[type="password"],
.contact-section .form-group-inner input[type="tel"],
.contact-section .form-group-inner input[type="email"],
.contact-section .form-group-inner select{
	position:relative;
	display:block;
	width:100%;
	line-height:18px;
	padding:8px 15px;
	color:#323131;
	transition:all 300ms ease;
	-webkit-transition:all 300ms ease;
	-ms-transition:all 300ms ease;
	-o-transition:all 300ms ease;
	-moz-transition:all 300ms ease;
	/*border: 1px solid #666;*/
	background:#FFF;
	border:1px solid #1A2A47;
	border-bottom:0.1px solid #FFF;
	/*border-color: -moz-use-text-color -moz-use-text-color rgba(255, 255, 255, 0.2);
	-moz-border-top-colors: none;
	-moz-border-right-colors: none;
	-moz-border-bottom-colors: none;
	-moz-border-left-colors: none;*/
}
.contact-section .form-group input[type="text"].error,
.contact-section .form-group input[type="password"].error,
.contact-section .form-group input[type="tel"].error,
.contact-section .form-group input[type="email"].error,
.contact-section .form-group select.error,
.contact-section .form-group textarea.error{
	background:rgba(255,0,0,0.20);
}
.contact-section .form-group textarea{
	position:relative;
	display:block;
	width:100%;
	line-height:11px;
	padding:8px 15px;
	color:#323131;
	height:93px;
	resize:none;
	transition:all 300ms ease;
	-webkit-transition:all 300ms ease;
	-ms-transition:all 300ms ease;
	-o-transition:all 300ms ease;
	-moz-transition:all 300ms ease;
	background:#FFF;
	border:1px solid #1A2A47;
	border-bottom:1px solid #FFF;
}
.contact-section button{
	position:relative;
	padding: 10px 15px;
	/*line-height: 24px;*/
	float: left;
	line-height:19px;
	/*border-radius:5px;*/
	margin-bottom: -16px !important;
}
.contact-section button:hover{	
	/*padding:8px 15px;
	line-height:24px;*/
}
.btn-style-three{
	position:relative;
	padding:10px 15px;
	line-height:20px;
	text-transform:uppercase;
	display:inline-block;
	background:#398494 ;
	color:#ffffff !important;
	font-size:15px;
	font-style:normal;
	border:none;
	font-family: 'Open Sans', sans-serif;
	border-radius:0px;
	-webkit-border-radius:3px;
	-ms-border-radius:3px;
	-o-border-radius:3px;
	-moz-border-radius:3px;
	transition:all 500ms ease;
	-moz-transition:all 500ms ease;
	-webkit-transition:all 500ms ease;
	-ms-transition:all 500ms ease;
	-o-transition:all 500ms ease;	
}
.btn-style-three .icon{
	position:relative;
	padding-left:5px;	
}
.btn-style-three:hover{
	/*background:#ffffff;
	color:#0f2d3f !important;
	border:1px solid #737373 !important;	*/
}
.small-caption1{font-size:20px !important;}

/*** 
/*=======================================================
			TABS SECTION
========================================================*/
.tabpadding			{padding-top:25px;}
.tabs .tab-pane {
	padding: 30px;
	border: none;
}
.tabs .nav-tabs > li {
	border: none;
	margin: 0px;
	padding: 0px;
	float: left;
	border: none;
	width: 33.3333%;
}
.tabs .nav-tabs > li a {
	border: none;
	float: left;
	width: 100%;
	text-align: center;
	font-family: 'Open Sans', serif;
	padding: 15px 30px;
	font-size: 20px;
	border-radius: 0px;
	text-transform: uppercase;
	border-bottom: 1px solid #0f2d3f;
	position:relative;
	color:#0f2d3f;
}
.tabs .nav-tabs > li a .bot-arrow {display:block; text-align:center; font-size:14px; width:100%; color:#fff !important;}

.tabs .nav-tabs > li.active a .bot-arrow {color:#0f2d3f !important;}
.tabs .nav-tabs > li:hover a  .bot-arrow {color:#fff !important;}
.tabs .nav-tabs > li.active a:hover .bot-arrow {color:#0f2d3f !important;}
.tabs .nav-tabs > li a .icon-box		{border:3px solid #0f2d3f; border-radius:50%; width:107px; padding:20px 0; text-align:center; 
										font-size:42px; margin:0 auto 20px; display:block; color:#0f2d3f;}
.tabs .nav-tabs > li.active a {
	border-bottom: 1px solid #0f2d3f;
	color:#0f2d3f
}
.tabs .nav-tabs > li:hover a {
	border-bottom:1px solid #0f2d3f;
	background: none;
	color:#0f2d3f
}
.tabs .nav-tabs {
	border: none;
	border-bottom: none;
}

/***************************** Banner css start here ****************************************/
.banner-container								{width:100%;  margin:0px 0px 0px 0px; z-index:9999; padding:0px;  /* border-bottom:3px solid #203c00; border-top:3px solid #203c00;*/}
.banner-container .inbanner						{width:100%;  float:right; margin:0; padding:0; position:relative;}
.inbanner ul li img								{width:100%; margin:auto;/* box-shadow: 1px 1px 10px #E6E6E6;*/ }
.banner-container .static-banner					{width:100%; display:block; position:relative; min-height:144px;
													background: url(../images/static-gradient.jpg) repeat-x #666666; 
													border-bottom:4px solid #707070; margin:-3px 0 0 0;}
.static-banner .men								{position:absolute; right:0; bottom:0; z-index:1;}
.static-banner .satis							{position:absolute; left:3%; bottom:0; z-index:1;}
.banner-container .static-banner > big			{font-family:'gothic',Arial, Helvetica, sans-serif; color:#121418;
												 font-size:32px; font-style:italic; font-weight:bold;
												 display:block; padding:60px 0 0 0; margin:0 0 0 16%;}
.banner-container .static-banner > big span	     {font-weight:normal; font-style:normal;}						
						
						/*new enquiry form*/
.contact-form 								 {width:100%; margin:0 auto;}	
.contact-bg									{background:#FBFBFB }
.new-enquiry-form    						   	    {width:70%; height:auto; }
.new-enquiry-form big						    {width:100%; display:block; font-family:Century Gothic;
												font-size:15px; color:#000;}
.new-enquiry-form .innernewform				    {width:100%x; height:auto; margin:0 auto; padding:25px 0;} 								 

.innernewform .newform-row 					   { width:100%; margin:0 0 12px 0; padding:0; float:left; }
.innernewform .newform-row1   				  { width:50%; margin:0 0 20px 0; padding:0; float:left; }

.newform-row .leftcol						   {width:100%; height:auto; display:inline-block; color: ##141111; font-family:Arial, Helvetica, sans-serif;
												font-size: 15px;font-weight: normal; line-height: normal; padding: 0; text-align: left; vertical-align:middle;}	
.newform-row1 .leftcol						   {width:100%; height:auto; display:inline-block; color: ##141111; font-family:Arial, Helvetica, sans-serif;
												font-size: 15px;font-weight: normal; line-height: normal; padding: 0; text-align: left; vertical-align:middle;}						
.newform-row .rightcol						   {width:100%; height:auto; display:inline-block;  vertical-align:middle;}	
.newform-row .rightcol .textfield1 			   {background-color: #1E3352;    border: 1px solid #f0f1f3 ; /* border-radius: 5px;*/  color: #ababab ;  
											   font-family:Arial, Helvetica, sans-serif;
											   font-size: 15px; font-weight: normal; height: 28px; line-height: normal;margin: 0; padding: 0 10px; width:96%;}
											   
.newform-row .rightcol .textfield2 			   {background-color: #1E3352;    border: 1px solid #f0f1f3;  border-radius: 0px;  color: #ababab;  
											   font-family:Arial, Helvetica, sans-serif; font-size: 13px; font-weight: normal; height: 30px; line-height: normal;margin: 0; padding: 0 10px; width:100%;}
											   
.newform-row .rightcol .selectfield1		   	{background-color: #1E3352;    border: 1px solid #f0f1f3 ; /* border-radius: 5px;*/  color: #ababab ;  
											   font-family:Arial, Helvetica, sans-serif;
											   font-size: 15px; font-weight: normal; height: 28px; line-height: normal;margin: 0; padding: 0 10px; width: 96%;}
.newform-row .rightcol .selectfield2		   	{background-color: #1E3352;    border: 1px solid #f0f1f3 ; /* border-radius: 5px;*/  color: #ababab ;  
											  font-family:Arial, Helvetica, sans-serif;
											   font-size: 15px; font-weight: normal; height: 28px; line-height: normal;margin: 0; padding: 0 10px; width: 96%;}
.newform-row1 .rightcol .areafield			   {background-color: #1E3352;    border: 1px solid #f0f1f3 ; /* border-radius: 5px;*/  color: #ababab ;  
											   font-family:Arial, Helvetica, sans-serif;
											   font-size: 15px; font-weight: normal; height:auto; line-height: normal;margin: 0; padding: 0 10px; width:96%;}
										   
.newform-row .rightcol .areafield2			   {background-color: #1E3352;    border: 1px solid #f0f1f3;  border-radius: 0px;  color: #ababab;  
											   font-family:Arial, Helvetica, sans-serif;
											   font-size: 13px; font-weight: normal; height:auto; line-height: normal;margin: 0; padding: 10px 10px; width:100%;}											   
											   
.newform-row2 .submitmes						   {background:#002246; border-radius:0px; float:left; padding:5px 20px; border:none; outline:none; font-family:Century Gothic;
											   color:#fff; font-size:14px; font-weight:bold; cursor:pointer; margin-bottom: 5px}
#gmap_canvas img  								{max-width:none!important;background:none!important} 


.mt-20{margin-top:20px}