/*



    Document   : Style



    Created on : Jan 03, 2015



    Author     : Imran Rovan



    Description: Al Kather Co. Main stylesheet.



    */



    /* Google Lato */



    @import url(http://fonts.googleapis.com/css?family=Lato:300,400,700,900);



/* Reset */



html, body {



	margin: 0;



	padding: 0;



}



html, div, figure, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {



	border: 0;



	margin: 0;



	outline: 0;



	padding: 0;



}



ol, ul {



	list-style: none;



}



p {



	text-align: left;



}



.absolute {



	position: absolute;



}



img {



	display: block;



	outline: none;



}



img, input, textarea, button {



	outline: 0;



}



a, a:hover {



	text-decoration: none;



}

a:hover {

	color:#02afff;

}



.clear {



	clear: both;



	font-size: 0;



	height: 0;



}



*, *:before, *:after {



	-webkit-box-sizing: border-box;



	-moz-box-sizing: border-box;



	box-sizing: border-box;



}



html, body, p, a, li, span, div, h1, h2, h3, h4, h5, h6 {



	text-rendering: optimizeLegibility;



	-webkit-font-smoothing: antialiased;



}



.relative {



	position: relative;



}



/* Predefined */



h1 {



	color: #666;



	font-size: 16px;



	font-weight: 300;



	line-height: 30px;



	text-transform: uppercase;



}



h1 strong {



	color: #333;



	font-size: 30px;



	font-weight: 900;



	display: block;



}



h2 {



	display: block;



	width: 100%;



	margin-bottom: 20px;



	color: #fff;



	font-size: 25px;



	font-weight: 900;



	text-transform: uppercase;



}



h3 {



	display: block;



	width: 100%;



	margin-bottom: 20px;



	color: #333;



	font-size: 30px;



	font-weight: 900;



	text-transform: uppercase;



	text-align: center;



}



h5 {



	display: block;



	width: 100%;



	margin-bottom: 20px;



	color: #333;



	font-size: 28px;



	font-weight: 300;



	text-align: center;



	line-height: 35px;



}



body {



	background: #fff;



	font-size: 13px;



	font-weight: 400;



	color: #797979;



	font-family: 'Roboto', sans-serif;



	overflow-x: hidden;



}



.pad {



	padding-top: 60px;



	padding-bottom: 60px;



}



.pad-about {



	padding-top: 155px;



	padding-bottom: 60px;



}



/* Home Page Starts */  



.header {



	width: 100%;



	top: 0;



	z-index: 9999;



	-webkit-transition: all 0.3s ease;



	-moz-transition: all 0.3s ease;



	-o-transition: all 0.3s ease;



	transition: all 0.3s ease;



}



.header.menu-fixed {



	background: #828282;



	height: 100px;



}



.logo {



	margin: 15px 0px;



}



.menu, .social-icon {



	float: right;



	margin: 15px 0px 7px;



}



.social-icon ul li {



	float: left;



	padding-left: 15px;



}



.social-icon a {



	background: url(../images/social-icon1.png) no-repeat center left;



	width: 24px;



	height: 24px;



	display: inline-block;



	text-indent: -99999px;/*  -webkit-transition: all 0.5s ease;



    -moz-transition: all 0.5s ease;



    -o-transition: all 0.5s ease;



    transition: all 0.5s ease; */



}



.social-icon li a.facebook {



	background-position: 0px 1px;



}



.social-icon li a.twitter {



	background-position: -31px 1px;



}



.social-icon li a.linkedin {



	background-position: -63px 1px;



}



.social-icon li a.google {



	background-position: -94px 1px;



}
.social-icon li a.youtube {



	background-position: -94px 1px;



}


.social-icon a :hover {



	background: url(../images/social-icon1.png) no-repeat center left;



	transition: all 0.2s linear 0s;



}



.social-icon li a.facebook:hover {



	background-position: 0px -23px;



}



.social-icon li a.twitter:hover {



	background-position: -31px -23px;



}



.social-icon li a.linkedin:hover {



	background-position: -63px -23px;



}



.social-icon li a.youtube:hover {



	background-position: -94px -23px;



}



/*Slick Navy menu Css Start*/



#menu {



	float: right;



	margin-top: 0px;



	position: relative;



	margin-bottom: 10px;



}



#menu > li {



	float: left;



	margin-right: 15px;



	padding-bottom: 12px;



}



#menu li a {



	color: #000;



	font-size: 14px;



	text-transform: uppercase;



	font-weight: 500;



}



#menu li:last-child {



	margin-right: 0px;



}



#menu li:hover > a {



	color: #12168C;



}



.active-menu {



	color: #00aeef !important;



	background: #E4E4E4;



	padding-bottom: 10px;



	padding: 5px 10px 23px;



	border-top-right-radius: 5px;



	border-top-left-radius: 5px;/* background: url(../images/menu-arrow.png) no-repeat center bottom; */



}



.slicknav_btn {



	position: relative;



	display: block;



	vertical-align: middle;



	float: right;



	padding: 0.438em 0.625em 0.438em 0.625em;



	line-height: 1.125em;



	cursor: pointer;



}



.slicknav_menu .slicknav_menutxt {



	display: block;



	line-height: 1.188em;



	float: left;



}



.slicknav_menu .slicknav_icon {



	float: left;



	margin: 0.188em 0 0 0.438em;



}



.slicknav_menu .slicknav_no-text {



	margin: 0;



}



.slicknav_menu .slicknav_icon-bar {



	display: block;



	width: 25px;



	height: 3px;



	-webkit-border-radius: 1px;



	-moz-border-radius: 1px;



	border-radius: 1px;



}



.slicknav_btn .slicknav_icon-bar + .slicknav_icon-bar {



	margin-top: 0.188em;



}



.slicknav_nav {



	clear: both;



}



.slicknav_nav ul, .slicknav_nav li {



	display: block;



	padding-bottom: 15px;



}



.slicknav_nav .slicknav_arrow {



	font-size: 0.8em;



	margin: 0 0 0 0.4em;



}



.slicknav_nav .slicknav_item {



	cursor: pointer;



}



.slicknav_nav .slicknav_row {



	display: block;



}



.slicknav_nav a {



	display: block;



	color: #fff;



}



.slicknav_nav .slicknav_item a, .slicknav_nav .slicknav_parent-link a {



	display: inline;



}



.slicknav_menu:before, .slicknav_menu:after {



	content: " ";



	display: table;



}



.slicknav_menu:after {



	clear: both;



}



.slicknav_menu {



 *zoom: 1;



}



.slicknav_menu {



	font-size: 16px;



}



.slicknav_btn {



	margin: 5px 15px 6px 5px;



	text-decoration: none;



	text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);



	-webkit-border-radius: 4px;



	-moz-border-radius: 4px;



	border-radius: 4px;/* background-color: #FFA320; */



}



.slicknav_menu .slicknav_menutxt {



	color: #FFF;



	font-weight: 300;



	font-size: 20;



	margin-left: 30px;



}



.slicknav_menu .slicknav_icon-bar {



	background-color: #f5f5f5;



}



.slicknav_menu {



	background: #00B3FF;



	padding: 5px;



}



.slicknav_menu {



	display: none;



}







@media screen and (max-width: 40em) {



.js #menu {



	display: none;



}



.js .slicknav_menu {



	display: block;



}



}



/*Slider Css Start*/



.caption h3 {



    text-align: left;



    color: #12158c;



    font-size: 30px;



    width: 80%;



    padding: 15px 15px 0px;



    margin-bottom: 0px;



}



.caption lfl {



	top: 0px !important;



}



.banner-bg p {



    width: 50%;



    padding: 8px 15px 15px;



    color: #000;



    font-size: 22px;



    font-weight: 400;



    line-height: 26px;



}



.banner-bg a {



	float: left;



	padding: 5px 10px;



	border: 1px solid #12158c;



	margin: 5px 15px 10px;



	color: #12158c;



	font-size: 13px;



	border-radius: 2px;



}



.tp-bannertimer {



	display: none;



}



/*Our Product  Css Start*/ 



.our-product {



	background: url(../images/ourproduct-bg.jpg) no-repeat left center;



	background-size: cover;



}



.heading-blue {



	color: #12158c;



	font-size: 30px;



	font-weight: 400;/* margin: 20px 0px; */



}



.heading-margin{margin-top:18px;}



.sub-text {



	text-align: center;



	font-size: 16px;



	padding: 0px 0px 20px;



}



.our-product img {



	margin: 0 auto;



	padding: 15px 0px 10px;



}



.product-text {



	color: #006fa2;



	font-weight: 600;



	text-align: center;



	padding: 2px 0px 20px;



}



/*Accordian css start*/



.kwicks {



	display: block;



	list-style-type: none;



	list-style: none;



	position: relative;



	margin: 0;



	padding: 0;



}



.kwicks > * {



	display: block;



	overflow: hidden;



	padding: 0;



	margin: 0;



}



.kwicks.kwicks-processed > * {



	margin: 0;



	position: absolute;



}



.kwicks-horizontal > * {



	float: left;



}



.kwicks-horizontal > :first-child {



	margin-left: 0;



}



.kwicks-vertical > :first-child {



	margin-top: 0;



}



.kwicks-vertical {



	width: 960px;



	height: 960px;



}



.kwicks-vertical > li {



	height: 320px;



	margin-top: 5px;



}



.kwicks-horizontal {



	width: 960px;



	height: 100%;



}



.kwicks-horizontal > li {



	height: 100%;



	width: 320px;



	float: left;



	margin-left: 5px;



}



.kwicks {



	width: auto;



	height: 450px;



	background: #000;



}



.kwicks > li {



	height: 450px;



	/* overridden by kwicks but good for when JavaScript is disabled */



	width: 240px;



	margin-left: 5px;



	float: left;



}



.kwicks > li:after {



	content: '';



	background: rgba(0,0,0,0.5);



	position: absolute;



	width: 100%;



	height: 100%;



	z-index: 100;



	top: 0;



	left: 0;



	-webkit-transition: all 0.5s ease;



	-moz-transition: all 0.5s ease;



	-o-transition: all 0.5s ease;



}



.kwicks > li:hover:after {



	background: rgba(0,0,0,0.1);



}



.accord-link {



	position: absolute;



	background: red;



	width: 100%;



	height: 100%;



	opacity: 0;



	z-index: 999;



}



#kwick_1 {



	background-image: url(../images/accordian1.jpg);



}



#kwick_2 {



	background-image: url(../images/accordian2.jpg);



}



#kwick_3 {



	background-image: url(../images/accordian3.jpg);



}



#kwick_4 {



	background-image: url(../images/accordian4.jpg);



}



#kwick_5 {



	background-image: url(../images/accordian5.jpg);



}



#kwick_6 {



	background-image: url(../images/accordian6.jpg);



}



#kwick_7 {



	background-image: url(../images/accordian7.jpg);



}



#kwick_8 {



	background-image: url(../images/accordian8.jpg);



}



.kwicks-caption {



	width: 600px;



	height: 160px;



	z-index: 500;



	color: #717274;



	text-align: left;



	/* line-height:40px; */



	position: absolute;



	top: 150px;



	left: 0;



	right: 0;



	background-position: 0 bottom;



	background-repeat: repeat-x;



	overflow: hidden;



	-webkit-transition: all 0.3s ease;



	-moz-transition: all 0.3s ease;



	-o-transition: all 0.3s ease;



}



.kwicks .kwicks-caption.kwicks1 {



	top: 0;



}



.kwicks .kwicks-caption.kwicks2 {



	top: 20%;



}



.kwicks .kwicks-caption.kwicks3 {



	top: 40%;



}



.kwicks .kwicks-caption.kwicks4 {



	top: 60%;



}



.kwicks .kwicks-caption.kwicks5 {



	top: 80%;



}



.kwicks .kwicks-caption.kwicks6 {



	top: 100%;



}



.kwicks .kwicks-caption.kwicks7 {



	top: 120%;



}



.kwicks .inner {



/* 	background: url(../images/kwicks-divider.png) repeat-y; */



	height: 58px;



	padding: 20px 0px 0px 19px;



}



.kwicks-title {



	display: block;



	margin: 5px 0 5px;



	font-size: 20px;



	/*text-shadow:0 0 3px rgba(0,0,0,.1);*/



	-webkit-transition: all 0.3s ease;



	-moz-transition: all 0.3s ease;



	-o-transition: all 0.3s ease;



	color: #FFF;



	font-size: 26px;



}



.link {



	display: block;



	padding-right: 23px;



	margin-bottom: 20px;



	text-decoration: none;



	-webkit-transition: all 0.5s ease;



	-moz-transition: all 0.5s ease;



	-o-transition: all 0.5s ease;



	color: #fff;



	font-size: 15px;



}



.link span {



	padding: 8px 30px;



	background: url(../images/arrow-icon.png) #008dc9 no-repeat 93% 12px;



	display: inline-block;



	border-radius: 4px;



}



.kwicks-content {



	height: 37px;



	overflow: hidden;



	padding: 0 80px 0 0;



	position: absolute;



	top: 45px;



	left: 200px;



	-webkit-transition: all 0.3s ease;



	-moz-transition: all 0.3s ease;



	-o-transition: all 0.3s ease;



	font-size: 13px;



	color: #FFF;



}



.accordian-responsive {



	display: none;



}



.accordian-1 {



	background: url(../images/accordian1.jpg)no-repeat top left;



	height: 250px;



	background-size: cover;



}



.accordian-2 {



	background: url(../images/accordian2.jpg)no-repeat left center;



	height: 250px;



	background-size: cover;



}



.accordian-3 {



	background: url(../images/accordian3.jpg)no-repeat top left;



	height: 250px;



	background-size: cover;



}



.accordian-4 {



	background: url(../images/accordian4.jpg)no-repeat top left;



	height: 250px;



	background-size: cover;



}



.accordian-5 {



	background: url(../images/accordian5.jpg)no-repeat top left;



	height: 250px;



	background-size: cover;



}



.accordian-6 {



	background: url(../images/accordian6.jpg)no-repeat top left;



	height: 250px;



	background-size: cover;



}



.accordian-7 {



	background: url(../images/accordian7.jpg)no-repeat top left;



	height: 250px;



	background-size: cover;



}



.accordian-8 {



	background: url(../images/accordian8.jpg)no-repeat top left;



	height: 250px;



	background-size: cover;



}



.accordian-heading {



	float: right;



	margin: 24px;



	color: #302F90;



	font-size: 40px;



}



/*Accordian Css End*/	



/*our services Css Start*/



.our-services {



	background: url(../images/ourservices-bg.jpg) no-repeat top center;



	background-size: cover;



}



.services-black {



	background: url(../images/ourservices1.png) no-repeat top center;



	color: #fff;



}



.services-black h4 {



	color: #fff;



	font-size: 25px;



	margin: 40px 0px 20px 0px;



}



.services-black p {



}



.services-img img {



	float: left;



    width: 80px;



    border: 2px solid #fff;



    margin: 4px 0px 20px 5px;



    height: 75px;



}



.services-black a {



	float: left;



	padding: 5px 10px;



	border: 1px solid #fff;



	margin: 20px 0px;



	color: #fff;



	font-size: 13px;



	border-radius: 2px;



}



.services-img a {



	float: left;



	border: none;



	padding:0px;







}



.services-content{ display: none;}



.services-content:first-child { display: block;}







.services-content-wrapper { height: 180px; }



/** carousel starts **/



.owl-carousel .animated {



	-webkit-animation-duration: 1000ms;



	animation-duration: 1000ms;



	-webkit-animation-fill-mode: both;



	animation-fill-mode: both



}



.owl-carousel .owl-animated-in {



	z-index: 0



}



.owl-carousel .owl-animated-out {



	z-index: 1



}



.owl-carousel .fadeOut {



	-webkit-animation-name: fadeOut;



	animation-name: fadeOut



}



@-webkit-keyframes fadeOut {



0% {



opacity:1



}



100% {



opacity:0



}



}



@keyframes fadeOut {



0% {



opacity:1



}



100% {



opacity:0



}



}



.owl-height {



	-webkit-transition: height 500ms ease-in-out;



	-moz-transition: height 500ms ease-in-out;



	-ms-transition: height 500ms ease-in-out;



	-o-transition: height 500ms ease-in-out;



	transition: height 500ms ease-in-out



}



.owl-carousel {



	display: none;



	width: 100%;



	-webkit-tap-highlight-color: transparent;



	position: relative;



	z-index: 1



}



.owl-carousel .owl-stage {



	position: relative;



	-ms-touch-action: pan-Y;



	margin: 0 auto;



}



.owl-carousel .owl-stage:after {



	content: ".";



	display: block;



	clear: both;



	visibility: hidden;



	line-height: 0;



	height: 0



}



.owl-carousel .owl-stage-outer {



	position: relative;



	overflow: hidden;



	-webkit-transform: translate3d(0px, 0, 0)



}



.owl-carousel .owl-controls .owl-dot, .owl-carousel .owl-controls .owl-nav .owl-next, .owl-carousel .owl-controls .owl-nav .owl-prev {



	cursor: pointer;



	cursor: hand;



	-webkit-user-select: none;



	-khtml-user-select: none;



	-moz-user-select: none;



	-ms-user-select: none;



	user-select: none



}



.owl-carousel.owl-loaded {



	display: block;



	margin: 25px 0px;



}



.owl-carousel.owl-loading {



	opacity: 0;



	display: block



}



.owl-carousel.owl-hidden {



	opacity: 0



}



.owl-carousel .owl-refresh .owl-item {



	display: none



}



.owl-carousel .owl-item {



	position: relative;



	min-height: 1px;



	float: left;



	-webkit-backface-visibility: hidden;



	-webkit-tap-highlight-color: transparent;



	-webkit-touch-callout: none;



	-webkit-user-select: none;



	-moz-user-select: none;



	-ms-user-select: none;



	user-select: none



}



.slider .owl-item.active.center {



	opacity: inherit;



}



.partner .owl-carousel .owl-item {



	opacity: inherit !important;



}



.owl-carousel .owl-item img {



	display: block;



	margin: 0 auto;



	width: 65%;



	-webkit-transform-style: preserve-3d



}



.owl-carousel.owl-text-select-on .owl-item {



	-webkit-user-select: auto;



	-moz-user-select: auto;



	-ms-user-select: auto;



	user-select: auto



}



.owl-carousel .owl-grab {



	cursor: move;



	cursor: -webkit-grab;



	cursor: -o-grab;



	cursor: -ms-grab;



	cursor: grab



}



.owl-carousel.owl-rtl {



	direction: rtl



}



.owl-carousel.owl-rtl .owl-item {



	float: right



}



.no-js .owl-carousel {



	display: block



}



.owl-carousel .owl-item .owl-lazy {



	opacity: 0;



	-webkit-transition: opacity 400ms ease;



	-moz-transition: opacity 400ms ease;



	-ms-transition: opacity 400ms ease;



	-o-transition: opacity 400ms ease;



	transition: opacity 400ms ease



}



.owl-carousel .owl-item img {



	transform-style: preserve-3d



}



.owl-carousel .owl-video-wrapper {



	position: relative;



	height: 100%;



	background: #000



}



.owl-carousel .owl-video-play-icon {



	position: absolute;



	height: 80px;



	width: 80px;



	left: 50%;



	top: 50%;



	margin-left: -40px;



	margin-top: -40px;



	background: url(owl.video.play.png) no-repeat;



	cursor: pointer;



	z-index: 1;



	-webkit-backface-visibility: hidden;



	-webkit-transition: scale 100ms ease;



	-moz-transition: scale 100ms ease;



	-ms-transition: scale 100ms ease;



	-o-transition: scale 100ms ease;



	transition: scale 100ms ease



}



.owl-carousel .owl-video-play-icon:hover {



	-webkit-transition: scale(1.3, 1.3);



	-moz-transition: scale(1.3, 1.3);



	-ms-transition: scale(1.3, 1.3);



	-o-transition: scale(1.3, 1.3);



	transition: scale(1.3, 1.3)



}



.owl-carousel .owl-video-playing .owl-video-play-icon, .owl-carousel .owl-video-playing .owl-video-tn {



	display: none



}



.owl-carousel .owl-video-tn {



	opacity: 0;



	height: 100%;



	background-position: center center;



	background-repeat: no-repeat;



	-webkit-background-size: contain;



	-moz-background-size: contain;



	-o-background-size: contain;



	background-size: contain;



	-webkit-transition: opacity 400ms ease;



	-moz-transition: opacity 400ms ease;



	-ms-transition: opacity 400ms ease;



	-o-transition: opacity 400ms ease;



	transition: opacity 400ms ease



}



.owl-carousel .owl-video-frame {



	position: relative;



	z-index: 1



}



.owl-theme .owl-dots .owl-dot {



	display: inline-block;



	zoom: 1;



*display:inline



}



.owl-theme .owl-dots .owl-dot span {



	width: 10px;



	height: 10px;



	margin: 5px 7px;



	background: #d6d6d6;



	display: block;



	-webkit-backface-visibility: visible;



	-webkit-transition: opacity 200ms ease;



	-moz-transition: opacity 200ms ease;



	-ms-transition: opacity 200ms ease;



	-o-transition: opacity 200ms ease;



	transition: opacity 200ms ease;



	-webkit-border-radius: 30px;



	-moz-border-radius: 30px;



	order-radius: 30px



}



.owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span {



	background: #15188D;



}



.owl-dots {



	margin: 25px;



}



.owl-controls {



	text-align: center;



}



.owl-next {



	display: none !important;



}



.owl-prev {



	display: none !important;



}



/** carousel Ends **/	



/*News Block Css Start*/



.news-block {



	background-color: #252525;



	color: #fff;



	padding: 10px 0px 35px;



}



.news-block h4 {



	color: #fff;



	font-size: 20px;



	font-weight: 300;



	margin: 20px 0px;



}



.news-section ul li {



	font-size: 16px;



	font-weight: 300;



	border-bottom: 1px solid #535353;



	margin: 10px 25px 10px 0px;



	padding-bottom: 6px;



}



.news-section ul li:last-child {



	border-bottom: none;



}



.news-section a {



	float: left;



	padding: 5px 10px;



	border: 1px solid #fff;



	margin: 5px 0px 10px;



	color: #fff;



	font-size: 13px;



	border-radius: 2px;



}



.news-section p a {



	float: none;



	padding:0;



	border: 0;



	margin: 0;



	color: #fff;



	font-size: 15px;



	border-radius: 0px;



}



.news-date {



	font-size: 15px;



	color: #707070;



}



.news-single-block {



	padding-bottom:15px;



	margin-bottom:15px;



	border-bottom:1px #eee solid;



}



.map_img_block iframe {



	border: 3px solid #fff !important;



}



.map-section a {



	position: absolute;



	right: 13px;



	top: 22px;



	text-decoration: underline;



}



.address-block ul {



	margin-top: 55px;



	margin-bottom: 40px;



}



.address-block ul li {



	margin-bottom: 25px;



}



.address-icon {



	background: url(../images/addres-icon.png) no-repeat left top;



	padding-left: 25px;



}



.phone-icon {



	background: url(../images/phone-icon.png) no-repeat left center;



	padding-left: 25px;



}



.fax-icon {



	background: url(../images/fax-icon.png) no-repeat left top;



	padding-left: 25px;



}



.mail-icon {



	background: url(../images/mail-icon.png) no-repeat left top;



	padding-left: 25px;



}



.address-block img {



	float: left;



	padding: 0px 10px;



}



/*Footer Block Css Start*/



.footer-block {



	background-color: #080808;



	text-align: center !important;



	font-size: 14px;



	color: #a7a6a6;



}



.footer-menu {



	margin-top: 20px;



	margin-bottom: 10px;



}



.footer-menu a {



	text-align: center;



	display: block;



	float: left;



	padding-right: 10px;



	font-size: 14px;



	text-transform: uppercase;



	border-right: 1px solid #4b4b4b;



	padding-left: 10px;



	line-height: 14px;



	color: #fff;



	font-weight: 300;



}



.footer-menu a:last-child {



	border-right: none;



}



.copyright, .copyright a {



	text-align: center;



	color: #fff;



	font-weight: 200;



	margin-bottom: 15px;



}



/*==========INNER PAGES CSS START========*/



.heading-innerblue {



	color: #02B0FF;



	font-size: 20px;



	font-weight: 400;



	margin-bottom: 15px;



	text-align: left;



}



.heading-innerblue-main{



	color: #12158C;



	font-size: 26px;



	font-weight: 400;



	margin-bottom: 15px;



	text-align: left;



}



.affilites-heading {



	margin-top: 15px;



}



.content-text {



	margin: 0px 0px 10px;



	font-size: 20px !important;



	line-height: 1.5;



	color: #797979!important;



}



/*About Us Css Start*/	



.ban-about {



	background: url(../images/slider1.jpg) no-repeat left center;



	background-size: cover;



}



/* .banner-about{



    margin-top:145px;



} */



.inner-content p {



	padding: 5px 0px;



	font-size: 15px;



	color: #000;



	font-weight: 300;



	margin-bottom: 5px;



	text-align: justify;



	line-height: 1.7;



}



.inner-banner {



	height: 200px;



	background-size: cover;



	position: relative;



}



.inner-banner:after {



	content: '';



	width: 100%;



	height: 100%;



	position: absolute;



	top: 0;



	left: 0;



	z-index: 0;/* background: url(../images/pattern.png) repeat left top; */



}



.vision-mission {



}



.mission {



	padding: 0px 30px 20px 0px;



}



.mission li {



	padding-bottom: 10px;



	font-size: 15px;



	color: #000;



	font-weight: 300;



	background: url(../images/menu-arrow1.png) no-repeat left 7px !important;



	padding-left: 20px;



}



.About-Quality img {



	float: right;



	width: 100%;



	padding: 11px 0px 0px 20px;



}



.about-conduct {



	background-color: #f1f1f1;



}



.about-conduct h4 {



	color: #000;



	font-size: 19px;



	font-weight: 500;



	margin: 15px 0px;



	height: 70px;



	padding-top: 25px;



	padding-left: 80px;



}



.conduct-type h4 {



	background: url(../images/profile-icon.png)no-repeat left center;



}



.conduct-type1 h4 {



	background: url(../images/profile1-icon.png)no-repeat left center;



}



.conduct-type2 h4 {



	background: url(../images/profile2-icon.png)no-repeat left center;



}



.cd-top {



	display: inline-block;



	height: 40px;



	width: 40px;



	position: fixed;



	bottom: 80px;



	right: 25px;



	box-shadow: 0 0 10px rgba(0, 0, 0, 0.05);



	/* image replacement properties */



	overflow: hidden;



	text-indent: 100%;



	white-space: nowrap;



	background: rgb(2, 176, 255) url(../images/cd-top-arrow.svg) no-repeat center 50%;



	visibility: hidden;



	opacity: 0;



	-webkit-transition: opacity .3s 0s, visibility 0s .3s;



	-moz-transition: opacity .3s 0s, visibility 0s .3s;



	transition: opacity .3s 0s, visibility 0s .3s;



}



.cd-top.cd-is-visible, .cd-top.cd-fade-out, .no-touch .cd-top:hover {



	-webkit-transition: opacity .3s 0s, visibility 0s 0s;



	-moz-transition: opacity .3s 0s, visibility 0s 0s;



	transition: opacity .3s 0s, visibility 0s 0s;



}



.cd-top.cd-is-visible {



	/* the button becomes visible */



	visibility: visible;



	opacity: 1;



}



.cd-top.cd-fade-out {



	/* if the user keeps scrolling down, the button is out of focus and becomes less visible */



	opacity: .8;



}



.no-touch .cd-top:hover {



	background-color: #e86256;



	opacity: 1;



}



/*About Us Css End*/		



/*Inner Menu Css Start*/



.Inner-Menu {



	background: url(../images/innermenu-bg.png) #F7F7F7 repeat-x;



}



.Inner-Menu ul {



	float: right;



	margin: 15px 0px;



}



.Inner-Menu ul li {



	float: left;



	margin-left: 30px;



}



.Inner-Menu ul li a {



	color: #000;



	font-size: 15px;



	font-weight: 500;



}



/*Affiliates Css Section Start*/



.ban-affiliates {



	background: url(../images/innerbanner-affilites.jpg) no-repeat center;



	background-size: cover;



}



.affiliates-block img {



	margin: 60px 0px 5px;



}



.affiliates-block a {



	text-decoration: none;



}



.affiliates-block .col-md-2 {



	text-align: center;



}



.affiliates-block .col-md-2 a {



	color: #000;



	text-decoration: underline;



}



/*Affiliates Css Section End*/







.under-heading {



	margin-bottom: 140px;



}



/*Inner News Css Section Start*/



.news-content h4 {



	color: #ccc;



	padding-bottom: 5px;



	font-size: 15px;



}



.news-content a {



	float: left;



	color: #121590;



	font-size: 13px;



	border-radius: 2px;



}



.news-content img {



	margin: 85px 0px 5px;



}



.heading-innerblue a{



    color: #02B0FF;



    font-size: 20px;



    font-weight: 400;



    margin-bottom: 10px;



    text-align: left;



}



/*Inner News Css Section End*/



/*Product Types Css Start*/



.ban-product {



	background: url(../images/innerbanner-product.jpg) no-repeat left center;



	background-size: cover;



}



.product-types {



	margin: 15px 0px;



}



.product-types h1 {



	color: #00B0FF;



	text-align: center;



	font-size: 20px;



	font-weight: 400;



	padding: 10px;



}



/* Common style */



.grid {



	position: relative;



	clear: both;



	margin: 0 auto;



	/* padding: 1em 0 4em;



    max-width: 1000px;



    list-style: none; */



	text-align: center;



}



.grid figure {



	position: relative;



	float: left;



	overflow: hidden;



	margin: 10px 1%;



	/*min-width:270px;*/



	/*max-width: 480px;*/



	max-height: 360px;



	width: 100%;



	height: auto;



	background: #3085a3;



	text-align: center;



	cursor: pointer;



}



.grid figure img {



	position: relative;



	display: block;



	max-width: 100%;



	opacity: 0.8;



	height: 194px;

	width:100%;



}



.grid figure figcaption {



	padding: 2em;



	color: #fff;



	text-transform: uppercase;



	font-size: 1.25em;



	-webkit-backface-visibility: hidden;



	backface-visibility: hidden;



}



.grid figure figcaption::before, .grid figure figcaption::after {



	pointer-events: none;



}



.grid figure figcaption, .grid figure figcaption {



	background-color: rgba(47,56,61,0.4);



	position: absolute;



	top: 0;



	left: 0;



	width: 100%;



	height: 100%;



}



.product-image a {



	color: #fff;



	font-size: 15px;



}



/* Anchor will cover the whole item by default */



/* For some effects it will show as a button */



figure.effect-ming {



	background: #030c17;



}



figure.effect-ming img {



	opacity: 0.9;



	-webkit-transition: opacity 0.35s;



	transition: opacity 0.35s;



}



figure.effect-ming figcaption::before {



	position: absolute;



	top: 30px;



	right: 30px;



	bottom: 30px;



	left: 30px;



	border: 2px solid #fff;



	box-shadow: 0 0 0 30px rgba(255,255,255,0.2);



	content: '';



	opacity: 0;



	-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;



	transition: opacity 0.35s, transform 0.35s;



	-webkit-transform: scale3d(1.4, 1.4, 1);



	transform: scale3d(1.4, 1.4, 1);



}



figure.effect-ming h2 {



	margin: 20% 0 10px 0;



	-webkit-transition: -webkit-transform 0.35s;



	transition: transform 0.35s;



	



}



figure.effect-ming p {



	padding: 1em;



	opacity: 0;



	-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;



	transition: opacity 0.35s, transform 0.35s;



	-webkit-transform: scale(1.5);



	transform: scale(1.5);



}



figure.effect-ming:hover h2 {



	-webkit-transform: scale(0.9);



	transform: scale(0.9);



}



figure.effect-ming:hover figcaption::before, figure.effect-ming:hover p {



	opacity: 1;



	-webkit-transform: scale3d(1, 1, 1);



	transform: scale3d(1, 1, 1);



}



figure.effect-ming:hover figcaption {



	background-color: rgba(58,52,42,0);



}



figure.effect-ming:hover img {



	opacity: 0.4;



}



/*Product Inner detail Css Start*/



.product-detail h4 {



	color: #000;



	padding: 10px 0px;



}



.gamma-880 img {



	float: left;



}



.filmIlluminators h5 {



	color: #000;



	padding: 10px 0px;



	text-align: center;



	font-size: 15px;



}







.gamma-illuminator {



	border-bottom: 1px solid #E6E6E6;



}



/* .abouts-header{



	position:fixed;



	width:100%;



	background-color:#fff;	



} */







.product-detail-inner {



    padding-bottom: 20px;



    margin-bottom: 20px;



    border-bottom: 1px #eee solid;



}



.product-detail-inner sup{font-size: 9px;



    vertical-align: middle;}



.product-detail-inner:last-child {



    margin-bottom: 20px;



    border-bottom: 0;



}



/*download css start*/



.ban-download {



	background: url(../images/innerbanner-download.jpg) no-repeat left center;



	background-size: cover;



}







.design-cerficate{



    border: 1px solid #05B9FF;



    padding: 15px;



}



.design-cerficate h3{text-align:center;



font-size:20px;



    margin: 20px 0px;



}



.design-cerficate img{margin:0 auto;



width:65px;}



.download-pdf{    margin-top: 20px;}



.download-pdf li{



    padding-bottom: 25px;



    font-size: 15px;



    color: #000;



    font-weight: 300;



    background: url(../images/pdf-icon1.png) no-repeat left 0px;



    padding-left: 40px;



}



.download-pdf li:hover{text-decoration:underline;}



/*Services Css Start*/



.ban-services {



	background: url(../images/services-banner.jpg) no-repeat center top;



	background-size: cover;



}



/*Source-holder css section Start*/



.source-holder-img{



margin:15px 0px;}



/*cargo CSS Start*/



.cargo-logo{



width:500px;



margin:0 auto;}



.ban-cargo {



	background: url(../images/innerbanner-cargo.jpg) no-repeat center;



	background-size: cover;



}



.cargo-subheading{



    text-align: center;



    margin-bottom: 15px;



    font-size: 16px;



   padding: 0px 0px 0px 40px !important;



    font-weight: 500;}



/*training Css Start*/



.ban-training {



	background: url(../images/innerbanner-training.jpg) no-repeat center center;



	background-size: cover;



}



/*Galary Css Start*/



.ban-galary {



	background: url(../images/innerbanner-gallary.jpg) no-repeat left top;



	background-size: cover;



}



/* Contact  Css Start */



.contact-banner {



	background: url(../images/innerbanner-contact.jpg) no-repeat center;



	background-size: cover;



}



.inner-banner h2 {



	color: #fff;



	font-size: 50px;



	margin-bottom: 15px;



	position: relative;



	z-index: 50;



	margin-top: 70px;



}



.contact-block {



	color: #000;



}



.contact-input {



	margin: 20px 0px 10px;



	border-radius: 0px;



	height: 35px;



	color: #767676;



	border: 1px solid #a0a0a0;



}



.contact-form textarea {



	width: 100%;



	font-size: 14px;



	display: block;



	resize: none !important;



}



.contact-send {



	background-color: #00AFFF;



	padding: 6px 5px;



	color: #fff;



	border-radius: 2px;



	margin: 15px 0px 20px;



}



.contact-send:hover {



	background-color: #f26633;



	color: #fff;



}



.form-control:focus {



	border-color: #a0a0a0;



}



.contact-form ul li {



	font-size: 16px;



	margin-bottom: 15px;



}



.address {



	background: url(../images/adress.png) no-repeat left top;



	padding-left: 30px;



	line-height: 30px;



}



.address-footer {



	background: url(../images/adress2.png) no-repeat left -5px;



	padding-left: 30px;



}



.address-footer1 {



	background: url(../images/adress3.png) no-repeat left center;



	padding-left: 30px;



}



.address-footer2 {



	background: url(../images/adress4.png) no-repeat left center;



	padding-left: 30px;



}



.map_img_block {



	margin: 15px 0px;



}



/* Contact  Css End*/	



 



/* sree css start */







.slider-white-bg {



	left: 0 !important;



	top: 0 !important;



}



.button1 {



	background: #008dc9;



	color: #fff;



	padding: 8px 15px;



}



.button1:hover {



	background: #006fa2;



	color: #fff;



	text-decoration: none;



}



.button1:focus {



	text-decoration: none;



	color: #fff;



}



.pro-img img {



	margin: 0 auto;



}



.margin-bottom-20 {



	margin-bottom: 20px;



}



.margin-bottom-30 {



	margin-bottom: 30px;



}



.margin-top-30 {



	margin-top: 30px;



}











/*Responsive Css Start*/



@media (max-width: 768px) {



.affiliates-block img {



	padding: 20px 0px 12px;



}



.About-Quality img {



	padding: 0px;



}



.banner-bg p {



	padding: 0px 15px 15px;

}



.caption h3 {

	padding: 0px 15px 0px;

	font-size: 28px;

}



.banner-bg a {

	margin: 0px 15px 10px;

   }

}

.dropdown-menu>li>a{padding:8px 20px;}

.dropdown-submenu {

    position:relative;

}

.dropdown-menu{margin:0;}

.dropdown-submenu>.dropdown-smenu {

   top:0;left:100%;

   margin-top:-6px;margin-left:-1px;

   -webkit-border-radius:0 6px 6px 6px;-moz-border-radius:0 6px 6px 6px;border-radius:0 6px 6px 6px;

 }

  @media(min-width:992px){

.dropdown-submenu > a:after {

  border-color: transparent transparent transparent #333;

  border-style: solid;

  border-width: 5px 0 5px 5px;

  content: " ";

  display: block;

  float: right;  

  height: 0;     

  margin-right: -10px;

  margin-top: 5px;

  width: 0;

  }

}

 .dropdown-smenu {

    position: absolute;

    top: 100%;

    left: 0;

    z-index: 1000;

    display: none;

    float: left;

    min-width: 160px;

    padding: 5px 0;

    margin: 2px 0 0;

    font-size: 14px;

    text-align: left;

    list-style: none;

    background-color: #fff;

    -webkit-background-clip: padding-box;

    background-clip: padding-box;

    border: 1px solid #ccc;

    border: 1px solid rgba(0,0,0,.15);

    border-radius: 4px;

    -webkit-box-shadow: 0 6px 12px rgb(0 0 0 / 18%);

    box-shadow: 0 6px 12px rgb(0 0 0 / 18%);

}

.dropdown-smenu>li>a {

    display: block;

    padding: 8px 20px;

    clear: both;

    font-weight: 400;

    line-height: 1.42857143;

    color: #333;

    white-space: nowrap;

}

.dropdown-submenu:hover>a:after {

    border-left-color:#555;

 }



.dropdown-menu > li > a:hover, .dropdown-menu > .active > a:hover {

  text-decoration: none;

}  

  

.dropdown:hover .dropdown-menu {display: block;}

.dropdown-submenu:hover .dropdown-smenu {display: block;}

@media (max-width: 768px) {

  b.caret {

    display: none;

}

.dropdown-menu>li>a{padding:6px;}

  .dropdown-smenu>li>a {

    display: block;

    padding: 3px 8px;

   }

   .dropdown-submenu a{

   	color:#333;

   }

   li.dropdown.dropdown-submenu {

    padding-bottom: 0;

   }

   .slicknav_nav ul.dropdown-menu , .slicknav_nav ul.dropdown-menu li {

    padding-bottom: 0;

   }

   .dropdown-submenu>.dropdown-smenu {

      top:0;

      left:90%;

   }

}



@media(min-width:768px) and (max-width:1199px){

    figure.effect-ming img{

        height:190px;

    }

}
.kview2:before{ content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background:#00000094; z-index:9;}