@charset "UTF-8";
/*CSS for Fadein content starts */.hideme{opacity:0;}/*CSS for Fadein content ends */
body{margin:0;padding:0;width:100%;font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;background-color:#ddd;float:left;}
img{border:none;outline:none;}
.bodywrapper{width:98%;margin:0 auto;padding:0px;}
.contentwrapper{background:#fff;width:100%;float:left;}
header{background-color:transparent;width:98%;float:left;position:fixed;border:none;z-index:999;}
.logo{float:left;border:none; width:130px; background-color:whitesmoke;}
.logo1{float:left;border:none; width:130px; background-color:whitesmoke; border-radius:50%;}
.top
{
	  margin-top: 5px !important;
   margin-bottom:-0px;
    box-shadow: 5px 1px 25px #808080b8;
    background: linear-gradient(45deg,#fdffc7,#efd3bf);
    border-radius: 15%;
	   padding: 5px;
    text-align:center;
    font-size:20px;
    width:490px;
    float:right;
}

.imgsize3
{
 width:160px;
 height:90px;
  border-radius:50%;
}

.rslides {
  position: relative;
  list-style: none;
  overflow: hidden;
  width: 100%;
  padding: 0;
  margin: 0;
  }

.rslides li {
  -webkit-backface-visibility: hidden;
  position: absolute;
  display: none;
  width: 100%;
  left: 0;
  top: 0;
  }

.rslides li:first-child {
  position: relative;
  display: block;
  float: left;
  }

.rslides img {
  display: block;
  height: auto;
  float: left;
  width: 100%;
  border: 0;
  }

/* Callback example */

h3 {
  font: 20px/30px "Helvetica Neue", Helvetica, Arial, sans-serif;
  text-align: center;
  color: #fff;
  }

.events {
  list-style: none;
  }

.callbacks_container {
  margin-bottom: 0px;
  position: relative;
  float: left;
  width: 100%;
  }

.callbacks {
  position: relative;
  list-style: none;
  overflow: hidden;
  width: 100%;
  padding: 0;
  margin: 0;
  }

.callbacks li {
  position: absolute;
  width: 100%;
  left: 0;
  top: 0;
  }

.callbacks img {
  display: block;
  position: relative;
  z-index: 1;
  height: auto;
  width: 100%;
  border: 0;
  }

.callbacks .caption {
  display: block;
  position: absolute;
  z-index: 2;
  font-size: 1.4em;
  text-shadow: none;
  color: #fff;
  background: #000;
  background: rgba(0,0,0, .8);
  left: 0;
  right: 0;
  bottom: 0;
  padding: 25px 20px;
  margin: 0;
  max-width: none;
  }

.callbacks_nav {
  position: absolute;
  -webkit-tap-highlight-color: rgba(0,0,0,0);
  top: 52%;
  left: 0;
  opacity: 0.7;
  z-index: 3;
  text-indent: -9999px;
  overflow: hidden;
  text-decoration: none;
  height: 61px;
  width: 38px;
  background: transparent url("../images/slider/themes.gif") no-repeat left top;
  margin-top: -45px;
  }

.callbacks_nav:active {
  opacity: 1.0;
  }

.callbacks_nav.next {
  left: auto;
  background-position: right top;
  right: 0;
  }
/* SriSoftwarez Slider ends */
/* Menu starts */
nav {
 position: relative;
  background: #003333;
  background-image: -webkit-linear-gradient(bottom, #003333 7%, #003333 100%);
  background-image: -moz-linear-gradient(bottom, #003333 7%, #003333 100%);
  background-image: -o-linear-gradient(bottom, #003333 7%, #003333 100%);
  background-image: linear-gradient(bottom, #003333 7%, #003333 100%);
  text-align: center;
/*  letter-spacing: 1px;
  text-shadow: 1px 1px 1px #0E0E0E; */
/*  -webkit-box-shadow: 2px 2px 3px #888;
  -moz-box-shadow: 2px 2px 3px #888;
  box-shadow: 2px 2px 3px #888; */
  border-radius: 8px;
  float:right;
  width:auto;
  margin:5px;
  
}

nav a {
  text-decoration: none;
  color: #fff;
  display: block;
}

nav ul {
	margin:0;
	padding:0;
	list-style: none;
	position: relative;
	text-align: center;
}

nav li {
  float: left;
}

/* clear'n floats */
nav ul:after {
  clear: both;
}

nav ul:before,
ul:after {
    content: " ";
    display: table;
}



/* prime */
ul.primary li a {
  display: block;
  padding: 12px 14px;
  border-right: 1px solid #3D3D3D;
}

ul.primary li:last-child a {
  border-right: none;
}

ul.primary li a:hover {
  color: #fff !important;
  
}

/* subs */
ul.sub {
  position: absolute;
  z-index: 200;
 /* box-shadow: 2px 2px 0 #BEBEBE; */
  width: 35%;
  padding:0px;
  display:none;
}

ul.sub li {
  float: none;
  margin: 0;
}

ul.sub li a {
  border-bottom: 1px dotted #ccc;
  border-right: none;
  color: #fff !important;
  padding: 15px 0px;
}

ul.sub li:last-child a {
  border-bottom: none;
}

ul.sub li a:hover {
  color: #fff;
  background: #003333 !important;
}

/* sub display*/
ul.primary li:hover ul {
  display: block;
  background: #999900;
}

/* keeps the tab background white */
ul.primary li:hover a {
  background: #999900;
  color: #fff !important;
  text-shadow: none;
}

ul.primary li:hover > a{
	color: #999900;
} 
/*Menu Ends */

section{
	width:100%;
	float:left;
	background:rgba(0, 0, 0, 0) url("../images/white.png") repeat scroll 0 0;
}
section main{
	width:94%;
	text-align:justify;
	margin:1% auto;
/*	border-bottom:1px inset lightgray;*/
	padding-bottom:1%;
	}
main p{
	letter-spacing:0.5px;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	color:#333;
	font-size:0.96em;
}
main .quote{widht:100%;}
.quote img{float:left;width:auto;border-radius:50%;box-shadow:ThreeDFace -3px 2px 7px 4px;margin:0 1% 1% 0;}
.quote q{word-spacing:2px;font-family: 'Sniglet', cursive;font-size:18px;color:dimgray;
background:rgba(0, 0, 0, 0) url("../images/logoback.jpg") repeat scroll center}

main .homeheading{
	color:darkslategrey;
	border-bottom:0.5px inset lightgray;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	padding:10px 0;
	text-align:center;
	background:whitesmoke;
	border-radius: 8px;
	width:100%;
}
main h1{
	color:darkslategrey;
	border-bottom:0.5px inset  #ccc !important;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	padding:5px 0;
	text-align:center;
	width:auto;
	font-size:1.4em;
	}
main h2{
	color:InactiveCaptionText;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	padding:5px 0;
	text-align:left;
	font-size:1.1em;
	margin-bottom:3px;
	}
main li{line-height:1.4;}	
main strong{font-size:1em;color:firebrick;letter-spacing:2px;}
.mtopzero{
	margin-top:0;
	}
.mbotzero{
	margin-bottom:0;
	}
.mtopspace{
	margin-top:1%;
	}
.mbotspace{
	margin-bottom:1%;
	}
section .productimagearea{
	float:left;
	width:100%;
	margin-bottom:3%;
	}		
.productimagearea aside{
	width:28%;
	border:1px thin #000;
	float:left;
	margin:0 2.3%;
	text-align:center;
	
	}
aside h3{
	font-family:Arial, Helvetica, sans-serif;
	font-size:1em;
	text-align:center;
	color:#333;
	border-bottom:0.5px inset lightgray;
	padding-bottom:1%;
	}
aside p{
	font-family:Arial, Helvetica, sans-serif;
	font-size:1em;
	color: darkgrey;
	}
aside img{
	border-radius:50%;
	box-shadow:0px 0px 6px 0px silver;
		}
aside img:hover{
        -webkit-transform: rotateZ(-360deg);
        -ms-transform: rotateZ(-360deg);
        transform: rotateZ(-360deg);
	 -webkit-transition-duration: 1s; /* Safari */
    transition-duration: 1s;
	}
/* Codedrops Circle effect css starts */
.ch-item {
	width: 100%;
	height: 100%;
	border-radius: 50%;
	position: relative;
	box-shadow: 0 1px 2px rgba(0,0,0,0.1);
	cursor: default;
}

.ch-info-wrap, 
.ch-info{
	position: absolute;
	width: 280px;
	height: 280px;
	border-radius: 50%;
	
	-webkit-transition: all 0.4s ease-in-out;
	-moz-transition: all 0.4s ease-in-out;
	-o-transition: all 0.4s ease-in-out;
	-ms-transition: all 0.4s ease-in-out;
	transition: all 0.4s ease-in-out;
	
	-webkit-perspective: 800px;
	-moz-perspective: 800px;
	-o-perspective: 800px;
	-ms-perspective: 800px;
	perspective: 800px;
}

.ch-info-wrap {
	top: 20px;
	left: 20px;
	background: #f9f9f9 url(../images/bg.jpg);
	box-shadow: 
		0 0 0 20px rgba(255,255,255,0.2), 
		inset 0 0 3px rgba(115,114, 23, 0.8);
	
}

.ch-info {
	-webkit-transform-style: preserve-3d;
	-moz-transform-style: preserve-3d;
	-o-transform-style: preserve-3d;
	-ms-transform-style: preserve-3d;
	transform-style: preserve-3d;
}

.ch-info > div {
	display: block;
	position: absolute;
	width: 100%;
	height: 100%;
	border-radius: 50%;
	background-position: center center;
	-webkit-transition: all 0.6s ease-in-out;
	-moz-transition: all 0.6s ease-in-out;
	-o-transition: all 0.6s ease-in-out;
	-ms-transition: all 0.6s ease-in-out;
	transition: all 0.6s ease-in-out;
}

.ch-info .ch-info-front {
	-webkit-transform-origin: 50% 100%;
	-moz-transform-origin: 50% 100%;
	-o-transform-origin: 50% 100%;
	-ms-transform-origin: 50% 100%;
	transform-origin: 50% 100%;
	
	z-index: 100;
	box-shadow: 
		inset 2px 1px 4px rgba(0,0,0,0.1);
}

.ch-info .ch-info-back {
	background: rgba(230,132,107,0);
}

.ch-img-1 { 
	background-image: url(../images/products/1.jpg);
}

.ch-img-2 { 
	background-image: url(../images/products/2.jpg);
}

.ch-img-3 { 
	background-image: url(../images/products/3.jpg);
}

.ch-img-4 { 
	background-image: url(../images/products/4.jpg);
}
.ch-img-5 { 
	background-image: url(../images/products/5.jpg);
}
.ch-img-6 { 
	background-image: url(../images/products/6.jpg);
}

.ch-info h3 {
	color: #fff;
	text-transform: uppercase;
	letter-spacing: 2px;
	font-size: 14px;
	margin: 0 25px;
	padding: 70px 0 0 0;
	height: 90px;
	font-family: 'Open Sans', Arial, sans-serif;
	text-shadow: 
		0 0 1px #fff, 
		0 1px 2px rgba(0,0,0,0.3);
}

.ch-info p {
	color: #fff;
	padding: 10px 5px;
	font-style: italic;
	margin: 0 30px;
	font-size: 12px;
	border-top: 1px solid rgba(255,255,255,0.5);
}

.ch-info p a {
	display: block;
	color: #fff;
	color: rgba(255,255,255,0.7);
	font-style: normal;
	font-weight: 700;
	text-transform: uppercase;
	font-size: 9px;
	letter-spacing: 1px;
	padding-top: 4px;
	font-family: 'Open Sans', Arial, sans-serif;
}

.ch-info p a:hover {
	color: #fff222;
	color: rgba(255,242,34, 0.8);
}


.ch-item:hover .ch-info-front {
	-webkit-transform: rotate3d(1,0,0,-180deg);
	-moz-transform: rotate3d(1,0,0,-180deg);
	-o-transform: rotate3d(1,0,0,-180deg);
	-ms-transform: rotate3d(1,0,0,-180deg);
	transform: rotate3d(1,0,0,-180deg);
	
	box-shadow: 
		inset 0 0 5px rgba(255,255,255,0.2), 
		inset 0 0 3px rgba(0,0,0,0.3);
}

.ch-item:hover .ch-info-back {
/*	background: rgba(230,132,107,0.6);*/
	background:peru;
}
.ch-grid {
	margin: 20px 0 0 0;
	padding: 0;
	list-style: none;
	display: block;
	text-align: center;
	width: 100%;
}

.ch-grid:after,
.ch-item:before {
	content: '';
    display: table;
}

.ch-grid:after {
	clear: both;
}

.ch-grid li {
	width: 320px;
	height: 320px;
	display: inline-block;
	margin: 20px 30px;
}

.grid-back{
	background:url("../images/wood1.jpeg") repeat top left;
	}
.boxer{width:100%;}	

.boxer h1{color:darkslategrey; width:30%; margin:0 auto; font-size:1.5em; font-family:"Tahoma", Arial, Helvetica, sans-serif; text-align:center; border-bottom:0.5px inset #eee;}
/* CODEDROPS CODE ENDS */
.products{widh:auto;float:left;}
.products img{float: left;margin:6px 25px 0 0;border-radius:5%;}

footer{
	width:100%;
	background:#036;
	background:url(../images/pattern.jpeg);
	float:left;
	
	
	}
footer .footerarea{
	width:100%;
	background:url(../images/white.png) repeat;
	padding:5% 0 0 0;
	}
.footerarea .footerlogo{width:100%;}
.footerlogo img{width:75px;margin:4% 3%;}
main .enquirymain{width:98%;margin:0 auto;background:url(../images/typewriter.png) no-repeat top center;}
.enquirymain .addressarea{width:50%;float:left;text-align:center;}
.addressarea h2{text-align:center !important;}
.enquirymain .enquiry{float:right;background:white;padding:1%;}
.enquiry label{width:100%; float:left;text-align:left;margin: 0 2% 0 0;}
.clr{width:100%;margin:1%;}
.ca{color:#1872EF;}
.specl{width:12%;text-align:left;float:left;height:23px;overflow:auto;}
.specr{width:auto;tex-align:left;}
.quote center{display:none;}
@media only screen and (min-width:601px) and (max-width:779px){
nav {
  letter-spacing: 0px;
  border-radius: 4px;
  float:right;
  width:auto;
  margin:1px 4px;
}
ul.primary li a{
	font-size:0.9em;
	padding:12px 9%;
}
.logo{
	width:130px;
}
.specl{width:15% !important;}
}
@media only screen and (min-width:100px) and (max-width:768px){

header{position:static;width:100%;}
header .mobilelogo{width:100%;background:url(../images/logoback.jpg) repeat-x;float:left;}
.mobilelogo .moblogo{width:160px;margin:0 auto;}	
.logo{width:130px;text-align:center;}
nav{width:100%;margin:0px;padding:0px;border:none;border-radius:0;}
nav li{width:100%;border-bottom:1px solid #063;}
.productimagearea aside{width:100%;}
.callbacks .caption {font-size:0.8em;}
.enquirymain .addressarea{width:100%;margin-bottom:10%;}
.pro_mob{width:100%;}
.sub{display:none;}
ul.primary li a{padding: 11px 0;text-align:center;}
ul.primary .pro_mob{background:url(../images/mobilemenu.png) no-repeat 75% center;}
ul.primary .pro_mob:hover{background:url(../images/mobilemenuhover.png) no-repeat 75% center #999900 !important;}
ul.primary li:hover ul {display:none;}
ul.sub { width: 100%; display:none;position:relative;}
ul.sub li { float: none;  margin: 0; background: #003333 !important;}
ul.sub li a {  border-bottom: 1px solid #999900;border-right: none;
padding: 15px 30px;  color: #fff; background: #003333 !important;}
ul.mobibancat li a:hover {background:#C30 !important;}
ul.sub li:last-child a { border-bottom: none;}
ul.primary li a{border-right:none;}
.hideme{opacity:1;}
.mobibancat{width:100%;}
.ch-grid li{margin:15px 0px;}
.specl{width:35%;text-align:left;float:left;height:23px;overflow:scroll;}
.specr{width:auto;height:23px;overflow:scroll;}
.footerlogo img{width:50px;}
.quote img{float:none;margin:0;}
.quote center{display:inherit;}
.quote .quotemobhide{display:none;}
main .enquirymain{background-image:none;}
	}
 
 @media only screen and (max-width: 600px){
  .top{
    width:100% !important;
  }
 }