@charset "utf-8";
/* CSS Document */

@import 'https://fonts.googleapis.com/css?family=Droid+Serif:400,700';
@import url(https://fonts.googleapis.com/css?family=Oswald);

body{
	font-family: 'Droid Serif', serif;
}

.top-header{
	background:#0264c5;
	padding:0.5em 0;
}

ul.top-left{
	margin:0;
	float:right;
}

ul.top-left li{
	float:left;
	color:#f2f2f2;
	font-size:13px;
	margin-right:15px;
}
ul.top-left li i{
	margin-right:3px;
}

.header{
	position:relative;
	z-index:10000;
}
.logo h2{
	margin:0;
	padding:22px 0;
}
.banner{
	position:relative;
}
.patti{
	padding:1.5em 0;
	background:#528fcc;
	color:#fff;
	
}
.patti h3{
	margin:0;
	padding-bottom:0.5em;
	font-size:22px;
}
.patti p{
}
.welcome{
	padding:2em 0;
	width:100%;
	display:table;
}
.welcome h3{
	font-family: 'Oswald', sans-serif;
	font-size:23px;
	margin:15px 0;
	text-transform:uppercase;
}
.welcome p{
	line-height:1.8em;
	color:#717171;
	font-size: 1em;
}
.welcome a{
	padding:5px 10px;
	color:#FFF;
	font-size:12px;
	background:#6f6f6f;
	transition:all 0.6s ease 0s;
}
.welcome a:hover{
	background:#0264c5;
	transition:all 0.6s ease 0s;
	text-decoration:none;
}
.top-brands{
	padding:3em 0;
	background-color:#efefef;
}
.top-brands h2{
	font-family: 'Oswald', sans-serif;
	font-size:18px;
	margin:20px 0;
	color:#1f6dbb;
	text-align:center;
	text-transform:uppercase;
}
.top-brands h2:after{
    content: '';
    width: 60px;
    background: #1f6dbb;
    height: 2px;
	text-align:center;
    display: block;
    margin:0 auto;
	margin-bottom:15px;
	margin-top:15px;
}

.brands{
	background-image:linear-gradient(to left, #d7d2cc, #304352);
	background-size:cover;
	width:100%;
	display:table;
	padding:1.5em;
}

.brands-inner{
	width:25%;
	padding:20px;
	text-align:center;
	float:left;
	margin-bottom:30px;
}
.border-right{
	border-right:1px dashed #a0a0a0;
}
.brands-inner img{
	width:90%;
}
.brands-inner h3{
	font-family: 'Oswald', sans-serif;
	margin:15px 0;
	font-size:15px;
	text-transform:uppercase;
}
.brands-inner p{
	line-height:1.8em;
	font-size:13px;
}

.brands-inner a{
	padding:5px 10px;
	color:#FFF;
	font-size:12px;
	background:#6f6f6f;
	transition:all 0.6s ease 0s;
}
.brands-inner a:hover{
	background:#0264c5;
	transition:all 0.6s ease 0s;
	text-decoration:none;
}

.brands h4{
	color:#FFF;
	font-size:1.7em;
	margin-bottom:2em;
	letter-spacing:2px;
	font-weight:700;
}

.brands h4 span{
	color:#3C6;
	font-size:0.6em;
	letter-spacing:0;
}
.brands img{
	width:100%;
}

.brands a{
	padding:0.5em 1em;
	color:#000;
	background-color:#CCC;
}

/* Rectangle Out */
.hvr-rectangle-out {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  position: relative;
  background: #e1e1e1;
  -webkit-transition-property: color;
  transition-property: color;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
}
.hvr-rectangle-out:before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: #2098d1;
  -webkit-transform: scale(0);
  transform: scale(0);
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
.hvr-rectangle-out:hover, .hvr-rectangle-out:focus, .hvr-rectangle-out:active {
  color: white;
}
.hvr-rectangle-out:hover:before, .hvr-rectangle-out:focus:before, .hvr-rectangle-out:active:before {
  -webkit-transform: scale(1);
  transform: scale(1);
}

.features{
	padding:3em 0;
}
.features h3{
	font-family: 'Oswald', sans-serif;
	font-size:18px;
	margin:20px 0;
	text-transform:uppercase;
}

.footer{
	background:#0264c5;
	padding:15px 0;
	color:#fff;
	float:left;
	width:100%;
}
.footer p{
	margin:0;
	font-size: 12px;
}
.footer a{
	color:#FFF;
}
.footer a:hover{
	color:#FFF;
	text-decoration:none;
}
.visit-count{
	float: right;
}
.visit-count p{
	margin:0;
	font-size: 14px;
	margin-right: 5px;
}


/* Other Pages */

.loaction{
	padding:20px 0;
	background:#eaeaea;
}
.loaction h3{
	font-size:22px;
	margin:0;
	color:#000000;
	padding-bottom:10px;
}
.product-left-nav{
	background:#f5f5f5;
	padding:10px;
}
.product-detail{
	padding:30px 0;
}
.product-left img{
	margin-bottom:10px;
}
.product-left a{
	padding:5px 10px;
	border-radius:3px;
	margin:10px 10px 0 0;
	font-size:12px;
	color:#000;
}

.product-inner p{
	font-size:13px;
	line-height:1.8em;
}

.product-inner ul li{
	font-size:13px;
	margin-left:10px;
	line-height:22px;
}

.product-inner h4{
	font-size:1.1em;
	font-weight:700;
	margin:0;
	padding:5px 0;
	color:#0264c5;
}
.product-left-nav h4{
	font-size:1.3em;
	font-weight:700;
	margin:0;
	padding:5px 0;
	color:#0264c5;
}

.product-left-nav ul li{
	border-bottom:1px solid #ececec;
	line-height:22px;
	font-size:13px;
	padding:5px;
}
.product-left-nav ul li a:hover{
	color:#C00;
	text-decoration:none;
}

.inner-material{
	width:100%;
	background:#f1f1f1;
	padding:5px;
	margin:10px 0;
}
.inner-material h5{
	font-size:13px;
	padding:10px 0 10px 10px;
	margin:0;
}
.inner-material a{
	padding:5px 8px;
	border-radius:3px;
	margin-left:10px;
	margin-bottom:5px;
	font-size:11px;
	color:#000;
}

.full-wdt-content{
	display:inline-block;
	width:100%;
	padding-bottom: 10px;
	margin-bottom:10px;
    border-bottom: 1px solid #ccc;
}

.full-wdt-content h5{
	font-size:0.9em;
	font-weight:400;
	line-height:22px;
	margin:0;
	padding:5px 0;
	color:#333;
}

.full-wdt-content h3{
	font-size:1.3em;
	font-weight:700;
	margin:0;
	padding:5px 0;
	color:#0264c5;
}

.full-wdt-content p{
	font-size:13px;
	line-height:1.8em;
}

.full-wdt-content ul li{
	font-size:13px;
	margin-left:10px;
	line-height:22px;
}

.full-wdt-content a{
	padding:3px 7px;
	border-radius:3px;
	margin:10px 10px 0 0;
	font-size:11px;
	color:#000;
}


.activate{
	color:#C00;
	font-weight:700;
}

.contact-us{
	padding:40px 0;
	width:100%;
	float:left;
}

.contact-info{
}

.contact-info h3{
	font-family: 'Oswald', sans-serif;
    font-size: 23px;
	margin:0;
    color: #1f6dbb;
	margin-bottom:15px;
    text-transform: capitalize;
}
.contact-info h5{
    font-size: 15px;
	margin:0;
    color: #464646;
	font-weight:700;
	margin-bottom:5px;
    text-transform: capitalize;
}
.contact-info p{
    font-size: 13px;
	margin:0;
	margin-bottom:15px;
}

.contact-enquiry h3{
	font-family: 'Oswald', sans-serif;
    font-size: 23px;
	margin:0;
    color: #1f6dbb;
	margin-bottom:15px;
    text-transform: capitalize;
}

.pricelist{
	padding:40px 0;
	width:100%;
	float:left;
}

.price-box{
	width:20%;
	float:left;
	background:#014689;
	border:1px solid #014689;
	margin:1%;
}
.price-box h3{
	margin:0;
	text-align:center;
	color:#fff;
	padding:20px 0;
	font-size:18px;
}
.price-box h3 i{
	 font-size:34px;
	 padding-bottom:10px;
	 font-weight:300;
}
.price-box a{
	display:block;
	padding:5px 15px;
	background:#fff;
	text-align:center;
	color:#014689;
}
.price-box a:hover{
	text-decoration:none;
}

.about-detail{
	padding: 40px 0;
	width: 100%;
	float: left;
}
.about-detail h3 {
    margin: 0;
    font-size: 15px;
    border-left: 3px solid #1f6dbb;
    padding: 5px 10px;
    font-family: 'Oswald', sans-serif;
    color: #1f6dbb;
    text-transform: uppercase;
    margin-bottom: 5px;
    margin-top: 10px;
}
.about-detail p{
    line-height: 1.8em;
    font-size: 13px;
}
.about-detail ul{
	margin:0;
	margin-left: 25px;
}
.about-detail ul li{
	margin:0;
	line-height: 25px;
	font-size: 13px;
	list-style: square;
}



/**************** Responsive ******************/

@media only screen and (max-width: 768px) {
	
	.brands-inner{
		width:100%;
		margin-bottom:15px;
	}
	.border-right{
		border:none;
	}
	.price-box{
		width:48%;
		float:left;
	}
	
}