/* Template Options */
/*
	--//-- 1. Color Options --//--

	- Theme color - 00d8ff (rgba - 0,216,255);
	- Header background color - 000000 (rgba - 0,0,0);
	- Header text color - ffffff;
	- Main menu text color - ffffff;
	- Sub-menu text color - ffffff;
	- Sub-menu border - 393b3b;
	- Body background color - ffffff;
	- Main text color - ffffff;
	- Heading color - ffffff;
	- Content block background color - 000000;
	- Footer copyright color - ffffff;
	
	--//-- 2. Fonts --//--
   
	- Content font - Roboto;
	- Main menu font - Roboto;
	- Headers - Muli;
*/

/*--------
Selections ---------------------------------------- */

::-moz-selection {
	background:#1C9AD5;
	color:#fff;
	text-shadow:none
}
::selection {
	background: #1C9AD5;
	color: #fff;
	text-shadow: none
}

/* --------------------
Placeholder Formatting ---------------------------------------- */

::-webkit-input-placeholder {
	opacity: 1 !important;
	color: #585858 !important;
}
[placeholder]:focus::-webkit-input-placeholder { 
	color: #333333 !important;
}

/*------------------------------------
Placeholder Formatting For Firefox 18 -------------------------- */

:-moz-placeholder {
	color: #585858 !important;
	opacity: 1 !important;
} 
input:focus:-moz-placeholder, textarea:focus:-moz-placeholder {
	color: #333333 !important;
}

/*-------------------------------------
Placeholder Formatting For Firefox 19+ ------------------------- */

::-moz-placeholder {
	color: #585858 !important;
	opacity: 1 !important;
} 
input:focus::-moz-placeholder, textarea:focus::-moz-placeholder {
	color: #333333 !important;
}
:-ms-input-placeholder {
	color: #585858 !important;
	opacity:1 !important; 
}
input:focus:-ms-input-placeholder, textarea:focus::-ms-input-placeholder {
	color: #333333 !important;
}
a,
a:hover{
    color: #fec30d;
}
body{
	font-size:13px;
	color: #000000;
}
.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6{
	font-weight: 300;
}
.backTop,
.btn-theme{
    -webkit-transition: all 0.6s;
    -moz-transition: all 0.6s;
    -o-transition: all 0.6s;
    -ms-transition: all 0.6s;
    transition: all 0.6s;
}

.btn-theme,
.black-color,
.btn-theme:hover,
.logo-section small,
.btn-theme.disabled,
.btn-theme:disabled,
.gallery-slide .item a span,
.show>.btn-theme.dropdown-toggle,
.btn-theme:not(:disabled):not(.disabled).active,
.btn-theme:not(:disabled):not(.disabled):active,
.product-dtl-tab ul.nav-tabs .nav-item .nav-link{
	color:#000000;
}

.white-color{
	color:#FFFFFF;
}

.btn-theme{
	background-color: #ffcc21;
	border-color: #ffcc21
}
.btn-theme:hover{
	background-color: #f0bf19;
	border-color: #f0bf19
}
.btn-theme.focus,
.btn-theme:focus{
	box-shadow: 0 0 0 .2rem rgba(38,143,255,.5)
}
.btn-theme.disabled,
.btn-theme:disabled{
	background-color: #fae499;
	border-color: #fae499
}
.btn-theme:not(:disabled):not(.disabled).active,
.btn-theme:not(:disabled):not(.disabled):active,
.show>.btn-theme.dropdown-toggle {
	background-color: #f0bf19;
	border-color: #f0bf19
}
.btn-theme:not(:disabled):not(.disabled).active:focus,
.btn-theme:not(:disabled):not(.disabled):active:focus,
.show>.btn-theme.dropdown-toggle:focus {
	box-shadow: 0 0 0 .2rem rgba(38,143,255,.5)
}
.image-source-link {
	color: #98C3D1;
}

.mfp-with-zoom .mfp-container,
.mfp-with-zoom.mfp-bg {
	opacity: 0;
	-webkit-backface-visibility: hidden;
	/* ideally, transition speed should match zoom duration */
	-webkit-transition: all 0.3s ease-out; 
	-moz-transition: all 0.3s ease-out; 
	-o-transition: all 0.3s ease-out; 
	transition: all 0.3s ease-out;
}

.mfp-with-zoom.mfp-ready .mfp-container {
		opacity: 1;
}
.mfp-with-zoom.mfp-ready.mfp-bg {
		opacity: 0.8;
}

.mfp-with-zoom.mfp-removing .mfp-container, 
.mfp-with-zoom.mfp-removing.mfp-bg {
	opacity: 0;
}
/* ------------- Start Here Coding --------------- */


/*------------------
 Background section ------------------------------*/


/*----------------------
 End:Background section ---------------------*/


/*--------------
 Border section -----------------------------*/
 

/*------------------
 End:Border section ---------------------*/


/* --- GoTop -----
--------------------------------------------- */
.backTop {
	background-image:url(../images/icons/arrow.png);
	background-position: 50% 50%;
	background-repeat: no-repeat;
	background-color: #ffcc21;
	border:1px solid #ffcc21;
	z-index: 999;
	width: 28px;
	height: 40px;
	border-radius: 24px 0 0 0;
	-moz-border-radius: 24px 0 0 0;
	-webkit-border-radius: 24px 0 0 0;
	-o-border-radius: 24px 0 0 0;
	text-indent: -999px;
	position: fixed;
	bottom: -100px;
	right: 0px;
	cursor: pointer;
	overflow: auto;
}
.backTop:hover {
	background-color: #ffcc21 !important;
	border:1px solid #ffcc21;
}

.fixed-top{
    position: fixed !important;
    top: 0;
    left: 0;
    right: 0;
    z-index: 9999;
    /*box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);*/
    -webkit-animation: fadeInDown 800ms;
    -moz-animation: fadeInDown 800ms;
    -ms-animation: fadeInDown 800ms;
    -o-animation: fadeInDown 800ms;
    animation: fadeInDown 800ms;
    -webkit-backface-visibility: hidden;
}
@keyframes fadeInDown {
    from {
        opacity: 0;
        transform: translate3d(0, -100%, 0);
    }

    to {
        opacity: 1;
        transform: none;
    }
}

.no-decorate, .no-decorate:hover{
	color: inherit;
    text-decoration: none;
}