@charset "utf-8";

/* Additional CSS */
@import url('fonts.css');
@import url('colors.css');
@import url('svg.css');

/*
=====================================================================================================
Author		: Naveen P Suthar | http://www.naveenwebsolutions.com | naveenwebsolutions@gmail.com
BOOTSTRAP 	: 4.0.0
======================================================================================================
*/

html {font-size:14px; line-height:28px;}
a { outline:none !important; }
hr {border-color:#323232;}
dt {font-size:1.2rem; color:#FFFF00; padding-top:15px;}
dd {font-size:1rem; line-height:18px; line-height:25px; margin:0 0 15px 20px;}

hr.gradient {
  border: 0;
  height: 1px;
  background-image: -webkit-linear-gradient(left, transparent, #8c8b8b, transparent);
  background-image: -moz-linear-gradient(left, transparent, #8c8b8b, transparent);
  background-image: -ms-linear-gradient(left, transparent, #8c8b8b, transparent);
  background-image: -o-linear-gradient(left, transparent, #8c8b8b, transparent);
}
a {color:#333333;text-decoration: none;}
a:hover {color:#000;text-decoration: none;}

.h05 { height: 5px }
.h10 { height: 10px }
.h20 { height: 20px }
.h30 { height: 30px }
.h40 { height: 40px }
.h50 { height: 50px }
.h60 { height: 60px }

.vh-90 { height: 90vh !important; }
.vh-80 { height: 80vh !important; }
.vh-70 { height: 70vh !important; }
.vh-60 { height: 60vh !important; }
.vh-50 { height: 50vh !important; }

.w-10 { width: 10%!important; }
.w-20 { width: 20%!important; }
.w-30 { width: 30%!important; }
.w-40 { width: 40%!important; }
.w-60 { width: 60%!important; }
.w-70 { width: 70%!important; }
.w-80 { width: 80%!important; }
.w-90 { width: 90%!important; }

.text-height-0 { line-height:0; }
.text-height-1 { line-height:1rem; }
.text-height-2 { line-height:1.5rem; }
.text-height-3 { line-height:2rem; }
.text-height-4 { line-height:2.5rem; }
.text-height-5 { line-height:3rem; }
.text-height-auto { line-height:auto;}

.text-spacing-0 {letter-spacing: 0rem;}
.text-spacing-1 {letter-spacing: 0.1rem;}
.text-spacing-2 {letter-spacing: 0.2rem;}
.text-spacing-3 {letter-spacing: 0.3rem;}
.text-spacing-4 {letter-spacing: 0.4rem;}
.text-spacing-5 {letter-spacing: 0.5rem;}

.letter-50 {font-size:50%;}
.letter-75 {font-size:75%;}
.letter-85 {font-size:85%;}
.letter-95 {font-size:95%;}
.letter-100 {font-size:100%;}
.letter-110 {font-size:110%;}
.letter-125 {font-size:125%;}
.letter-150 {font-size:150%;}
.letter-175 {font-size:175%;}
.letter-200 {font-size:200%;}

.icon-size-1 {width:1.5rem;}
.icon-size-2 {width:2rem;}
.icon-size-3 {width:3rem;}
.icon-size-4 {width:4rem;}
.icon-size-5 {width:5rem;}

.cursor-pointer{cursor: pointer;}
.cursor-help {cursor: help;}
.cursor-move {cursor: move;}

.bdr-1 { border-width: 1rem !important; }
.bdr-2 { border-width: 2rem !important; }
.bdr-3 { border-width: 3rem !important; }
.bdr-4 { border-width: 4rem !important; }
.bdr-5 { border-width: 5rem !important; }

.col-centered{ float: none; margin: 0 auto; }
.clear{clear: both;}
.cleaner { display: block; clear: both; content: ""; }
.bold {font-weight:bold;}
.bdr {border:1px solid #C7C7C7; padding:7px; background-color:#fff; box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19); margin-bottom:15px; }
.strike {text-decoration: line-through;}

.hoverHightlight{border: 1px solid #fff;}
.hoverHightlight:hover{background:#f7f7f7; border: 1px solid #e6e6e6;}

.blur:hover {
	-webkit-filter: blur(5px); -moz-filter: blur(5px);
	-o-filter: blur(5px); -ms-filter: blur(5px);
	filter: url(#blur); filter: blur(5px);
	filter:progid:DXImageTransform.Microsoft.Blur(PixelRadius='3');
	-webkit-transition: 1s -webkit-filter linear;
	-moz-transition: 1s -moz-filter linear;
	-o-transition: 1s -o-filter linear;
	transition: 1s filter linear;
}

.cartIcon{width:40px; height:40px; padding:9px; border:#999999 3px solid; font-size: 1.1rem;}
.cartIcon:hover{border-color:#fff;}
.cartValue{
	color:#000;
	background-color:#F9FF00;
	position:relative;
	top:-160%;
	left:110%;
	padding:8% 30%;
	border-radius:1000px;
}
.cart-fixed{
    z-index:9999;
    position:fixed;
    top:85px;
    right:30px;
}

.pureRed { color:#FF0000; }
.skyBlue { color:#0093E7;}

.bg-black90 { background-color: rgba(0, 0, 0, 0.9);}
.bg-black80 { background-color: rgba(0, 0, 0, 0.8);}
.bg-black70 { background-color: rgba(0, 0, 0, 0.7);}
.bg-black60 { background-color: rgba(0, 0, 0, 0.6);}
.bg-black50 { background-color: rgba(0, 0, 0, 0.5);}
.bg-black40 { background-color: rgba(0, 0, 0, 0.4);}
.bg-black30 { background-color: rgba(0, 0, 0, 0.3);}
.bg-black20 { background-color: rgba(0, 0, 0, 0.2);}
.bg-black10 { background-color: rgba(0, 0, 0, 0.1);}

.bg-white90 { background-color: rgba(255, 255, 255, 0.9);}
.bg-white80 { background-color: rgba(255, 255, 255, 0.8);}
.bg-white70 { background-color: rgba(255, 255, 255, 0.7);}
.bg-white60 { background-color: rgba(255, 255, 255, 0.6);}
.bg-white50 { background-color: rgba(255, 255, 255, 0.5);}
.bg-white40 { background-color: rgba(255, 255, 255, 0.4);}
.bg-white30 { background-color: rgba(255, 255, 255, 0.3);}
.bg-white20 { background-color: rgba(255, 255, 255, 0.2);}
.bg-white10 { background-color: rgba(255, 255, 255, 0.1);}

.black90 { color: rgba(0, 0, 0, 0.9);}
.black80 { color: rgba(0, 0, 0, 0.8);}
.black70 { color: rgba(0, 0, 0, 0.7);}
.black60 { color: rgba(0, 0, 0, 0.6);}
.black50 { color: rgba(0, 0, 0, 0.5);}
.black40 { color: rgba(0, 0, 0, 0.4);}
.black30 { color: rgba(0, 0, 0, 0.3);}
.black20 { color: rgba(0, 0, 0, 0.2);}
.black10 { color: rgba(0, 0, 0, 0.1);}

.white90 { color: rgba(255, 255, 255, 0.9);}
.white80 { color: rgba(255, 255, 255, 0.8);}
.white70 { color: rgba(255, 255, 255, 0.7);}
.white60 { color: rgba(255, 255, 255, 0.6);}
.white50 { color: rgba(255, 255, 255, 0.5);}
.white40 { color: rgba(255, 255, 255, 0.4);}
.white30 { color: rgba(255, 255, 255, 0.3);}
.white20 { color: rgba(255, 255, 255, 0.2);}
.white10 { color: rgba(255, 255, 255, 0.1);}

.bg-loader { background: url('../images/loaderAni.gif') no-repeat; background-size: contain; background-position: center center;}

.wh-equal-out { padding-top: 100%; /* 1:1 Aspect Ratio */ }
.wh-equal-in { position: absolute ; top: 0; left: 0; bottom: 0; right: 0; }

.modal p, .modal dd, .modal li {line-height:20px;}
.normal {font-weight:normal;}

.blink-me { animation: blinker 2s linear infinite; }
@keyframes blinker { 50% { opacity: 0; } }

.inshade {
    border-radius: 4px;
    padding: 30px 30px !important;
    box-shadow: inset 0 0 3px rgb(0, 0, 0);
}

.bs-callout {
	padding: 20px;
	margin: 20px 0;
	border: 1px solid #eee;
	border-left-width: 5px;
	border-radius: 3px;
}

/* --- contact form  ---- */


/* Form Area */

fieldset{border:none; margin:0; padding:0;}

/* Pagination for AutoGallery */

.nevigation{color:#fff; display:block; background:transparent; padding:10px; width:90%; font-size:0.9rem; clear:both;}

.pg_box_current{
    font-size:0s.8rem;
    text-align:center;
    display:block;
    padding:0px 4px 5px 4px;
    margin : 0 0 4px 4px;
    background-color:#000;
    color:#fff;
    float:left;
    border-radius:3px;
}

.pg_box a{font-size:0.9rem; text-align:center; display:block; padding:0px 4px 5px 4px; margin : 0 0 4px 4px; background-color:#e8e8e8; color:#000; float:left; border-radius:3px;}
.pg_box a:hover{background-color:#182C3A; color:#fff;}

/* Pagination for AutoGallery */

.scrollup{
    width:50px;
    height:50px;
    z-index:999;
    opacity:0.5;
    text-align:center;
    padding:5px;
    position:fixed;
    bottom:50px;
    right:50px;
    display:none;
    border-radius:50%;
}
.scrollup:hover{opacity:1; color:#FFFF00;}
.scrollup a{color:#FFFF00;}


/*---------------------------------------------------------
 0. My Edit End
-------------------------------------------------------- */
.flexslider {
  width: 100%;
  max-width: 100%;
  min-width: 100%;
  overflow: hidden;
}

.flex-direction-nav a {
  color: #444444;
  width: 40px;
  height: 40px;
  background-color: white;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  margin: -20px 0 0 0;
  text-align: center;
  line-height: 40px;
}

/*---------------------------------------------------------
 1. Fontawesome Spinner as background
-------------------------------------------------------- */
.loading-icon {
position: relative;
width: 20px;
height: 20px;
margin: auto;
-webkit-animation: fa-spin 2s infinite linear;
animation: fa-spin 2s infinite linear;
}

.loading-icon:before {
content: "\f110";
font-family: FontAwesome;
font-size:20px;
position: absolute;
top: 0;
}
/* ===================================
nstyle - Panel
==================================== */
.panel-nstyle1 {
    background:url('../images/panel_body.jpg') repeat;
    border:none;
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 1), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}
.panel-nstyle1 > .panel-heading {
    background:transparent url('../images/50black.png');
    background-size:100%;
    padding:20px;
    color:#fff;
    border:none;
}
.panel-nstyle1 > .panel-body {
    color:#fff;
    min-height:200px;
}

.panel-nstyle1 > .panel-body ul li a{
    color:#000;
}

.panel-nstyle1 > .panel-body ul li {
    margin:15px 10px;
}

.panel-nstyle1 > .panel-body ul li span{
    width:20px;
}

/* ===================================
News Panel Fixes
==================================== */

.news-item
{
    padding:10px;
    margin:0px;
    border-bottom:1px dotted #999999;
    color:#000;
    list-style: none;
}

/* contact section
---------------------------------*/
#contact {
	background: #f6f6f6 url('../customize/gallery/_hidden_images/contactus.jpg') no-repeat fixed;
	background-size:cover;
	color: #FFFFFF;
	padding-top: 100px;
	padding-bottom: 80px;
}

/*---------------------------------------
   PRE LOADER
-----------------------------------------*/

.preloader {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 99999;
	display: flex;
	flex-flow: row nowrap;
	justify-content: center;
	align-items: center;
	background: url('../images/logo_square.png') no-repeat scroll 0 0 #ffffff;
	background-position: top center;
	background-size: 100px 100px;
}

.spinner {
	border: 1px solid transparent;
	border-radius: 3px;
	position: relative;
}

.spinner:before {
	content: '';
	box-sizing: border-box;
	position: absolute;
	top: 50%;
	left: 50%;
	width: 44px;
	height: 44px;
	margin-top: -23px;
	margin-left: -22px;
	border-radius: 50%;
	border: 1px solid #575757;
	border-top-color: transparent;
	animation: spinner .9s linear infinite;
}

@-webkit-@keyframes spinner {
	to {transform: rotate(360deg);}
}

@keyframes spinner {
	to {transform: rotate(360deg);}
}
/*-------------------------------------------------------------*/

.centerImg{
	display: inline-block;
	max-width:220px;
	max-height:150px;
	min-height:150px;
	overflow:hidden;
	position: relative;
	border:7px solid #ffffff;
	background-color:#fff;
	box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
	margin-bottom:15px;
	}

.centerImg a img{
	max-width:none;
	position: absolute;
	top: -9999px;
	bottom: -9999px;
	left: -9999px;
	right: -9999px;
	margin: auto;
	}


/* Hover Effect Image Bootstrap */
.hovereffect {
	width:100%;
	height:100%;
	float:left;
	overflow:hidden;
	position:relative;
	text-align:center;
	cursor:hand;
}

.hovereffect img {
	display:block;
	position:relative;
	-webkit-transition:all .4s linear;
	transition:all .4s linear;
}

.hovereffect:hover img {
	-ms-transform:scale(1.2);
	-webkit-transform:scale(1.2);
	transform:scale(1.2);
}

/* Razorpay Button Style */
.razorpay-payment-button {
	color:#ffffff !important;
	background-color:#9BC90D;
	border-color: #9BC90D;
	font-size: 2rem;
	font-weight: 800;
	width: 100%;
	height: 50px;
}

/* Bootstrap Style Override */
.row { margin:0px; }

.card ul
{
    padding:0px;
    margin:0px;
}

.cut { position:relative; }
.cut:before { content:""; position:absolute; top:0; left:0; border-style:solid; border-color:#fff transparent transparent #fff; }
.cut-40:before{ border-width:40px 40px 0px 0px; }
.cut-50:before{ border-width:50px 50px 0px 0px; }
.cut-60:before{ border-width:60px 60px 0px 0px; }
.cut-r-white:before { border-color:#fff transparent transparent #fff; }
.cut-r-black:before { border-color:#111111 transparent transparent #111111; }
.cut-r-dark:before { border-color:#343a40 transparent transparent #343a40; }
.cut-l-white:before { border-color:transparent #fff #fff transparent; }
.cut-l-black:before { border-color:transparent #111111 #111111 transparent; }
.cut-l-dark:before { border-color:transparent #343a40 #343a40 transparent; }