@import url('https://fonts.googleapis.com/css?family=Roboto:300,400,500,700,900');
@import url('https://fonts.googleapis.com/css?family=Montserrat:300,400,500,600,700');
@import url('https://fonts.googleapis.com/css?family=Work+Sans:300,400,500,700');


*{
	margin: 0px;
	padding: 0px;
}

html{
    /*font-family: 'Roboto Condensed', sans-serif;*/
    color:#888888;
}


body {
color:#888888;
  font-family: 'Montserrat', sans-serif !important;
font-size: 14px !important;
}

label {
    color: #333 !important;
    font-weight: 600 !important;
}
/**  -----------  index  ------------ **/
.logoimg{
	width: 35%;
}
.pr0{
	padding-right: 0 !important;
}
.btn{
	border-radius: 0rem !important;
}
.form-control{
	border-radius: 0rem !important;
}
.home > a{
	border-bottom: 2px solid red;
}
.professional{
	/*padding: 5rem;*/
}
.bg-sky{
	background-color: #45cde2!important;
}
.shop{
	font-size: xx-large;
}
.modal-content{
	border-radius: 0rem !important;
}
.modal-header{
	border-top-left-radius: 0rem;
    border-top-right-radius: 0rem;
}
.pzone :hover{
	cursor :pointer;
}
.table-sm-14 {
    font-size: 14px !important;
}
.agile-bottom{  
	/*background: rgba(19, 49, 105, 0.44);*/
    padding: 1em 2em;
    color:#b9b9b9 !important;
}  
.mb-60{
	margin-bottom: 60px;
}
.margin-r-5{
	margin-right: 5px;
}

.btop{
	border-top: 2px solid;
}
.sett a{
	color:#b9b9b9 !important; 
}
.consett a{
	color:#6c757d!important;
}
.card-text{
	text-align:justify;
}
.onetop a{
	color:#fff !important;
}

 
.intro_list {
    width: 100%;
    float: left;
    /* margin-top: 25px; */
    line-height: 20px;
    color: #777;
}
.intro_list p {
    width: 100%;
    float: left;
    /* font-size: 15px; */
    color: #777;
    /* line-height: 28px; */
    text-align: justify;
	line-height: 1.5rem;
}
.intro_list ul {
    width: 100%;
    float: left;
}
.intro_list ul li {
    /* width: 100%; */
   
    color: #777 !important;
    /* font-size: 16px; */
    font-weight: normal;
    line-height: 30px;
    text-align: justify;
    margin-left: 33px;
    list-style: none!important;
}
.intro_list li {
    line-height: 28px;
    margin-bottom: 10px;
    text-align: justify;
    /* list-style: none; */
    margin-left: 0px !important;
    margin-bottom: 2px;
}
.intro_list li::before {
    content: "→" !important;
}
.intro_list li::before {
    content: "→" !important;
    margin-right: 5px;
    /* width: 145px; */
    /* font-size: 102%; */
    /* background-color: #E91E63; */
    color: black;
    font-weight: bold;
    padding: 5px 5px 1px 11px;
    /* border-radius: 50%; */
    font-weight: bold;
    /* margin-left: -33px; */
}
.list-inline-item{
    margin-right: 0.4rem !important;
}

.list-inline-item:not(:last-child) {
    margin-right: 0.4rem !important;
}

.sociallist ul li{
	margin-right: 0.4rem !important;
}

.margin-b-10 {
    margin-bottom: 10px;
}
.shopbnr{
    padding: 10px !important;    
    background-color: #e2e3e5 !important;
    color: #000 !important;
    box-shadow: 2px 6px 18px #888888 !important;
    border: 0px solid #0b0a0a;
}

/*---- PRODUCT DETAILS PAGE CSS -----*/
.speardtxt { display:none;}
.display_none{ display:none;}
.size_parameter_div input[type=checkbox], .size_parameter_div input[type=radio], .lg-chk input[type=checkbox], .lg-chk input[type=radio] {
    width: 16px;
    height: 16px;
    vertical-align: middle;
}
#fix-cart {
	display: none;
    position: fixed;
    z-index: 9999;
    right: 0;
	top:0;
} 
  
@media (max-width: 800px) {
.navbar-brand { display: contents !important; } 
.topheader_div{ text-align:center !important; font-size:13px;}
.footer{ text-align:center !important;}
.carousel-inner p{ padding: 10px !important; font-size: small;}
.ih-item .img img{ height:70% !important; width: 100% !important;}
}

@media (max-width: 581px) {
.large_div_li{ padding: 5px 0px!important;}
.large_view_div{ display:none !important; padding: 5px!important;}
.mobile_view_div{ display:block !important;}
.top_menu_box{ padding:0px !important;}
.mobile_view_div li{ width:49% !important;} 
.shopbnr{padding: 6px !important;font-size: small !important;}  
.carousel-caption {bottom: 0 !important;}
.carousel-indicators li {width: 12px !important;}
.topid{padding-bottom: 9rem !important;}
.ih-item .img img{ height:50% !important; width: 100% !important;}
}

.ih-item .img img{ height:220px; width: auto; display: block; margin: auto;}

/*------- PRODUCT order page ---------*/
.productdetails_box p{
	font-size:14px;
}
.text-upper{text-transform: uppercase !important;}
.productdetails_box select{
	text-transform: uppercase;
    font-size: 13px !important;
}
.productdetails_box h5{
	font-size:17px;
}

.productdetails_box label{
	font-size:13px;
}
.productdetails_box textarea{
	min-height:93px;
}
.productdetails_box table tr td{
	font-size:12px;
	padding: 3px 9px !important;
	color: #333 !important;
}
.parentalbum_box tr td {
    font-size: 12px;
    border-bottom: none;
    border-top: none;
	border-bottom: 1px solid #dee2e6;
	color: #333 !important;
}
.parentalbum_box{
   border-bottom: 2px dotted #888888 !important;
}

.btm_line_tr{
    border-top:2px dotted #888888 !important;
	font-weight:600 !important;
}
.view_bill { min-height: 400px; position: relative;text-transform: uppercase;}
.dotted_border{ 
	    border: 2px dotted #acacad!important;
} 
.parentalbum_box tr td:nth-child(2), .main_album tr td:nth-child(2) { 
white-space: nowrap;
}
.font-weight-600{ font-weight:600 !important;}
.font-12{font-size:12px !important}
.font-10{font-size:10px !important}
.md-chk {
    width: 14px !important;
    height: 14px !important;
    vertical-align: middle;
}
/*---- loading box -----*/ 
.overlay .fa{
	position: absolute;
    top: 50%;
    left: 50%;
    margin-left: -15px;
    margin-top: -15px;
    font-size: 30px;
}
.overlay{
	z-index: 50;
    background: rgba(29, 28, 28, 0.7);
    border-radius: 3px;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.order_details_table table tr td, .order_details_table table tr th{
	font-size:13.5px !important;
}
.order_details_table .font-14{ 	font-size:14px !important; }
.font-13{font-size:13px !important;}

/*------- MY ACCOUNT -----*/
.dashboard-widget .icon{
	font-size: 25px;
    line-height: 55px;
    text-align: center;
    display: table;
    margin: 0 auto;
    width: 55px;
    height: 55px;
    border-radius: 50%;
}
.dashboard-widget h3 {
    margin-bottom: 0.4em;      
	margin-top: 0;
    font-size: 27px;
}
.dashboard-widget .alert {
    height: 90px;
}
.dashboard-widget .right-border{
    border-right:2px solid #cdd1d4;
}
.table-13 table tr td, .table-13 table tr th{
	font-size:13px !important;
	padding: 3px 9px !important;
	color: #333 !important;
	vertical-align: middle;
}

.bg-danger-light{
    background-color: rgba(242, 17, 54,0.12) !important;
    color: #e63c3c !important;
}
.bg-primary-light{
    background-color: rgba(17, 148, 247,0.12) !important;
    color: #2196f3 !important;
}
.bg-info-light{
    background-color: rgba(2, 182, 179,0.12) !important;
    color: #1db9aa !important;
}
.bg-success-light {
    background-color: rgba(15, 183, 107,0.12) !important;
    color: #26af48 !important;
}
.bg-warning-light {
    background-color: rgba(255, 152, 0,0.12) !important;
    color: #f39c12 !important;
}
.bg-purple-light {
    background-color: rgba(103, 58, 183, 0.19) !important;
    color: #673AB7 !important;
}
.border-purple {
    border-color: #673AB7!important;
}

/*---- header -------*/
.bg-spread{
	background-color: #afb6b7!important;
}
.field-icon {
  float: right;
  margin-left: -25px;
  margin-top: -25px;
  position: relative;
  z-index: 2;
}
.topid{
	padding-bottom: 10.2rem;
}
#fixedheader {
    position: fixed;
    width: 100%;
    z-index: 9999;
    background: #fff;
	border-bottom: 1px solid #dedede;
}
a:hover{ text-decoration: none !important;cursor:pointer; }
.modal-footer { display: inherit !important; } 
/*.border-grey{
	border-top:2px solid grey !important;
}*/


.album_img{    height: 127px !important;width: 100% !important; display: block; margin: auto;}
.album_div{    height: 127px !important;}

.sl-overlay {
    background: #000 !important; 
}

/*--------------- star rotate css ------------- */
.webclr{ 
	color: #f99104!important;
}
.gly-spin {
    -webkit-animation: spin 5s infinite linear;
    -moz-animation: spin 5s infinite linear;
    -o-animation: spin 5s infinite linear;
    animation: spin 5s infinite linear;
    color:#F58703;
}
@-moz-keyframes spin {
 0% {
   -moz-transform: rotate(0deg);
 }
 100% {
   -moz-transform: rotate(359deg);
 }
}

@-webkit-keyframes spin {
 0% {
   -webkit-transform: rotate(0deg);
 }

 100% {
   -webkit-transform: rotate(359deg);
 }

}

@-o-keyframes spin {

 0% {
   -o-transform: rotate(0deg);
 }

 100% {
   -o-transform: rotate(359deg); 
 }

}

@keyframes spin {

 0% {
   -webkit-transform: rotate(0deg);
   transform: rotate(0deg);
 }

 100% {
   -webkit-transform: rotate(359deg);
   transform: rotate(359deg);
 }

}
/*--------------- END star rotate css ------------- */