::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
  color: #716c80;
  opacity: 1; /* Firefox */
}

:-ms-input-placeholder { /* Internet Explorer 10-11 */
  color: #716c80 !important;
}

::-ms-input-placeholder { /* Microsoft Edge */
  color: #716c80 !important;
}




/* ======== ############# input default placeholder stylesheet ############# ======== */
input::-webkit-input-placeholder {font-size: 1.0rem;}
input:-moz-placeholder {font-size: 1.0rem;} /* FF 4-18 */
input::-moz-placeholder {font-size: 1.0rem;} /* FF 19+ */
input:-ms-input-placeholder {font-size: 1.0rem;} /* IE 10+ */

/* ======== ############# input focus default stylesheet ############# ======== */
input:focus::-webkit-input-placeholder {color:transparent;}
input:focus:-moz-placeholder {color:transparent;} /* FF 4-18 */
input:focus::-moz-placeholder {color:transparent;} /* FF 19+ */
input:focus:-ms-input-placeholder {color:transparent;} /* IE 10+ */
:focus{outline: none;}

/* ======== ############# selection stylesheet ############# ======== */
::-moz-selection { background: #9400ff; color: #fff;}
::selection { background: #9400ff; color: #fff;}



a{
	transform-origin: 0 0;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}


.navbar{max-width: 1160px; padding: 2.0625rem 15px;}




@media (max-width: 767.98px) {
	.container, .container-fluid {padding-left: 2.1875rem; padding-right: 2.1875rem;}
	.navbar{background: #fff; padding: 1.375rem 2.1875rem;} 
    .navbar-toggler{padding: 0 1rem 0 0; border: 0;}
    .navbar-toggler span{font-size: 2.5rem; color: #2cd44a;}
    .navbar-collapse.collapse{border-top: 1px solid; border-color: #e32131; background: #fff;}
    .navbar-light .navbar-nav .nav-item{border-bottom: 1px solid; border-color: rgba(0,0,0,0.06);}
    .navbar-light .navbar-nav .nav-item .nav-link{padding: 0.8rem 1rem;}
}


.navbar-nav .nav-item {padding-right: 2.6875rem;}
.navbar-nav .nav-item:last-child {padding-right: 0rem;}
.navbar-nav .nav-item .nav-link {height: 100%; color: #000; padding: 0rem 0rem 1.0rem 0; display: block; position: relative; font-size: 1.040rem; text-decoration: none; 
-webkit-transition: 0.3s linear all;
  -moz-transition: 0.3s linear all;
  -ms-transition: 0.3s linear all;
  -o-transition: 0.3s linear all;
  transition: 0.3s linear all;}
.navbar-nav .nav-item.active .nav-link, .navbar-nav .nav-item:hover .nav-link{color: var(--color-theme); border-bottom: 0rem solid; border-color: #e30613;}

/*.dropdown > a{position: relative;}
.dropdown > a::before{position: absolute; font-family: 'Material Icons'; content: "\e5cf"; transition: all 0.5s; font-size: 2.5rem; line-height: 0.8; right: -2rem;}*/

/* ======== ############# navbar dropdown menu stylesheet ############# ======== */
.navbar .dropdown-menu {border: none; margin-top: -0.01rem; border-radius: 0; min-width: 20rem;}
.navbar .dropdown-menu li {background: var(--color-lighgrey2);}
.navbar .dropdown-menu li.active {background: #797979; color: #fff;}
.navbar .dropdown-menu li.active a{color: #fff;}
.navbar .dropdown-menu .nav-item .nav-link {color: #ffffff;padding: 6px 0;}
.navbar .dropdown-menu.active {display: block;}
.navbar .navbar-toggler:focus {outline: 0;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  -ms-box-shadow: none;
  -o-box-shadow: none;
  box-shadow: none;
}

.navbar .dropdown-submenu.dropdown>.dropdown-item:before {content: ''; position: absolute; top:0; bottom: 0; left: 0; width: 0;  border-top: 1px solid #F3F3F3;  border-bottom: 1px solid #F3F3F3;  transition: all 0.3s ease-in-out;}
.profile_dropdown.nav-item:hover .nav-link{border: 0 !important;}

.navbar .dropdown-menu .dropdown-item {line-height: 1.6; color: #000; padding: 0.3rem 1.0rem; position: relative; transition: 0.70s; border-radius: 0.5rem; border-radius: 0; text-decoration: none;
    -webkit-transition: 0.70s;
    -moz-transition: 0.70s;
    -ms-transition: 0.70s;
    -o-transition: 0.70s;}
.navbar .dropdown-menu .dropdown-item:hover, .navbar .dropdown-menu .dropdown-item:active{color: #fff; background: #797979;}

/* ======== ############# dropdown multilevel submenu stylesheet ############# ======== */
.nav-item.dropdown > .nav-link.dropdown-toggle::after{display: none;}
.custom_nav .navbar-nav li:hover > ul.dropdown-menu {display: block; padding: 0;}
.navbar-nav li:hover > ul.dropdown-menu {border-radius: 0; box-shadow: 0px 10px 10px rgba(0,0,0,0.1); transition:.5s ease all; min-width: 6.75rem;}
.dropdown-submenu {position:relative;}
.dropdown-submenu > .dropdown-menu {top: 0; left: 100%; margin-top:0;}
.dropdown-toggle::after{display: flex; content: "chevron_right"; font-family: 'Material Icons'; right: 0; position: absolute; height: 100%; justify-content: center; align-items: center; top: 0; border: 0; font-size: 1.6rem;}
/*.navbar-nav li.dropdown-submenu:hover .dropdown-toggle::after{display: flex;}*/



/*=====  End of navigation  ======*/
/*====================================
=            media quries            =
====================================*/
@media screen and (min-width: 992px) {

}


@media (min-width: 768px) and (max-width: 991.98px) {
    .navbar-toggler{padding: 0 1rem 0 0; border: 0;}
    .navbar-toggler span{font-size: 2.5rem; color: #2cd44a;}
    .navbar-collapse.collapse{border-top: 1px solid; border-color: #e32131; background: #fff;}
    .navbar{padding-left: 0; padding-right: 0;}
    .navbar-brand{padding-left: 1rem;}
    .navbar-light .navbar-nav .nav-item{border-bottom: 1px solid; border-color: rgba(0,0,0,0.06);}
    .navbar-light .navbar-nav .nav-item .nav-link{padding: 0.8rem 1rem;}
	}

@media (max-width: 767.98px) {
	.navbar-brand img{width: 9rem;}
	.navbar{background: #fff;}
    .navbar-toggler{padding: 0 1rem 0 0; border: 0;}
    .navbar-toggler span{font-size: 2.5rem; color: #2cd44a;}
    .navbar-collapse.collapse{border-top: 1px solid; border-top-color: currentcolor; border-color: #e32131; background: #fff; height: 100vh;}
    .navbar-light .navbar-nav .nav-item{border-bottom: 1px solid; border-color: rgba(0,0,0,0.06);}
    .navbar-light .navbar-nav .nav-item .nav-link{padding: 0.8rem 1rem;}
	.form-group{margin-bottom: 1.5rem; text-align: left;}
}


@media (max-width: 575.98px) {
    body, html{font-size: 14px; font-family: 'Raleway', sans-serif; font-weight: 400; line-height: 1.4; color: #000;}
}

@media (min-width: 768px) and (max-width: 991.98px) {
}

/*extra stylesheet*/
@media (max-width: 767.98px) {
	/*.navbar-collapse.collapse{position: fixed; height: 100vh; background: #000; width: 100%; z-index: 999; overflow: hidden;}*/
}

header{transition: all ease-in 0.2s;}
.fixed_header {background: #fff; position: fixed; top: 0; left: 0; right: 0; margin: 0 auto; width: 100%; z-index: 100; animation-duration: 0.5s; animation-name: animate-header; border-bottom: 1px solid; border-color: #f1f1f1; box-shadow: 0px 0px 7px rgba(0,0,0,.3);}
.fixed_header .navbar {padding-top: 0.5rem; padding-bottom: 0.5rem;}

@keyframes animate-header{
  from{
    transform: translateY(-100%);
  }
  to{
    transform: translateY(0);
  }
}