#navbar, footer {
	z-index: 99!important;
}

/*important css*/


/*============================================================================================
                                        features
==============================================================================================*/
.Feature-heading {
	margin-bottom: 20px;
}
.Feature-heading h4 {
	color: #9f9c9c;
}
.Feature-heading h2 {
}
.Feature-heading p {
	text-align: center;
}
.device-btn {
	width: 100%;
}
.device-btn .nav-pills .nav-link {
	margin: 0px 12px;
}
.device-btn .nav-item .nav-link {
	filter: grayscale(100%);
	color: grey !important;
}
.device-btn .nav-item .nav-link h6 {
	margin: 20px 0px;
}
.nav-item .nav-link.active {
	background-color: transparent;
	-webkit-filter: none !important;
	filter: none !important;
	color: #22e9f7 !important;
}
.device-btn ul li.nav-item img:nth-child(1) {
 width: 50px;
}
.device-btn ul li.nav-item.tab img {
	width: 70px;
}
.device-btn ul li.nav-item.pc img {
	width: 130px;
}
.content-head h5 {
	display: inline-block;
	font-size: 15px;
	margin-left: 20px;
	margin-right: 20px;
	color: #989898;
}
.line {
	width: 40%;
	height: 3px;
	border-radius: 2px;
	background-color: #000;
	display: inline-block;
}
.newline {
	width: 100%;
	height: 3px;
	background: #989797;
	margin: 0 0 30px 0;
}
.nav a img {
	width: 50px;
}
.owl-carousel {
	z-index: 0 !important;
}
.owl-carousel .owl-item {
	opacity: 0.7;
}
.owl-carousel .owl-item.active.center {
	opacity: 1;
}
/*-------------------------slider-btn------------------------*/
.content-head {
	padding: 95px 10px;
}
.nav-pills li {
}
#pills-home, #pills-contact, #pills-profile {
	position: relative;
}
#pills-home h4, #pills-contact h4, #pills-profile h4 {
	font-size: 20px;
	margin-top: 80px;
	text-align: center;
}
.device {
	position: absolute;
	text-align: center;
	top: -5%;
	z-index: 11;
}
#pills-profile .device {
	top: -3.9%;
	left: 35%;
}
.device img {
	width: 105.7%;
}
.data-hash {
	text-align: center;
}
.data-hash a {
	padding: 10px 25px;
	background: #f1f1f1;
	color: #989898;
	margin: 10px 10px;
	display: inline-block;
}
.item > .img-responsive {
	visibility: hidden;
	-webkit-backface-visibility: hidden;
	-moz-backface-visibility:    hidden;
	-ms-backface-visibility:     hidden;
}
/*============================================================================================
                                        how to
==============================================================================================*/
.pb20 {
	padding-bottom: 60px;
}
.tab-360 {
	text-align: center;
}
.tab-360 .nav {
	display: -webkit-inline-box;
}
#pills-home2 img, #pills-profile2 img {
	margin-bottom: 60px;
}
.img-info-360 {
	text-align: left;
}
.img-info-360 h3 {
	color: #8f8f8f;
	padding-bottom: 20px;
	border-bottom: 2px solid #000;
	margin-bottom: 20px;
}
.img-info-360 p {
	margin-bottom: 20px;
	color: #8f8f8f;
}
.tab-360 #pills-tab2 .nav-item .nav-link.active {
	color: #000 !important;
	border-color: #000;
}
.tab-360 #pills-tab2 a {
	color:#8f8f8f!important;
	border-bottom: 2px solid;
	border-color: #8f8f8f;
	border-radius: inherit;
	padding: 15px 30px;
}
.head2-360 {
	margin-bottom: 60px;
	text-align: center;
}
.head2-360 h6 {
	margin-bottom: 0;
}
.features-360 {
}
.features-360 .head {
	padding-bottom: 20px;
	border-bottom: 1px solid #000;
	margin-bottom: 20px;
}
.features-360 .head span {
	font-size: 20px;
	height: 40px;
	width: 40px;
	border: 2px solid #15e7f6;
	display: inline-block;
	border-radius: 50%;
	text-align: center;
	font-weight: 400;
	color: #15e7f6;
	padding-top: 3px;
	margin-right: 20px;
}
.features-360 .head h3 {
	display: inline-block;
	margin-bottom: 0;
	color: #989898;
}
.features-360 p {
	margin-bottom: 20px;
	color: #989898;
}
/*============================================================================================
                                        pricing
==============================================================================================*/
.pricing-title h2 {
	font-size: 38px;
}
.pricing-title img {
	margin-top: 30px;
	width: 65%;
}
#pills-tab3 {
	margin-bottom: 0 !important;
}
#pills-tab3 .nav-item a {
	color: #000 !important;
	border: 2px solid #000;
	border-radius: 0;
	padding: 50px;
	margin: 0px 10px;
}
#pills-tab3 .nav-item #pills-home-tab3 {
	background-color: #000;
	color: #fff !important;
}
#pills-home-tab3 h4, #pills-profile-tab3 h4 {
	margin-bottom: 0;
}
#pills-home-tab3 span, #pills-profile-tab3 span {
	font-size: 80px;
}
#pills-home-tab3 span sup, #pills-profile-tab3 span sup {
	font-size: 14px;
	top: -3em;
	margin-right: 5px;
}
#pills-home-tab3 p, #pills-profile-tab3 p {
	margin-bottom: 0;
}
.text-left h6 {
	margin-bottom: 50px;
}
.overview-main {
	padding-top: 20px;
	border-top: 2px solid;
}
.overview-main .build-overview {
}
.overview-main .build-overview h3 {
	color: #989898;
}
.overview-main .build-overview p {
	text-align: justify;
}
/*============================================================================================
                                        modals
==============================================================================================*/


/*---------------------------register----------------------*/
#exampleModal8 .modal-dialog, #exampleModal7 .modal-dialog, #exampleModal6 .modal-dialog, #exampleModal5 .modal-dialog, #exampleModal2 .modal-dialog, #editorregistermodal .modal-dialog, #visitorregistermodal .modal-dialog, #exampleModal4 .modal-dialog {
	max-width: 750px;
	margin: 10px auto;
}
#exampleModal8 .modal-header .close, #exampleModal7 .modal-header .close, #exampleModal6 .modal-header .close, #exampleModal5 .modal-header .close, #exampleModal2 .modal-header .close, #editorregistermodal .modal-header .close, #visitorregistermodal .modal-header .close, #exampleModal4 .modal-header .close {
	top: 10% !important;
}
#exampleModal8 .modal-header, #exampleModal7 .modal-header, #exampleModal6 .modal-header, #exampleModal5 .modal-header, #exampleModal2 .modal-header, #editorregistermodal .modal-header, #visitorregistermodal .modal-header, #exampleModal4 .modal-header {
	border: none;
	background-color: #ebebec;
	padding-left: 30px;
}
#exampleModal8 .modal-header h2, #exampleModal7 .modal-header h2, #exampleModal6 .modal-header h2, #exampleModal5 .modal-header h2, #exampleModal2 .modal-header h2, #editorregistermodal .modal-header h2, #visitorregistermodal .modal-header h2, #exampleModal4 .modal-header h2 {
	color: #989898;
}
#exampleModal8 .modal-body, #exampleModal7 .modal-body, #exampleModal6 .modal-body, #exampleModal5 .modal-body, #exampleModal2 .modal-body, #editorregistermodal .modal-body, #visitorregistermodal .modal-body, #exampleModal4 .modal-body {
	background-color: #ebebec;
}
#exampleModal9 .modal-body h6, #exampleModal8 .modal-body h6, #exampleModal7 .modal-body h6, #exampleModal6 .modal-body h6, #exampleModal5 .modal-body h6, #exampleModal2 .modal-body h6, #editorregistermodal.modal-body h6, #visitorregistermodal.modal-body h6, #exampleModal4 .modal-body h6 {
	margin: 0;
	padding-top: 5px;
}
#exampleModal8 .modal-body input, #exampleModal7 .modal-body input, #exampleModal6 .modal-body input, #exampleModal5 .modal-body input, #exampleModal2 .modal-body input, #editorregistermodal .modal-body input, #visitorregistermodal .modal-body input, #exampleModal4 .modal-body input {
	width: 100%;
	margin-bottom: 20px;
	padding: 5px 10px;
}
#exampleModal8 .modal-body button, #exampleModal7 .modal-body button, #exampleModal6 .modal-body button, #exampleModal5 .modal-body button, #exampleModal2 .modal-body button, #editorregistermodal .modal-body button, #visitorregistermodal .modal-body button, #exampleModal4 .modal-body button {
	width: 100%;
	padding: 5px 10px;
	background-color: #000;
	color: #fff;
	border: none;
	margin-bottom: 20px;
}
/*------------------------login-------------------------------------*/
#exampleModal3 .modal-header img {
/* width: 170px; */
}
#exampleModal3 .modal-header .close {
	top: 12% !important;
}
#exampleModal3 .modal-header {
	display: inline-block;
	background-color: #15e7f6;
	color: #fff;
	padding: 20px;
}
#exampleModal3 .modal-body input {
	padding: 15px 50px;
	background: #fff;
	margin-bottom: 20px;
	width: 90%;
	padding-left: 22px;
	border-radius: 2px;
	font-size: 14px;

}
#exampleModal3 .modal-body .login-email input {
	padding-left: 50px;
}
#exampleModal3 .modal-body .login-email {
	position: relative;
}
#exampleModal3 .modal-body .login-email i {
	position: absolute;
	top: 20%;
	left: 9%;
	font-size: 22px;
}
#exampleModal3 .modal-body {
	text-align: center;
	background-color: #ebebeb;
	padding: 50px;
	border-radius:2px;
}
#exampleModal3 .forgot-detail {
	padding: 12px 30px;
	background: transparent;
	border: 2px solid;
	display: inline-block;
}
#exampleModal3 .login2 {
	padding: 12px 25px;
	border: 2px solid #000;
	margin-left: 30px;
	color: #fff;
	background: #000;
	display: inline-block !important;
}
#exampleModal3 .login2 i {
	margin-right: 10px;
}
#exampleModal3 .modal-body button {
	width: 30%;
	height: 55px;
	padding: 5px 10px;
	background-color: #000;
	color: #fff;
	border: none;
	border: 1px solid #000;
	margin-bottom: 20px;
	border-radius: 2px;
	font-size: 14px;
}
#exampleModal3 .modal-body .cancel-btn {
	width: 53%;
	height: 55px;
	padding: 5px 10px;
	background-color: #FFF;
	color: #000;
	border: 2px solid #000;
	margin-bottom: 20px;
	margin-right: 25px;
	border-radius: 2px;
	font-size: 14px;
}
/*------------------------------------------my account-----------------------------*/
#exampleModal4 .modal-header img {
	width: 55px;
	margin-right: 30px;
}
#exampleModal4 .modal-header .close {
	top: 8% !important;
}
/*.login .close {
    padding: 7px 13px !important;
}*/

input.icon-login {
/*	background-image: url('../img/logo-login.svg') !important;
*/	background-position-y: center !important;
	background-position-x: 15px !important;
	background-size: 25px 25px !important;
	background-repeat: no-repeat !important;
	text-indent: 25px;
	border: none;
}
input#password {
	border: none;
}
input#password_new {
	border: none;
}
input.icon-login:focus {
/*	background-image:none !important;*/	
	/*text-indent:0px;*/
	overflow: visible;
}
button.icon-login {
	background-image: url('../img/logo-lock.svg') !important;
	background-position-y: center !important;
	background-position-x: 20px !important;
	background-size: 25px 25px !important;
	background-repeat: no-repeat !important;
	text-indent: 30px;
}
/*---------------------------forgot password----------------------*/
#exampleModal1 .modal-header {
	display: inline-block;
	background-color: #f4666c;
	color: #fff;
	padding: 20px;
}
#exampleModal1 .modal-header h5 {
	font-size: 32px;
	font-weight: 400;
}
#exampleModal1 .modal-header p {
	margin-bottom: 0;
}
#exampleModal12 .modal-header .close, #exampleModal8 .modal-header .close, #exampleModal7 .modal-header .close, #exampleModal6 .modal-header .close, #exampleModal5 .modal-header .close, #exampleModal4 .modal-header .close, #exampleModal3 .modal-header .close, #exampleModal2 .modal-header .close, #editorregistermodal .modal-header .close, #visitorregistermodal .modal-header .close, #exampleModal1 .modal-header .close {
	/* padding: 7px 13px; */
    position: absolute;
	top: 13%;
	text-align: center;
	right: 8%;
	opacity: 1;
	color: #6c757d;
	background-color: #fff;
	border-radius: 20px;
}
#exampleModal1 .modal-title {
	margin-bottom: 20px;
	line-height: 1.5;
	margin-top: 10px;
}
#exampleModal1 .modal-body {
	text-align: center;
	background-color: #ebebeb;
	padding: 30px;
}
#exampleModal1 .modal-body input {
	padding: 15px 50px;
	background: #fff;
	padding-left: 20px;
}
#exampleModal1 .modal-body button {
	padding: 13px 108px;
	border: none;
	margin-top: 20px;
	background: #000;
	color: #fff;
	margin-bottom: 20px;
}
#exampleModal1 .modal-body ::placeholder {
 font-size: 14px;
}
/*===========================================================================
                                   chat button
================================================================================*/

/* Button used to open the chat form - fixed at the bottom of the page */
.open-button {
}
/* The popup chat - hidden by default */
.chat-popup {
	display: none;
	position: fixed;
	bottom: 0;
	right: 15px;
	border: 3px solid #f1f1f1;
	z-index: 9;
	margin-bottom: 10px;
}
/* Add styles to the form container */
.form-container {
	max-width: 300px;
	padding:20px 10px;
	background-color: white;
}
.form-container h2 {
	display: inline-block;
	margin-bottom: 0;
}
.form-container img {
	width: 50px;
	padding-bottom: 20px;
}
.form-container label {
	margin-bottom: 0;
	width: 100%;
}
/* Full-width textarea */
.form-container textarea {
	width: 100%;
	padding: 15px;
	margin: 5px 0 22px 0;
	border: none;
	background: #f1f1f1;
	resize: none;
	min-height: 200px;
}
/* When the textarea gets focus, do something */
.form-container textarea:focus {
	background-color: #ddd;
	outline: none;
}
/* Set a style for the submit/send button */
.form-container .btn {
	background-color: #15e7f6;
	color: white;
	border: none;
	cursor: pointer;
	opacity: 0.8;
	position: absolute;
	top: 88%;
	right: 3%;
}
/* Add a red background color to the cancel button */
.form-container .cancel {
	float: right;
	position: absolute;
	top: 3% !important;
	right: 4% !important;
}
/* Add some hover effects to buttons */
.form-container .btn:hover, .open-button:hover {
	opacity: 1;
}
.tabs-bck {
	background: #323232;
	padding: 20px 20px;
}
.feature header {
	height: 25px !important;
}
.feature-heading {
	color: #908f8f !important;
	font-weight: 700;
	font-family: 'Sofia Pro';
	font-size: 30px;
	margin-bottom: 35px !important;
}
.Feature-heading h2 {
	color: #fff;
	font-size: 50px;
	font-weight: 700;
	font-family: 'Sofia Pro';
}
.view-on {
	color: #989898 !important;
	padding: 30px 10px;
}
.feature .device-btn #pills-tab {
	margin-left:25%;
}
.product-title {
	text-align: center;
	padding-top: 5em;
}
.margin-auto {
	margin: auto;
}

/*============================================================================================
                                        media Quary
==============================================================================================*/







@media (max-width: 1199px) {
 .register, .editor, .visitor {
 right: 10%;
}
 .navbar-header .login {
 right: 28.4%;
}
}
 @media (max-width: 991px) {
 .register, .editor .visitor {
 right: 12%;
}
 .navbar-header .login {
 right: 36%;
}
 .nav-pills li {
 width: 100%;
}
 #pills-home-tab {
 margin-right: -2% !important;
}
 #pills-contact .owl-carousel .owl-item img {
 display: block !important;
 width: 100% !important;
 position: relative !important;
 top: 0px !important;
        /* left: 10% !important; */
        height: 100% !important;
}
}
@media (max-width: 885px) {
 #pills-home h4, #pills-contact h4, #pills-profile h4 {
 font-size: 13px;
}
 #pills-home-tab {
 margin-right: -10% !important;
}
 .line {
 width: 200px !important;
 height: 4px;
 background-color: #000;
 display: inline-block;
}
}
@media (max-width: 767px) {
 button.icon-login {
 background-image: url('../img/logo-lock.svg') !important;
 background-position-y: center !important;
 background-position-x: 10px !important;
 background-size: 25px 25px !important;
 background-repeat: no-repeat !important;
 text-indent: 30px;
}
 #exampleModal3 .modal-body .cancel-btn {
 font-size: 11px;
}
 #exampleModal3 .modal-body {
 text-align: center;
 background-color: #ebebeb;
 padding: 50px 50px;
}
 #pills-home-tab {
 margin-right: -15% !important;
}
 .device-btn ul li {
 width: 33%;
 float: left;
 padding: 0px;
}
 .device-btn ul li a {
 padding: 0px;
 margin: 0px !important;
}
.device-btn ul li.nav-item img:nth-child(1) {
 width: 30px;
}
.device-btn ul li.nav-item.tab img {
 width: 42px;
}
.device-btn ul li.nav-item.pc img {
 width: 80px;
}
.feature .device-btn #pills-tab {
 margin-left: 0%;
}
}
 @media (max-width: 767px) {
 .register, .editor .visitor {
 right: 16%;
}
 .navbar-header .login {
 right: 48%;
}
 .heading h1 {
 font-size: 38px;
 margin-bottom: 40px;
}
 .head-login {
 margin-top: 20px;
}
 .heading .forgot {
 margin-top: 20px;
}
 .ft-detail {
 margin-bottom: 20px;
}
 #exampleModal2 .modal-header .close, #editorregistermodal .modal-header .close, #visitorregistermodal .modal-header .close {
 top: 30px !important;
}
 #pills-home h4, #pills-contact h4, #pills-profile h4 {
 font-size: 12px;
 margin-top: 80px;
 text-align: center;
}
 #pills-home-tab {
 margin-right: -15% !important;
}
}
 @media (max-width: 576px) {
 #pills-home-tab {
 margin-right: -15% !important;
}
    /* .register {
        display: none;
    } */
    .navbar-header .login {
 display: none;
}
 .login2 {
 margin-left: 20px;
 margin-bottom: 20px;
 display: inline-block !important;
 padding-right: 20px !important;
}
 .register1 {
 margin-left: 20px;
 display: inline-block !important;
}
 .heading h1 {
 margin-bottom: 30px;
}
 .chat-btn a {
 margin: 0;
}
 #exampleModal2 .modal-dialog, #editorregistermodal .modal-dialog, #visitorregistermodal .modal-dialog {
 max-width: 750px;
}
 #exampleModal3 .login2 {
 margin-top: 20px;
}
}
 @media (max-width: 460px) {
 .home-detail h2 {
 font-size: 32px!important;
 padding: 0;
}
 #exampleModal1 .modal-body input {
 padding: 15px 22px;
}
 #exampleModal1 .modal-body button {
 padding: 13px 95px;
}
}

/* coustom css mobile device responsive */
@media only screen and (min-width: 640px) and (max-width: 700px) {
}
@media only screen and (min-width: 452px) and (max-width: 767px) {
 .content-head {
 padding: 85px 0px;
}
.line {
 width: 100% !important;
 height: 4px;
 background-color: #000;
 display: inline-block;
}
}
/* laptop  media query*/
@media only screen and (min-width: 320px) and (max-width: 350px) {
 #pills-contact h4 {
 margin-top: 30px;
}
}
@media only screen and (min-width: 351px) and (max-width: 370px) {
 #pills-contact h4 {
 margin-top: 30px;
}
}
@media only screen and (min-width: 371px) and (max-width: 400px) {
 #pills-contact h4 {
 margin-top: 30px;
}
}
@media only screen and (min-width: 401px) and (max-width: 450px) {
 #pills-contact h4 {
 margin-top: 30px;
}
}
@media only screen and (min-width: 451px) and (max-width: 510px) {
 #pills-contact h4 {
 margin-top: 30px;
}
}
@media only screen and (min-width: 511px) and (max-width: 591px) {
 #pills-contact h4 {
 margin-top: 30px;
}
}
@media only screen and (min-width: 592px) and (max-width: 670px) {
 #pills-contact h4 {
 margin-top: 30px;
}
}
@media only screen and (min-width: 671px) and (max-width: 675px) {
 #pills-contact h4 {
 margin-top: 30px;
}
}
 @media only screen and (min-width: 675px) and (max-width: 676px) {
 #pills-contact h4 {
 margin-top: 30px;
}
}
@media only screen and (min-width: 677px) and (max-width: 776px) {
 #pills-contact h4 {
 margin-top: 30px;
}
}
@media only screen and (min-width: 701px) and (max-width: 730px) {
 #pills-contact h4 {
 margin-top: 30px;
}
}
@media only screen and (min-width: 731px) and (max-width: 790px) {
 #pills-contact h4 {
 margin-top: 30px;
}
}
@media only screen and (min-width: 791px) and (max-width: 991px) {
 #pills-contact h4 {
 margin-top: 30px;
}
}
@media only screen and (min-width: 1025px) and (max-width:1050px) {
 #pills-home-tab {
 margin-right: -2% !important;
}
 #pills-contact h4 {
 margin-top: 30px;
}
}
@media only screen and (min-width: 1051px) and (max-width:1150px) {
 #pills-home-tab {
 margin-right: -2% !important;
}
 #pills-contact h4 {
 margin-top: 30px;
}
}
@media only screen and (min-width: 1151px) and (max-width:1175px) {
 #pills-home-tab {
 margin-right: -2% !important;
}
 #pills-contact h4 {
 margin-top: 30px;
}
}
@media only screen and (min-width: 1176px) and (max-width:1300px) {
 #pills-contact h4 {
 margin-top: 30px;
}
}
@media only screen and (min-width: 1301px) and (max-width:1380px) {
 #pills-contact h4 {
 margin-top: 30px;
}
}
/* end laptop  media query*/

@media only screen and (min-width: 768px) and (max-width: 820px) {
 .feature .device-btn #pills-tab {
 margin-left: 0%;
}
}
@media only screen and (min-width: 820px) and (max-width: 900px) {
 .line {
 width: 200px;
 height: 4px;
 background-color: #000;
 display: inline-block;
}
}
@media only screen and (min-width: 820px) and (max-width: 850px) {
}
@media only screen and (min-width: 851px) and (max-width: 865px) {
}
@media only screen and (min-width: 866px) and (max-width: 900px) {
}
@media only screen and (min-width: 901px) and (max-width: 970px) {
 .line {
 width: 250px;
 height: 4px;
 background-color: #000;
 display: inline-block;
}
}
@media only screen and (min-width: 971px) and (max-width: 1015px) {
 .line {
 width: 250px;
 height: 4px;
 background-color: #000;
 display: inline-block;
}
}
@media only screen and (min-width: 1016px) and (max-width: 1050px) {
 .feature .device-btn #pills-tab {
 margin-left: 0% !important;
}
.line {
 width: 36%;
 height: 4px;
 background-color: #000;
 display: inline-block;
}
}
@media only screen and (min-width: 1051px) and (max-width: 1075px) {
 .line {
 width: 150px;
 height: 4px;
 background-color: #000;
 display: inline-block;
}
}
 @media only screen and (min-width: 1076px) and (max-width: 1154px) {
 .line {
 width: 150px;
 height: 4px;
 background-color: #000;
 display: inline-block;
}
}
 @media only screen and (min-width: 768px) and (max-width: 1061px) {
.device-btn ul li {
 width: 33%;
 float: left;
 padding: 0px;
}
.device-btn #pills-tab li a {
 margin-left: 0px;
}
}
@media only screen and (min-width: 768px) and (max-width: 900px) and (orientation: portrait) {
.nav-item.pc #pills-contact-tab h6 {
 margin-left: 35px;
}
}
 @media only screen and (min-width: 812px) and (max-width: 900px) and (orientation: landscape) {
.nav-item.pc #pills-contact-tab h6 {
 margin-left: 30px;
}
}
@media only screen and (min-width: 1062px) and (max-width: 1170px) {
 .feature .device-btn #pills-tab {
 margin-left: 7%;
}
}
@media only screen and (min-width: 320px) and (max-width: 600px) {
 .data-hash a {
 display: block;
}
}
/* #footer:hover #footer .ft-link .page a > div{

    margin-left: 0px !important;
    width: 80% !important;

} */
#footer {
	transition: all 0.4s ease 0s;
}
@media (max-width: 1920px) {
 #pills-home .device img {
 margin: auto !important;
 left: 0 !important;
 right: 0 !important;
 text-align: center !important;
 z-index: -1;
}
 #pills-home .device {
 margin: auto !important;
 left: 0 !important;
 right: 0 !important;
 text-align: center !important;
 z-index: -1;
}
 #pills-profile .device img {
 margin: auto !important;
 left: 0 !important;
 right: 0 !important;
 text-align: center !important;
 z-index: -1;
}
 #pills-profile .device {
 margin: auto !important;
 left: 0 !important;
 right: 0 !important;
 text-align: center !important;
 z-index: -1;
}
 #pills-contact .device img {
 margin: auto !important;
 left: 0;
 right: 0 !important;
 text-align: center !important;
 z-index: -1;
}
 #pills-contact .device {
 margin: auto !important;
 left: 0;
 right: 0 !important;
 text-align: center !important;
 z-index: -1;
}
}



/****************Anirban*******************/
.modal-header .close span {
	top: -5px !important;
}
#exampleModal3 .modal-header .close {
	top:11.6% !important;
}
#exampleModal55 .modal-header .close {
	top:11.6% !important;
}

.newpass {
	width:70% !important;
	float:left;
}
.newloginbtn {
	float:right;
	width:30% !important;
	height:60px !important;
}

.data-hash a{padding: 14px 26px;}
.pricedarkline{ padding-top: 0;
	/*border-bottom: 3px solid #323232;*/
	margin-left: 30px;
	height:3px !important;
	background:#323232;
	border-radius:2px;
	width:100%; margin:40px 0 40px !important; overflow:hidden;}

#exampleModal3 .modal-header .loginclose{ top:8.6% !important;}

 @media only screen and (max-width :470px) {
 .newpass {
width:65% !important;
}
.newloginbtn {
width:35% !important;
}
 #exampleModal3 .modal-body {
padding:50px 25px;
}
}









/*------------------------login-------------------------------------*/
#exampleModal300 .modal-header img {
/* width: 170px; */
}
#exampleModal300 .modal-header .close {
	top: 12% !important;
}
#exampleModal3 .modal-header {
	display: inline-block;
	background-color: #15e7f6;
	color: #fff;
	padding: 20px;
}
#exampleModal300 .modal-body input {
	padding: 15px 50px;
	background: #fff;
	margin-bottom: 20px;
	width: 90%;
	padding-left: 22px;
	border-radius: 2px;
}
#exampleModal300 .modal-body .login-email input {
	padding-left: 50px;
}
#exampleModal3 .modal-body .login-email {
	position: relative;
}
#exampleModal300 .modal-body .login-email i {
	position: absolute;
	top: 20%;
	left: 9%;
	font-size: 22px;
}
#exampleModal300 .modal-body {
	text-align: center;
	background-color: #ebebeb;
	padding: 50px;
}
#exampleModal300 .forgot-detail {
	padding: 12px 30px;
	background: transparent;
	border: 2px solid;
	display: inline-block;
}
#exampleModal300 .login2 {
	padding: 12px 25px;
	border: 2px solid #000;
	margin-left: 30px;
	color: #fff;
	background: #000;
	display: inline-block !important;
}
#exampleModal300 .login2 i {
	margin-right: 10px;
}
#exampleModal300 .modal-body button {
	width: 30%;
	height: 55px;
	padding: 5px 10px;
	background-color: #000;
	color: #fff;
	border: none;
	border: 1px solid #000;
	margin-bottom: 20px;
	border-radius: 2px;
}
#exampleModal300 .modal-body .cancel-btn {
	width: 53%;
	height: 55px;
	padding: 5px 10px;
	background-color: #FFF;
	color: #000;
	border: 2px solid #000;
	margin-bottom: 20px;
	margin-right: 25px;
	border-radius: 2px;
}

/*------------------------examplemodal 5 login-------------------------------------*/
#exampleModal55 .modal-header img {
/* width: 170px; */
}
#exampleModal55 .modal-header .close {
	top: 12% !important;
}
#exampleModal55 .modal-header {
	display: inline-block;
	background-color: #15e7f6;
	color: #fff;
	padding: 20px;
}
#exampleModal55 .modal-body input {
	padding: 15px 50px;
	background: #fff;
	margin-bottom: 20px;
	width: 90%;
	padding-left: 22px;
	border-radius: 2px;
	font-size: 14px;

}
#exampleModal55 .modal-body .login-email input {
	padding-left: 50px;
}
#exampleModal55 .modal-body .login-email {
	position: relative;
}
#exampleModal55 .modal-body .login-email i {
	position: absolute;
	top: 20%;
	left: 9%;
	font-size: 22px;
}
#exampleModal55 .modal-body {
	text-align: center;
	background-color: #ebebeb;
	padding: 50px;
	border-radius:2px;
}
#exampleModal55 .forgot-detail {
	padding: 12px 30px;
	background: transparent;
	border: 2px solid;
	display: inline-block;
}
#exampleModal55 .login2 {
	padding: 12px 25px;
	border: 2px solid #000;
	margin-left: 30px;
	color: #fff;
	background: #000;
	display: inline-block !important;
}
#exampleModal55 .login2 i {
	margin-right: 10px;
}
#exampleModal55 .modal-body button {
	width: 30%;
	height: 55px;
	padding: 5px 10px;
	background-color: #000;
	color: #fff;
	border: none;
	border: 1px solid #000;
	margin-bottom: 20px;
	border-radius: 2px;
	font-size: 14px;
}
#exampleModal55 .modal-body .cancel-btn {
	width: 53%;
	height: 55px;
	padding: 5px 10px;
	background-color: #FFF;
	color: #000;
	border: 2px solid #000;
	margin-bottom: 20px;
	margin-right: 25px;
	border-radius: 2px;
	font-size: 14px;
}

input::-webkit-input-placeholder {
     opacity: 0.5; /*Change the opacity between 0 and 1*/
}
input:-moz-placeholder { /* Firefox 18- */
	 opacity: 0.5; /*Change the opacity between 0 and 1*/ 
}
 
input::-moz-placeholder {  /* Firefox 19+ */
	 opacity: 0.5; /*Change the opacity between 0 and 1*/ 
}
 
input:-ms-input-placeholder {  
	 opacity: 0.5; /*Change the opacity between 0 and 1*/ 
}