@font-face{
	font-family: 'Bahnschrift';
	src:url('../fonts/bahnschrift.ttf') format('truetype');
}

@font-face{
	font-family: 'CormorantGaramond-Bold';
	src:url('../fonts/CormorantGaramond-Bold.ttf') format('truetype');
}

@font-face{
	font-family: 'CormorantGaramond-Medium';
	src:url('../fonts/CormorantGaramond-Medium.ttf') format('truetype');
}

@font-face{
	font-family: 'OpenSans-Regular';
	src:url('../fonts/OpenSans-Regular.ttf') format('truetype');
}


@font-face{
	font-family: 'Kruti Dev 210';
	src:url('../fonts/KRDEV210.ttf') format('truetype');
}


/*

*/  

html{
	scroll-behavior: smooth;
}

/*
B-       #0ba9fa

O-       #fc540d

Y-		 #ff9d0e

*/

/*.top-bar{
	background: #c25d35;
	color:#fff;
	padding-top: 5px;
	padding-bottom: 5px;
}*/

.top{
	
	margin-top: 5px;
	color:#fff;
}

.top  .navbar-nav{list-style: none;padding-left: 0;}
.help{
	color: #999;
	letter-spacing: 1px;
}
.help i{
	color: #ff4e00;
}

.navigation{
	background: #0c82d2;
	/*#d85e29;   /*#f6f3ef;*/
	border-radius: 0;
	margin-bottom: 0;
	border:0;
}

.navigation .nav li a{
	color:#fff;
	/*font-family: 'Bahnschrift';*/
	/*font-weight:  bold;*/
	/*letter-spacing: 1px;*/
	text-transform: uppercase;
}

.navigation .nav li a:hover{
	background: none;
}

.navigation1{
	background: #0c82d2;
	/*#d85e29;   /*#f6f3ef;*/
	border-radius: 0;
	margin-bottom: 0;
	border:0;
	display: none;
}

.navigation1 .nav li a{
	color:#fff;
	font-family: 'Bahnschrift';
	/*font-weight:  bold;*/
	/*letter-spacing: 2px;*/
	text-transform: uppercase;
}

.navigation1 .nav li a:hover{
	background: none;
}


.gs{font-family: 'Bahnschrift';
}

.navigation .dropdown-menu
{
	/*width: 100%;*/
	background: #0c82d2;
}

.navigation .dropdown-menu li a{
	color:#fff;
	display: block;
	border-bottom: 1px dotted #ccc;
	padding-top: 10px;
	padding-bottom: 10px;
	/*text-transform: capitalize;*/
}

.dropdown:hover .dropdown-menu{
	display: block;
}

.logo{
	
	width: 225px;
	margin-top: 25px;
}



.gslogo{width: 230px; margin-top: 5px;}

.rana{
	font-family: 'Bahnschrift';
	/*font-family: 'Kruti Dev 210';*/
	color:#333;
	margin-top: 5px;
	
}


.head{
		/*color:#721e1a;*/
		color:#333;
		border-left: 3px solid #ff4e00;
		padding-left: 10px;
		text-transform: uppercase;
		/*font-family: 'Bahnschrift';*/
		font-weight: bold;
		margin-bottom: 25px;
}

.pros{
	margin-top: 50px;
	/*font-family: 'Kruti Dev 210';*/
	font-family: 'Bahnschrift';
	/*font-size: 20px;*/
}

.pros a:hover{text-decoration: none;}
.pro{
	padding: 15px;
	border: 1px solid #ccc;
	text-align: center;
	transition:.2s;
	margin-top: 15px;
}

.pro:hover{
	border: 1px solid #0c82d2;
}

.paradpic{
	width: 300px;
	padding: 10px;
	border:1px solid #ccc;
	/*box-shadow: -15px 15px #0c82d2;*/
	/*border-radius: 5px;*/
	padding: 5px;
}

.paradpic1{
	width: 300px;
	padding: 10px;
	border:1px solid #ccc;
	/*box-shadow: 15px 15px #0c82d2;*/
	/*border-radius: 5px;*/
	/*box-shadow: 0 0 3px 5px #ccc;*/
	padding: 5px;
}

.pro .pic{ float: left; width: 100%;  height: 200px;}
.pro img{
	width: 100%;
	max-height: 100%;
}



.pro a{text-decoration: none;}
.pro a:hover{text-decoration: none;}
.pro p{
	text-transform: uppercase;
	font-family: 'Bahnschrift';
	font-weight: bold;
	margin-top: 10px;
	/*background: #721e1a;*/
	color:#333;
	padding:5px;
}


.abt{
	font-family: 'Bahnschrift';
}

.abt p{
	line-height: 30px;
	text-align: justify;
}
.button{
	background: #0c82d2;
	/*background: #721e1a;*/
	border-radius: 0;
	color:#fff;
}

.button:hover{
	
	color:#fff;
}


.button1{
	background: #ff4e00;
	border-radius: 0;
	color:#fff;
}

.button1:hover{
	
	color:#fff;
}

.button2{
	background: #0c82d2;
	border-radius: 0;
	color:#fff;
}

.button2:hover{
	
	color:#fff;
}


.pro-view{
	margin-top: 50px;
}

.pro-view img{
	width: 100%;
	max-height: 100%;
}

.pro-view .big{
float: left;
width: 100%;
height: 250px;
/*border:1px solid #ccc;*/
}

.pro-view .pro-thumbnail img{
	width: 60px;
	height: 60px;
	margin-right: 10px;
	border:1px solid #ccc;
	padding: 2px;
}

.pro-view .pro-thumbnail img:hover{
	border:1px solid #d85e29;
	box-shadow: 0 0 2px #d85e29;

}

.brandname{
	color:#ff4e00;
}

.price{
	color:#555;
	display: inline-block;
	width: 60px;
}

.fprice{
	color:#ff4e00;
	font-size: 18px;
}

.stock .in{
	color: #007600;
}

.stock .out{
	color: #f00;
}


.items{
	padding: 15px;
	border:1px solid #ccc;
	margin-bottom: 15px;
}

.minus, .plus{
	border:1px solid #ccc;
	color:#333;
	margin-left: 10px;
	margin-right: 10px;
	padding: 5px;
}

.payment{
	padding: 15px;
	border:1px solid #ccc;

}

.amts{
	display: inline-block;
	width: 170px;
}

.form input[type="text"]{
	width: 100%;
	height: 30px;
	padding-left: 10px;
	border:1px solid #ccc;
	
}

.form textarea{
	width: 100%;
	height: 100px;
	padding-left: 10px;
	border:1px solid #ccc;
	
}

.summary{
	color:#555;
}


.cart{
	/*color:#d85e29;*/
	color:#0c82d2;

}
.cart a i{
	/*color:#d85e29;*/
	color:#ff4e00;
	
}


.razorpay-payment-button{
background: #d85e29;	
padding: 10px;
color:#fff;
border:0;
font-size: 18px;
font-family: 'Bahnschrift';

}

.incart{
	background-color:#ff4e00;
	color:#fff;
	display: inline-block;
	width: 22px;
	height: 22px;
	margin-left: 10px;
	margin-top: 7px;
	font-size:16px; 
	text-align: center;
	font-family: 'Bahnschrift';
}


.footer{
	font-family: 'Bahnschrift';
	background: #f6f3ef;
	padding-top: 50px;
	padding-bottom: 50px;
	margin-top: 50px;
}
.footer i{
	color:#ff4e00;
}
.footer .nav li a{
	color:#555;
}

.footer h4{
	padding-left: 15px;
}




@media(max-width: 768px){
.top{padding-left: 5px; padding-right: 5px;}
.top p{font-size: 13px;}
.top  .navbar-nav {margin-top:0; margin-bottom: 0;}
.top  .navbar-nav li{display: inline-block;}


.navigation{
		display: none;
	}

	.navigation1{
		display: block;
	}


.logo{
	text-align: center;
	margin-top: 10px;
}
.pro{
	margin-top: 10px;
}

.head{
	margin-top: 20px;
}

.rana .fa {
	display: inline;
}

.rana .dropdown{
	float: left;
}
.cart {
	display: inline-block;
}

}