body {
	font-family: 'Assistant', sans-serif!important;
	overflow-x: hidden;
}
h1,h2,h3,h4,h5,h6 {
	font-family: 'Assistant', sans-serif!important;
	font-weight: 900!important
	
} 
p {
	line-height: 25px;
	font-size:17px;
	text-align: justify;
}
a {
	font-size: 16px
}
.panel-group .panel-heading a.collapsed::after {
    position: absolute!important;
right: 20px!important;
top: 25px!important;
font-size: 35px!important;
float:none!important;
}
a:hover {
	text-decoration: none!important;
	color:#0365ac!important;
	-webkit-transition:color 0.3s!important;
	transition:color 0.3s!important;
	-moz-transition:color 0.3s!important;
	-o-transition:color 0.3s!important;
}

      .header {
    background:#fff;
    width:100%;
    height: 80px!important;
    z-index:999999!important;
    line-height:80px;
    box-sizing: border-box;
}
section .topHeader {
	width:100%;
	border-bottom: 2px solid #ededed;
	padding: 12px 0 3px;
	font-size: 13px;
}
section .topHeader .contactList {
	color: #7b8285;
	list-style: none;
}
section .topHeader .contactList li {
	display: inline-block;
	margin-right:20px;
	
}
section .topHeader .socialMedia {
	color: #7b8285;
	list-style: none;
	float: none;
	text-align: center!important;
}
section .topHeader .socialMedia li {
	display: inline-block;
	margin-right:20px;
}
section .section-font {
	font-size:42px!important;
	font-weight: 900!important;
}
section .productServices {
	background: #fff;
	position: relative;
	overflow: hidden;
}
section .productServices .productInner{
	background-color: #f5f6f6;
	text-align: center!important;
	padding:20px;

}
section .productServices .productInner .productHead {
	margin-left:20px;
	margin-right:20px;
	margin-bottom: 20px;
	margin-top: -46px;
	padding: 15px 0;
	position: relative;
	z-index: 1;
	background: #0365ac;
	color: #fff
}
section .productServices .productInner .productHead::before{
	background: inherit;
	content: "";
	height: 37px;
	right: -18px;
	margin-top: -19px;
	position: absolute;
	top: 50%;
	-o-transform: rotate(-45deg);
	-moz-transform: rotate(-45deg);
	-webkit-transform: rotate(-45deg);
	transform: rotate(-45deg);
	width: 37px;
	z-index: -1;
}

section .productServices .productInner .productHead::after {
	background: inherit;

content: "";

height: 37px;

left: -18px;

margin-top: -19px;

position: absolute;

top: 50%;

-o-transform: rotate(-45deg);

-moz-transform: rotate(-45deg);

-webkit-transform: rotate(-45deg);

transform: rotate(-45deg);

width: 37px;

z-index: -1;
}
section .pdoitem {
	border:6px solid #0365ac;
	padding:0px;
	width:100%;
	

}
section .pdoitem .pdoimage {
	position: absolute;
	top:0px;
	width:80%;
	left:50px;
	height:400px;
	overflow: hidden;
 }
 section .pdoitem .pdoanchor {
 	position: absolute;

bottom: 0;

right: 17px;

transform: rotate(-90deg) translateX(100%);

transform-origin: 100% 100%;
 }
 #sec11 {
 	width:100%;
 	height:50px;
 	background:#fff;
 	position: relative;
 }
 #sec11::before {
 	content: '';
 	position: absolute;
 	width:50%;
 	border-top:10px solid #0365ac;
 	top:-48px;
 	height: 100px;
 	left:0;
 	background:#fff;
 	-webkit-transform:skewY(8deg);
 	transform:skewY(8deg);
 	-moz-transform:skewY(8deg);
 	z-index:999999!important;
 }
 #sec11::after {
 	content: '';
 	position: absolute;
 	border-top:10px solid #0365ac;
 	width:50%;
 	background:#fff;
 	top:-48px;
 	height: 100px;
 	right:0;
 	
 	-webkit-transform:skewY(8deg);
 	transform:skewY(8deg);
 	-moz-transform:skewY(-8deg);
 	z-index:999999!important;
 }
.slider .slider-container::before {

    content: '';
   /* background-color: rgba(0, 0, 0, 0.5);*/
    position: absolute;
    height: 800px !important;
    width: 100%;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;

}
.owl-theme .owl-dots {
	display: block!important;
}
.owl-carousel .item .prods0003 .prodinner66 {
	margin-bottom: 20px;
}
.owl-carousel .item .prods0003 .img986 {
	width:70px;
	padding:5px;
	height: 70px;
	border-radius: 50%;
	border:2px solid #0365ac;
	color:#000;
	line-height: 70px;
}
.app4630 {
	margin-bottom: 60px
}
.app4630 i {
 float: left;
 border: 1px solid #E5E5E5;

background-color: #F5F5F5;

color: #444;
border-radius: 50%;
margin-right: 10px;
cursor: pointer;
}
.app4630 i:hover {
	cursor: pointer;
	border:2px solid #000;
	-webkit-transition:border 0.4s;
	transition:border 0.4s;
	-moz-transition:border 0.4s;
	-o-transition:border 0.4s;
	-ms-transition:border 0.4s;
	border-radius: 50%;
}
.app4630 i img {
	width:70px;
}
/*Enquiry form*/
.floating-form {
    max-width: 300px;
    padding: 10px 30px 10px 30px;
    font-family: avenir;
    background: #F9F9F9;
    border: 1px solid #ddd;
    right: 10px;
    z-index: 9999 !important;
    position: fixed;

    box-shadow: -2px 0px 8px rgba(43, 33, 33, 0.06);
    -moz-box-shadow: -2px -0px 8px rgba(43, 33, 33, 0.06);
    -webkit-box-shadow: -2px 0px 8px rgba(43, 33, 33, 0.06);
}

.contact-opener {
    position: absolute;
    left: -65px;
    top: 300px;
    padding: 9px;
    color: #fff;
	text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.43);
    cursor: pointer;
    border-radius: 5px 5px 0px 0px;
    -webkit-border-radius: 5px 5px 0px 0px;
    -moz-border-radius: 5px 5px 0px 0px;
   

}

.floating-form-heading{
    font-weight: bold;
    font-style: italic;
    border-bottom: 2px solid #ddd;
    margin-bottom: 10px;
    font-size: 15px;
    padding-bottom: 3px;
}
.floating-form label{
    display: block;
    margin: 0px 0px 15px 0px;
}
.floating-form label > span{
    width: 175px;
    font-weight: bold;
    float: left;
    /*padding-top: 8px;
    padding-right: 5px;*/
}
.floating-form span.required{
    color:red;
}
.floating-form .tel-number-field{
    width: 40px;
    text-align: center;
}
.floating-form  .long{
    width: 120px;
}
.floating-form input.input-field{
    width: 101%;
   
}

.floating-form input.input-field,
.floating-form .tel-number-field,
.floating-form .textarea-field,
 .floating-form .select-field{
    -webkit-transition: all 0.30s ease-in-out;
    -moz-transition: all 0.30s ease-in-out;
    -ms-transition: all 0.30s ease-in-out;
    -o-transition: all 0.30s ease-in-out; 
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    border: 1px solid #C2C2C2;
    box-shadow: 1px 1px 4px #EBEBEB;
    -moz-box-shadow: 1px 1px 4px #EBEBEB;
    -webkit-box-shadow: 1px 1px 4px #EBEBEB;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    padding: 7px;
    outline: none;
}
.floating-form .input-field:focus,
.floating-form .tel-number-field:focus,
.floating-form .textarea-field:focus,  
.floating-form .select-field:focus{
    border: 1px solid #0C0;
}
.floating-form .textarea-field{
    height:100px;
    width: 101%;
}
.floating-form input[type="button"],
.floating-form input[type="submit"] {
    -moz-box-shadow: inset 0px 1px 0px 0px #3985B1;
    -webkit-box-shadow: inset 0px 1px 0px 0px #3985B1;
    box-shadow: inset 0px 1px 0px 0px #3985B1;
    background-color: #216288;
    border: 1px solid #17445E;
    display: inline-block;
    cursor: pointer;
    color: #FFFFFF;
    padding: 8px 18px;
    text-decoration: none;
    font: 12px Arial, Helvetica, sans-serif;
}
.floating-form input[type="button"]:hover,
.floating-form input[type="submit"]:hover {
    background: linear-gradient(to bottom, #2D77A2 5%, #337DA8 100%);
    background-color: #28739E;
}
.floating-form .success{
	background: #D8FFC0;
	padding: 5px 10px 5px 10px;
	margin: 0px 0px 5px 0px;
	border: none;
	font-weight: bold;
	color: #2E6800;
	border-left: 3px solid #2E6800;
}
.floating-form .error {
	background: #FFE8E8;
	padding: 5px 10px 5px 10px;
	margin: 0px 0px 5px 0px;
	border: none;
	font-weight: bold;
	color: #FF0000;
	border-left: 3px solid #FF0000;
}
/* End of Enquiry Form */
*/ @media only screen and (min-device-width:320px) and (max-device-width:480px) {
	.floating-form {
		top: 230px!important;
		margin-right: -17px!important
	}
}
.product123ef {
	width:100%;
	height:260px;
	overflow: hidden;
	position: relative;

}
.product123ef:hover .productOverlay {
	position: absolute;
	top:0;
	left:0;
	right:0;
	width:100%;
	background:rgba(0,0,0,0.6);
	height: 100%;
	-webkit-transition:all 0.5;
	transition:all 0.5;
	-moz-transition:all 0.5;
	-o-transition:all 0.5;
	
}
.product123ef .productOverlay h3 {
	color:#fff;
	text-align: center;
	padding-top:100px;

}
//tabs




#exTab2 p {
  color : white;
  background-color: #428bca;
  padding : 5px 15px;
}

//tabs verical



* {box-sizing: border-box}
body {font-family: "Lato", sans-serif;}

/* Style the tab */
.tab {
  float: left;
  border: 1px solid #ccc;
  background-color: #f1f1f1;
  width: 30%;
  height: 300px;
}

/* Style the buttons inside the tab */
.tab button {
  display: block;
  background-color: inherit;
  color: black;
  padding: 22px 16px;
  width: 100%;
  border: none;
  outline: none;
  text-align: left;
  cursor: pointer;
  transition: 0.3s;
  font-size: 17px;
}

/* Change background color of buttons on hover */
.tab button:hover {
  background-color: #ddd;
}

/* Create an active/current "tab button" class */
.tab button.active {
  background-color: #ccc;
}

/* Style the tab content */
.tabcontent {
  float: left;
  padding: 0px 12px;
  border: 1px solid #ccc;
  width: 70%;
  border-left: none;
  height: 300px;
}
.panel-group .panel-heading a::after {
    position: absolute!important;
top: 25px!important;
color: #fff!important;
right: 20px!important;
font-size: 35px!important;
float:none!important;
}
.navbar-inverse .navbar-nav > .open > a, .navbar-inverse .navbar-nav > .open > a:hover, .navbar-inverse .navbar-nav > .open > a:focus {
	background-color: white!important;
}
.panel-group .panel-heading a:hover {
    color:#fff!important;
}

.navbar-inverse .navbar-toggle .icon-bar {
	background-color:black!important;
}

 @media screen and (max-width:767px) {
     section .topHeader .contactList 
 {
     text-align:center!important;
     line-height:25px!important;
 }
 .navbar-toggle {
     margin-top:25px!important;
 }
 .container > .navbar-header, .container-fluid > .navbar-header, .container > .navbar-collapse, .container-fluid > .navbar-collapse{
     z-index:1000!important;
 }
 
 .bs-slider
 {
     z-index:-1!important;
 }
 .menuitems {
     width:100%!important;
     text-align:center!important;
     float:none!important;
 }
 .navbar-nav {
     margin:10px!important;
     text-align:center!important;
     width:100%!important;
     
     
 }
 .img-responsive {
     height:auto!important;
 }
 }