﻿@import url(http://fonts.googleapis.com/css?family=Open+Sans:700,600,400);
@import url(http://fonts.googleapis.com/css?family=Droid+Serif:400,700);


body{
	background:#fff;
	font-family: 'Open Sans', sans-serif;
}
p{
	font-family: 'Open Sans', sans-serif;
	font-size:13px;
	line-height:20px;
	color:#444;
}
h1,h2,h3,h4,h5,h6{
	margin-top:0;
	margin-bottom:0;
	font-family: 'Droid Serif', serif;
	font-weight:400;
}


	.btn {
    border-radius: 0px;
}


/* header */

header{
	background:#fff;
	border-bottom:2px solid#ddd;
}

section.slider{
	background:url(../images/trans-deal-wallpaper.jpg);
	background-size:cover;
  -o-background-size:cover;
  -moz-background-size:cover;
  -webkit-background-size:cover;
    -moz-box-shadow:    inset 0 0 5px rgba(0,0,0,0.5);
   -webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.5);
   box-shadow:         inset 0 0 5px rgba(0,0,0,0.5);
}

/* main navigation */
.site-navigation{
	margin:0;
	padding:0;
}
.site-navigation ul{
	margin-top:14px;
	padding:0;
	list-style-type:none;
	float:right;
}
.site-navigation ul li{
	float:left;
}
.site-navigation ul li a{
	display:inline-block;
	text-decoration:none;
	padding:10px 13px;
	font-size:13px;
	transition:0.5s all;
	-webkit-transition:0.5s all;
	-moz-transition:0.5s all;
	-o-transition:0.5s all;
	-ms-transition:0.5s all;
	color:#444;
	margin:0 2px;
}
.site-navigation ul li a:hover{
	background:#f58634;
	text-decoration:none;
		/* Safari 3-4, iOS 1-3.2, Android 1.6- */
  -webkit-border-radius: 3px; 

  /* Firefox 1-3.6 */
  -moz-border-radius: 3px; 
  
  /* Opera 10.5, IE 9, Safari 5, Chrome, Firefox 4, iOS 4, Android 2.1+ */
  border-radius: 3px; 
  color:#fff;
}
.site-navigation .active{
	background:#f58634;
	text-decoration:none;
		/* Safari 3-4, iOS 1-3.2, Android 1.6- */
  -webkit-border-radius: 3px; 

  /* Firefox 1-3.6 */
  -moz-border-radius: 3px; 
  
  /* Opera 10.5, IE 9, Safari 5, Chrome, Firefox 4, iOS 4, Android 2.1+ */
  border-radius: 3px; 
  color:#fff;
}


/* internal header */

.internall-search{
	border-top:1px solid#ddd;
}
.navbar{
	margin-bottom:0;
	background:#fff;
	border:none;
}
.yamm .nav,
.yamm .collapse,
.yamm .dropup,
.yamm .dropdown {
  position: static;
}
.yamm .container {
  position: relative;
}
.yamm .dropdown-menu {
  left: auto;
}
.yamm .yamm-content {
  padding: 20px 30px;
}
.yamm .dropdown.yamm-fw .dropdown-menu {
  left: 0;
  right: 0;
}

.yamm ul{
	list-style-type:none;
	margin:0;
	padding:0;
}
.yamm ul li{
	color:#666;
}
.yamm ul li:hover{
	text-decoration:underline;
	color:#222;
}

.navbar-form input[type=text]{
	border:1px solid#222222;
	border-radius:none;
	outline:none;
	padding:6px;
	width:350px;
	font-size:13px;
}
.button-2{
	background:#222;
	color:#fff;
	padding:5px 15px;
	display:inline-block;
	border:1px solid#222;
	margin-left:-6px;
}
.button-2:hover{
	background:#222;
	color:#f58634;
	cursor:default;
}
.top-navigation-1{
	border-bottom:1px dotted#ddd;
	margin-bottom:20px;
	text-transform:uppercase;
	font-style:13px;
	font-weight:500;
	padding-bottom:15px;
}
.top-navigation-1 h6{
	padding-left:20px;
	font-size:14px;
}
.top-navigation-1 a:hover{
	text-decoration:underline;
	color:#222;
}
.top-navigation-1 i{
	font-size:18px;
	color:#666;
	position:absolute;
	clear:left;
}

.sign-up{
	padding:50px;
}
.sign-up i{
	color:#f58634;
}


/* brand name */

.brand-name img{
	height:70px;
	padding:10px;
}

/* middle section */
section.moddle-sec{
	padding:40px 0;
}


.location{
	border-bottom:1px solid#dddddd;
	border-top:1px solid#dddddd;
	padding:9px;
	font-size:13px;
}
.location i{
	color:#666;
	padding-right:8px;
}

.location-2{
	border-bottom:1px solid#dddddd;
	padding:9px;
	font-size:13px;
	
}
.location-2 i{
	color:#666;
	padding-right:8px;
}
.location-2 ul{
	margin:0;
	padding:0;
	list-style-type:none;
}
.location-2 ul li{
	float:left;
}
.location-2 ul li a{
	border:1px solid#ccc;
	display:inline-block;
}


/* footer */
footer{
	background:#252525 url(../images/vector-cityscape-silhouette.png) repeat-x bottom center;
	text-align:center;
}
footer p{
	color:#666;
}
footer .footer-2{
	padding:30px 0;
	font-size:11px;
	color:#494949;
	text-transform:uppercase;
}
footer .footer-2 ul{
	margin:0 auto;
	padding:0;
	list-style-type:none;
	display:table;
}
footer .footer-2 ul li{
	float:left;
}
footer .footer-2 ul li a{
	text-decoration:none;
	color:#494949;
	padding:0 10px;
}
footer .footer-2 ul li a:hover{
	text-decoration:underline;
	color:#f58634;
}


footer .footer-1{
	padding-bottom:30px;
	text-align:center;
}
footer .footer-1 h3{
	color:#875252;
}
footer .footer-1 h5{
	color:#875252;
}
footer .footer-1 address p{
	color:#666;
}
/* social media */
.social-tags{
	margin-top:15px;
	padding:0;
	}
.social-tags ul{
	margin:0 auto;
	padding:0;
	list-style-type:none;
	display:table;
}
.social-tags ul li{
	float:left;
}
.social-tags ul li a i{
	font-size:14px;
	line-height:30px;
	}
.social-tags ul li a span{
	width: 30px;
	height: 30px;
	display: inline-block;
	text-align: center;
	transition:0.5s all;
	-webkit-transition:0.5s all;
	-moz-transition:0.5s all;
	-o-transition:0.5s all;
	-ms-transition:0.5s all;
	color:#9c7d23;
	color:#666;
	border:1px solid#3a3435;
	
}
.social-tags ul li a span:hover,.social-tags ul li.active a span{
	background:#000;
	color:#FFF;
	border:1px solid#000;
}

.search-box{
	margin:0;
	padding-top:20px;
	text-align:center;
}
.search-box input[type=text]{
	border:1px solid#444;
	padding:10px;
	font-size:13px;
	width:88%;
	outline:none;
}
.button-1{
	background:#222;
	color:#fff;
	padding:9px 25px;
	display:inline-block;
	border:1px solid#222;
}
.button-1:hover{
	background:#222;
	color:#f58634;
	cursor:default;
}
.search-box span{
	font-size:10px;
	color:#fff;
	width:100%;
	text-align:center;
}
.custome-drop{
	margin-top:25px;
}
.dropdown a{
	text-decoration:none;
	font-size:13px;
	color:#222;
}
.dropdown ul{
	border-radius:none;
}

.top-form{
	padding:20px;
	text-align:center;
}
.top-form i{
	font-size:100px;
	color:#f58634;
}
.top-form h3{
	padding:15px 0;
}
.top-form > form{
	text-align:center;
	background:#eceff0;
	padding:20px;
}
.top-form > form input[type=text], select{

	border:1px solid#ddd;
	padding:10px;
	font-size:13px;
	width:88%;
	outline:none;
	margin:5px 0;
}
.top-form > form input[type=submit]{
	border:1px solid#222;
	background:#222;
	color:#fff;
	padding:10px 35px;
}


/* top saling brands */
section.top-sealing-brand{
	padding:30px 0;
}
.heading-top{
	border-bottom:1px dotted#ccc;
	margin-bottom:30px;
	padding-bottom:20px;
	width:100%;
}
.heading-top h3{
	padding-bottom:10px;
}

#owl-demo .item{
	margin:5px;
	padding:5px;
	text-align:center;
	border:1px solid#ddd;
}
#owl-demo .item img{
	width:85%;
}


/* promotional offer */
section.promotional-offer{
	padding:40px 0;
}

/* gray line */

.gray-line{
	border:1px solid #eceff0;
	background:#fff;
}

/* demo 2 */
#owl-demo-2 .item{
margin:0;
padding:10px;
text-align:center;
}

#owl-demo-3 .item{
margin:0;
padding:10px;
text-align:center;
}


.product-box{
	border:1px solid#ddd;
	transition:0.5s all;
	-webkit-transition:0.2s all;
	-moz-transition:0.2s all;
	-o-transition:0.2s all;
	-ms-transition:0.2s all;
	background:#fff;
	padding:20px;

}
.product-box:hover{
	border:1px solid#ddd;
    -webkit-box-shadow: 0 0px 2px 2px rgba(0,0,0,0.1);
   -moz-box-shadow: 0 0px 2px 2px rgba(0,0,0,0.1);
    box-shadow: 0 0px 2px 2px rgba(0,0,0,0.1);
}
.image-product{
	border:0px solid#ccc;
	min-height:150px;
	margin-bottom:20px;
	text-align:center;
	background:#efefef;
    vertical-align: middle; 
    width:100%;
    height:100%; 	
}
.image-product img{
	width:100%;
}
.product-box h3 a{
	font-size:20px;
	text-decoration:none;
	color:#444;
	display:block;
}
.product-box h3 a:hover{
	text-decoration:none;
	color:#000;
}
.product-box h6{
	border-bottom:1px dotted#ccc;
	padding:20px 0;
}
.product-box span{
	font-size:11px;
	line-height:40px;
	text-transform:uppercase;
	color:#939598;
}
.button-25{
	display:inline-block;
	border:1px solid#f58634;
	color:#f58634;
	padding:8px 25px;
	transition:0.5s all;
	-webkit-transition:0.2s all;
	-moz-transition:0.2s all;
	-o-transition:0.2s all;
	-ms-transition:0.2s all;
	font-size:13px;
	text-transform:uppercase;
}
.button-25:hover{
	background:#222;
	color:#fff;
	text-decoration:none;
	border:1px solid#222;
}

#owl-demo-4 .item{
	margin:0;
	padding:0 20px;;
}
#owl-demo-4 .item p{
	color:#666;
}
#owl-demo-4 .item h6{
	color:#7a5252;
}


.button-26{
	display:inline-block;
	border:1px solid#3a3435;
	color:#666;
	padding:6px 25px;
	transition:0.5s all;
	-webkit-transition:0.2s all;
	-moz-transition:0.2s all;
	-o-transition:0.2s all;
	-ms-transition:0.2s all;
	font-size:12px;
	text-transform:uppercase;
}
.button-26:hover{
	background:#000;
	color:#fff;
	text-decoration:none;
	border:1px solid#000;
}

.model-window-width{
	padding:20px;
	text-align:center;
}

.model-window-width a{
	text-align:center;
	text-decoration:none;
	color:#222;
}
.model-window-width a:hover{
	color:#d71920;
	text-decoration:none;
}
.model-window-width a h3{
	padding-bottom:8px;
}
.model-window-width h2{
	padding-bottom:15px;
}
.inner-main-model{
	border-bottom:1px solid#ddd;
	border-top:1px solid#ddd;
	margin:15px 0;
	padding:15px 0;
}
.inner-main-model p{
	margin-bottom:0;
	padding-top:15px;
}
.newslatter{
	background:#ecf1f4;
	padding:15px;
}
.newslatter > form {
	padding:0 ;
	margin:0;
}
.newslatter > form > input[type=text]{
	border:1px solid#f58634;
	padding:9px;
	outline:none;
	width:27%;
	margin-left:-1px;	
	font-size:12px;
}
.newslatter > form > input[type=submit]{
	border:0px solid#f58634;
	background:#f58634;
	color:#fff;
	padding:9px 20px;
	font-size:13px;
}
.newslatter h6{
	color:#c4151c;
	font-size:18px;
	padding-bottom:10px;
}
.newslatter span{
	font-size:10px;
	color:#444;
	text-transform:lowercase;
}


