.mainwrap { display: none; }
body{
	/*font-family: 'Droid Sans', sans-serif;*/
font-family: 'Roboto Condensed', sans-serif;
color: #393939;font-size: 14px;
    color: #393939;
    -webkit-font-smoothing: antialiased;
    text-rendering: optimizeLegibility;
	position:relative;}
	
.no-padding{padding:0px;}
.no-margin{margin:0px;}
.clear{clear:both;}
.view-display {min-height: 400px;}
/*Header Modification of background color----*/

.header-artist{background:#000;border-color:#000;box-shadow:inset 0px 1px 0px rgba(0,0,0,0.15), 0px 1px 5px rgba(255,255,255,0.075)}
img.paintings{border:none;width:100%;}
.col-centered {float: none;clear:both;display: block;margin: auto;}
.artilst-list{border:none;text-align:center;}
.artilst-list img{border:none;width:150px;height:150px;margin:auto;-webkit-filter: grayscale(1);-moz-filter: grayscale(1);
-ms-filter: grayscale(1);filter: gray;filter: grayscale(1);transition-property: filter;transition-duration: 1s;}
.artilst-list img:hover{filter: grayscale(0);-webkit-filter: grayscale(0);-moz-filter: grayscale(0);-ms-filter: grayscale(0);transition-property: filter;
transition-duration: 1s;}
.bootstrap-select>select {position: absolute!important;bottom: 0;left: 50%;display: block!important;width: .5px!important;height: 100%!important;padding: 0!important;
opacity: 0!important;border: none;}
.img_blocks{margin-bottom: 30px;}
.img_blocks .card{position:relative;display:block;padding:10px;background-color:#fff;border:1px solid #eee;border-radius:.25rem;cursor: pointer;}
.img_blocks .card:hover{border: 1px solid #d5d5d5;box-shadow: 0px 0px 10px #bbb;transition: all .3s ease-in-out;top:-10px;}
.img_blocks .card-title{padding:0px; margin: 0px;padding-top: 5px; font-size:16px ;font-weight:bold;text-transform: capitalize;}
.img_blocks .card-text{margin: 0px; padding: 0px;font-weight: normal;font-size: 8px;}
.img_blocks .card-price{font-size: 14px;}
.img_blocks .card div.dropdown-menu {min-width: 80px; padding:5px 10px;} 
.img_blocks .card-block{padding-top:10px;}
.img_blocks .card .other_details p{font-size: 12px;padding: 3px 0px;}

.artist-name-design{display:none;position:absolute;margin-top:-30px;height:30px;background:#ccc;width:150px;vertical-align: middle;padding-top: 3px;}
.artist-name-design p{vertical-align: middle;font-size: 12px;line-height: normal;}


#columns {
     -webkit-columns: 3;
        -moz-columns: 3;
             columns: 3;
/*    -webkit-column-count: 3;*/
    
    list-style: inside none;
/*    -moz-column-count: 3;*/
-webkit-column-gap: 10px;
   -moz-column-gap: 10px;
        column-gap: 10px;
/*    -moz-column-fill: auto;*/
/*    column-count: 3;*/
    -webkit-column-fill: balance;
            column-fill: balance;
   
}


.pin {
	background: #ffffff;
	padding: 15px;
	padding-bottom: 5px;
	opacity: 1;
	-webkit-transition: all .2s ease;
	-moz-transition: all .2s ease;
	-o-transition: all .2s ease;
	transition: all .2s ease;
    -webkit-column-break-inside: avoid; 
    -moz-column-break-inside: avoid;
    column-break-inside: avoid;
    page-break-inside: avoid;           
    break-inside: avoid-column;       
    display:inline-block;  
}

#columns .pin .card{position:relative;display:block;padding:10px;background-color:#fff;border:1px solid #eee;border-radius:.25rem;cursor: pointer;}
#columns .pin .card:hover{border: 1px solid #d5d5d5;box-shadow: 0px 0px 10px #bbb;transition: all .3s ease-in-out;top:-10px;}
#columns .pin .card-title{padding:0px; margin: 0px;padding-top: 5px; font-size:16px ;font-weight:bold;}
#columns .pin .card-text{margin: 0px; padding: 0px;font-weight: normal;font-size: 8px;}
#columns .pin .card-price{font-size: 14px;}
#columns .pin .card div.dropdown-menu {min-width: 80px; padding:5px 10px;} 
#columns .pin .card-block{padding-top:10px;}

.pin img {
	width: 100%;
}

.pin p {
	font: 12px/18px Arial, sans-serif;
	color: #333;
	margin: 0;
}


.artistslists{
	display: inline-block;
	background: #FEFEFE;
	/*border: 2px solid #FAFAFA;
	box-shadow: 0 1px 2px rgba(34, 25, 25, 0.4);
	margin: 0 2px 15px;*/
	-webkit-column-break-inside: avoid;
	-moz-column-break-inside: avoid;
	column-break-inside: avoid;
	/*padding: 15px;
	padding-bottom: 5px;*/
	background: -webkit-linear-gradient(45deg, #FFF, #F9F9F9);
	opacity: 1;
	
	-webkit-transition: all .2s ease;
	-moz-transition: all .2s ease;
	-o-transition: all .2s ease;
	transition: all .2s ease;
	
}
.artistslists img {
	border-radius:0px;
}

.slider{width: 98%;margin:auto;}
/* Smartphones (portrait and landscape) ----------- */
@media only screen and (min-device-width: 320px) and (max-device-width: 480px) {
  #columns {
		-webkit-column-count: 1;
		-moz-column-count: 1;
		column-count: 1;
	}
        .slider{width: 80%;margin:auto;}
}

/* Smartphones (landscape) ----------- */
@media only screen and (min-width: 321px) {
  #columns {
		-webkit-column-count: 1;
		-moz-column-count: 1;
		column-count: 1;
	}
}

/* Smartphones (portrait) ----------- */
@media only screen and (max-width: 320px) {
  #columns {
		-webkit-column-count: 1;
		-moz-column-count: 1;
		column-count: 1;
	}
}

/* iPads (portrait and landscape) ----------- */
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) {
  #columns {
		-webkit-columns: 3;
        -moz-columns: 3;
             columns: 3;
	}
        .slider{width: 85%;margin:auto;}
}

/* iPads (landscape) ----------- */
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape) {
  #columns {
		-webkit-columns: 3;
        -moz-columns: 3;
             columns: 3;
	}
}


/*#columns:hover .pin:not(:hover) {
	opacity: 0.4;
}*/
/*For Artists page design*/
#artistlists {text-align:left;}
@media (min-width: 200px) and (max-width:770px) {
	#artistlists {
		text-align:left;
	}
        .canvas_size_layout{margin-top:15px;}
        .top-card-profile{
            opacity:1;
            height: 480px;
            background: #fff;
            margin-bottom: 56px !important;
            text-align: center;
        }
        .slider{width: 80%;margin:auto;}
}
@media (min-width: 780px) {
	#artistlists {
		text-align:left;
	}
}
@media (min-width :1350px){
	.artilst-list img{width:166px;height:166px;}
	.artist-name-design{width:166px;}
        .artist-month-pic{height:332px;}
}
#artistlists:hover .artistslists:not(:hover){
	opacity:0.5;
}

.artist-name-design:hover.artistslists.artilst-list > img{
	filter: grayscale(1%);
	-webkit-filter: grayscale(1%);
	-moz-filter: grayscale(1%);
	-ms-filter: grayscale(1%);
	transition-property: filter;
	transition-duration: 1s;
}
#artistlists:hover .artistslists:hover .artist-name-design{display:block;}
/*Month Artist css---------------*/
.artist-month-pic  img{
	width:100%;
	height:300px;
	}
.artist-month-text{
    position:absolute;
    z-index: 100;
    background:#FFB124;
    height:40px;
    text-align:center;
    width:100%;
    margin-top:-40px;
}
.artist-month-text p{
	margin:0;
	padding:0;
	font-size:12px;
}
.artist-month-text strong{
	font-size:10px;
	padding:0px;margin:0px;
}
.artistPaintings img{
	width:100%;height:250px;
}
.navbar-default .navbar-nav>li.newactive>a{color:#fff;}
a.alphabetsFilterLinks{margin:0px 10px;padding:5px;float:left;text-decoration: none;color:#d5d5d5;font-weight: bold;cursor: pointer;}
a.alphabetsFilterLinks:hover{color:#000;}
a.filter-active{color:#000;cursor: auto;}
/*Registraion and login*/
.form-group label{color:#bbb;}
.form-group input,.form-group select,.form-group textarea{
	background:#fff;
	border-color:#eee;
	-webkit-transition: ease-in-out, all 2s ease 0s;
    -moz-transition: ease-in-out, all 2s ease 0s;
    -o-transition: ease-in-out, all 2s ease 0s;
    transition: ease-in-out, all 2s ease 0s;
	}
.form-group input:focus,.form-group select:focus,.form-group textarea:focus{
	background:#eee;
	}
/*Header search box*/
.black{background: #000 !important;border-color: #222 !important;}
#searchbox_header{
	border-radius:20px;
	width:40%;
	cursor:pointer;
	 -webkit-transition: ease-in-out, all 2s ease 0s;
    -moz-transition: ease-in-out, all 2s ease 0s;
    -o-transition: ease-in-out, all 2s ease 0s;
    transition: ease-in-out, all 2s ease 0s;
}
#searchbox_header:focus{
	width:100%;
	cursor:auto;
}
.search-box li + li {
  margin-top: 10px;
}
.search-box li a {
  padding: 5px 0 5px 55px;
  min-height: 50px;
  position: relative;
  white-space: normal;
}
.search-box .typeahead-inner .item-img {
  width: 40px;
  height: 40px;
  position: absolute;
  left: 5px;
  top: 5px;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  border-radius: 5px;
  float: left;
}
.search-box .typeahead-inner .item-heading {
  display: inline-block;
  vertical-align: middle;
  line-height: 18px;
}
/*============ profile page design =======================*/
.big-img-background{
    vertical-align: top;
    width:100%;
    height: 400px;
    border:none;
	/*background: url('../images/icons/background-img.png') repeat center !important;*/
	cursor:pointer;
	text-align:center;
	padding-top:30px;
        opacity: .9;
}
.big-img-background:hover{
	opacity:1;
}
.cover-upload-icon{
    display:none;
}
.big-img-background:hover .cover-upload-icon{
    display:block;
}
.top-card-profile{
    float:none;
    margin:auto;
    vertical-align: top;
    margin-top:-280px;
    background: #fff;
    min-height: 330px;
    z-index: 1000;
    position:relative;
    box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";       /* IE 8 */
    filter: alpha(opacity=90);  /* IE 5-7 */
    -moz-opacity: 0.9;          /* Netscape */
    -khtml-opacity: 0.9;        /* Safari 1.x */
    opacity: 0.7;  
}
.top-card-profile-img{
    padding:15px;
    text-align: center;
}
.top-card-profile-img img{
    width:250px;
    height:250px;
}
.top-card-profile-img img:hover{
    cursor: pointer;
}
.profile-upload-icon{
    z-index: 3000;
    position: absolute;
    bottom:20px;
    left:20%;
    display: none;
}
.profile-upload-icon img{
    width:40px;
    height: 33px;
}
.top-card-profile-img:hover .profile-upload-icon{
    display: block;
}
.top-card-footer{
	text-align:center;
	vertical-align:middle;
    background: #eee;
    height: 50px;
	padding-top:10px;
}
.profile-card-layouts{
    clear:both;
    float:none;
    margin:auto;
    background: #fff;
    margin-top: 20px;
    vertical-align: top;
    min-height: 150px !important;
    z-index: 1000;
    position:relative;
    box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1);  
}
.profile-card-layouts h3{
    color:#888;
    padding:20px;
}
.profile-card-layouts p{margin:20px;}
.profile-footer-cards-layout{
	width:100%;
	background:#d5d5d5;
	text-align:center;
	position:absolute;
	bottom:0px;
	padding:5px 0px;
	opacity:0.7;
}
.profile-footer-cards-layout input[type='button']{
	padding:4px;
}
.artist-paintings img{
    width:100%;
    height: 450px
}
.artist-painting-text{
    width:100%;
    text-align: center;
    padding:5px 0px;
    font-weight: bold;
    color:#666;
    border:1px solid #eee;
}
.pagination{margin-bottom:40px;}
#upload-videos,#upload-articles{display:none;}
img-crop {
  width: 100%;
  height: 100%;
  display: block;
  position: relative;
  overflow: hidden;
}
/* line 7, ../../source/scss/ng-img-crop.scss */
img-crop canvas {
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  outline: none;
  -webkit-tap-highlight-color: rgba(255, 255, 255, 0);
  /* mobile webkit */
}
   .cropArea {
      background: #E4E4E4;
      margin: auto;
      overflow: hidden;
    }
.cropArea.small {
      width:200px;
      height:200px;
    }
/*Latest changes===== 6-01-2017 */


/*============= Header design*/
nav.navbar {margin-bottom: 0px;}
nav.navbar {padding: 20px;transition: all .7s ease-out;}
nav.navbar.navbar-fixed-top {padding: inherit;
   /* background-image: -webkit-linear-gradient(top,#fff 0,#f8f8f8 100%);
    background-image: -o-linear-gradient(top,#fff 0,#f8f8f8 100%);
    background-image: -webkit-gradient(linear,left top,left bottom,from(#fff),to(#f8f8f8));
    background-image: linear-gradient(to bottom,#fff 0,#f8f8f8 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff', endColorstr='#fff8f8f8', GradientType=0);
    filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);*/
    background-repeat: repeat-x;
    border-radius: 0px !important;
    -webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,.15), 0 1px 5px rgba(0,0,0,.075);
    box-shadow: inset 0 1px 0 rgba(255,255,255,.15), 0 1px 5px rgba(0,0,0,.275);
    border-color: #e7e7e7;
}



/*=============== JSSR Slider design=====================*/
/*
.jssorb05 div           (normal)
        .jssorb05 div:hover     (normal mouseover)
        .jssorb05 .av           (active)
        .jssorb05 .av:hover     (active mouseover)
        .jssorb05 .dn           (mousedown)
        */
        .jssorb05 {
            position: absolute;
        }
        .jssorb05 div, .jssorb05 div:hover, .jssorb05 .av {
            position: absolute;
            /* size of bullet elment */
            width: 16px;
            height: 16px;
            background: url('../images/slider/b05.png') no-repeat;
            overflow: hidden;
            cursor: pointer;
        }
        .jssorb05 div { background-position: -7px -7px; }
        .jssorb05 div:hover, .jssorb05 .av:hover { background-position: -37px -7px; }
        .jssorb05 .av { background-position: -67px -7px; }
        .jssorb05 .dn, .jssorb05 .dn:hover { background-position: -97px -7px; }

        /* jssor slider arrow navigator skin 12 css */
        /*
        .jssora12l                  (normal)
        .jssora12r                  (normal)
        .jssora12l:hover            (normal mouseover)
        .jssora12r:hover            (normal mouseover)
        .jssora12l.jssora12ldn      (mousedown)
        .jssora12r.jssora12rdn      (mousedown)
        */
        .jssora12l, .jssora12r {
            display: block;
            position: absolute;
            /* size of arrow element */
            width: 30px;
            height: 46px;
            cursor: pointer;
            background: url('../images/slider/a12.png') no-repeat;
            overflow: hidden;
        }
        .jssora12l { background-position: -16px -37px; }
        .jssora12r { background-position: -75px -37px; }
        .jssora12l:hover { background-position: -136px -37px; }
        .jssora12r:hover { background-position: -195px -37px; }
        .jssora12l.jssora12ldn { background-position: -256px -37px; }
        .jssora12r.jssora12rdn { background-position: -315px -37px; }

/*Home page Design*/
.topmargin-sm {
    margin-top: 30px !important;
}
/* Block Titles
-----------------------------------------------------------------*/
/* Heading Block - with Subtitle
-----------------------------------------------------------------*/

.heading-block { margin-bottom: 50px; }

.heading-block h1,
.heading-block h2,
.heading-block h3,
.heading-block h4,
.emphasis-title h1,
.emphasis-title h2 {
	margin-bottom: 0;
	font-weight: 700;
	text-transform: uppercase;
	letter-spacing: 1px;
	color: #333;
}
.heading-block h1 { font-size: 32px; }
.heading-block h2 { font-size: 30px; }
.heading-block h3 { font-size: 26px; }
.heading-block h4 {
	font-size: 20px;
	font-weight: 700;
}
.heading-block > span:not(.before-heading) {
	display: block;
	margin-top: 10px;
	font-weight: 300;
	color: #777;
}

.heading-block .before-heading { margin-bottom: 7px; }
.center { text-align: center !important; }
.heading-block.center > span,
.heading-block.title-center > span,
.center .heading-block > span {
	max-width: 700px;
	margin-left: auto;
	margin-right: auto;
}
.heading-block h1 + span { font-size: 24px; }
.heading-block h2 + span { font-size: 22px; }
.heading-block h3 + span,
.heading-block h4 + span { font-size: 20px; }
.heading-block ~ p:not(.lead) { font-size: 15px; }

.heading-block:after {
	content: '';
	display: block;
	margin-top: 30px;
	width: 40px;
	border-top: 2px solid #444;
}

.center .heading-block:after,
.heading-block.center:after,
.heading-block.title-center:after { margin: 30px auto 0; }

.tright .heading-block,
.heading-block.tright,
.heading-block.title-right { direction: rtl; }

.heading-block.noborder:after,
.heading-block.nobottomborder:after { display: none; }

.heading-block.border-color:after { border-color: #1ABC9C; }

/* ----------------------------------------------------------------
	Buttons
-----------------------------------------------------------------*/
.bottommargin-lg { margin-bottom: 80px !important; }
.bottommargin-sm { margin-bottom: 30px !important;}
.topmargin-sm { margin-top: 30px !important; }

.latest-image{position:relative; width: 100%;}
.latest-image img{width:100%; height: auto;}
.series-image {position:relative; width: 100%;margin-left: -15px !important;}
/*.series-image img{height: 400px;}
*/.series-content {height: 242px; overflow: hidden; text-align:justify;}
.border-series{border:1px solid #d5d5d5; padding:20px; margin-bottom:20px;cursor: pointer;}
.border-series:hover{box-shadow: 0px 0px 10px #bbb;transition: all .3s ease-in-out;top:-10px;}
.border-series a{color: #000;}
/*--------------------- Profile page css------------------*/
.profile-main-block{background: #f2f2f2;min-height: 500px;}
.profile-image {padding:5px;background: #fff;width: 200px;position: absolute;top: 222px;left:18%;border-radius: 7px 7px 0px 0px;}
.profile-image img{border: 1px solid #ccc;/*width:290px;*/border-radius: 7px 7px 0px 0px;}
.profile-contact-info, .profile-contact-info :focus{border: 1px solid transparent; padding: 5px;width: 100%;}
textarea {resize: none;}
/*============================ Painting details============================*/
.painting-details-block {min-height: 400px;}
.painting-details-text{padding: 20px; background:#f4f4f4; border-top: 0px solid #d5d5d5; text-align:justify;}
.painting-details-descr{padding: 20px 0px;  border-top: 1px solid #d5d5d5; text-align:justify;}
.details-img-block img{margin: auto; max-height:600px !important;}
.painting-details-text span{font-size: 12px;}
.painting-details-price-block{font-size: 22px;}
.painting-details-price-block span{font-size: 12px;}

.painting-buy-details {padding: 5px 0px;}
#paintDetail .modal { background-color: #fff !important; }
#paintDetail .modal-dialog {box-shadow: none;width:90%;text-align: center;}
#paintDetail .modal-content {border: none; box-shadow: none;}
#paintDetail .modal-content img{width:100%;}
.modal-header { border-bottom: 0 solid #e5e5e5 !important;}
.sold{background: #ed2323 none repeat scroll 0 0; border-radius: 50%;content: "";height: 15px;padding: 0;width: 15px;}
.solddetail{color:#ed2323 !important; height: 25px !important; line-height:25px !important; width: 25px !important; font-size:16px !important}
.close{font-size: 30px !important;opacity: 0.8 !important;}
.hold{background: #ff9900 none repeat scroll 0 0; border-radius: 50%;content: "";height: 15px;padding: 0;width: 15px;}
.holddetail{color:#ff9900 !important; height: 25px !important; line-height:25px !important; width: 25px !important; font-size:16px !important}
/*--------------------- Home page New changes*/
.banner-details {position: absolute; right: 0;top:0;z-index: 999;}
.single-banner-home {width:100%;height: 400px;margin-top:60px; margin-bottom:-40px;}
/*--------------------- Painting page new changes --------------------------*/
.aligncenter {padding:10px;}
/*.filter-blocks select{padding: 5px 0px;border: 1px solid #fff;width:122px;margin-right: 10px;}
.filter-blocks select:hover{border:1px solid #d5d5d5;}
.filter-blocks select option{padding:4px 3px;}*/



.admin-nav{padding:4px; background:#d5d5d5}
.navbar {
    border: 0px !important;
	min-height: auto !important;
}

.navbar-default {
    background-image: none;
    background-repeat: repeat-x;
    border-radius: 0px;
    box-shadow: none;
}
.navbar-default {
    background-color: #fff;
    border-color: none;
    border-bottom:1px solid #d5d5d5 !important;
}

.navbar-default .navbar-brand {
    color: #333 !important;
}
.navbar-default .navbar-nav > li > a {
     color: #333 !important;
}
.btn {
    
    border-radius: 0px;
	border:0px;
	padding:10px 20px;
}
.btn-primary, .btn-info {
    background-image: linear-gradient(to bottom, #333 0px, #333 100%) !important;
    background-repeat: repeat-x;
    border-color: #999 !important;
}
.btn-primary:focus, .btn-primary:hover ,.btn-info:focus,.btn-info:hover{
	background-image: linear-gradient(to bottom, #333 0px, #333 100%) !important;
    background-color: #333 !important;
    background-position: 0 -15px;
}
.btn-primary.active, .btn-primary:active {
	background-image: linear-gradient(to bottom, #333 0px, #333 100%) !important;
    background-color: #333 !important;
    border-color: #333 !important;
}
.btn-primary.disabled, .btn-primary.disabled.active, .btn-primary.disabled.focus, .btn-primary.disabled:active, .btn-primary.disabled:focus, .btn-primary.disabled:hover, .btn-primary[disabled], .btn-primary.active[disabled], .btn-primary.focus[disabled], .btn-primary[disabled]:active, .btn-primary[disabled]:focus, .btn-primary[disabled]:hover, fieldset[disabled] .btn-primary, fieldset[disabled] .btn-primary.active, fieldset[disabled] .btn-primary.focus, fieldset[disabled] .btn-primary:active, fieldset[disabled] .btn-primary:focus, fieldset[disabled] .btn-primary:hover {
    background-image: linear-gradient(to bottom, #333 0px, #333 100%) !important;
	background-color: #333 !important;
    background-image: none;
}
/*Series--------------------- Painting css*/
.series_text_details {position: absolute; width:700px;height: 347px;top:-16px;opacity: 1 !important;right:20px;transition: all .7s ease-out;}
.series_text_details .trix-content{height: 200px;}
trix-editor {overflow-y: auto;}
/*=====================Spinner==========*/
.spinner { position: absolute; z-index:9999; width: 100%;text-align: center; background:#FFF; padding:20% 0 0 0; left:0; right:0; top:0; bottom:0;}

/*======================= Footer Desing========================*/
footer{background: #333; min-height: 300px;width:100%;color:#eee;margin-top: 10%;}
footer div.container{min-height: 240px;padding-top: 20px;padding-bottom:20px;}
footer div.bottom-last{height: 60px;background: #000;width:100%;padding:20px;}
footer ul.footer-links {padding:0px; margin:0px; margin-top: 20px;}
footer ul.footer-links li{list-style: none;padding:3px;}
footer ul.footer-links li a{color: #eee;text-decoration: none;font-size: 11px;}
[ng\:cloak], [ng-cloak], [data-ng-cloak], [x-ng-cloak], .ng-cloak, .x-ng-cloak {
  display: none !important;
}
.imgloading {background: transparent url('../images/ripple.gif') center no-repeat;}

.slick-slide {margin: 0px 10px;}
.slick-slide img {width: 100%;}
.slick-prev:before,.slick-next:before {color: black;}
.team{padding:5px;background: #fff; border: 1px solid #f2f2fa}
.input_cat_med{border:1px solid #fff;}
.input_cat_med_edt{border: 1px solid #d5d5d5;}

/*================================================== New PinInterest */
.events_images{height: 340px;overflow-y: auto;}
.events_images div{margin:0px;padding:0px; float:left;width:95px;height: auto;}
.events_images .img_del{z-index: 1000; margin-top:-74px;position:absolute;color:#fff;}


#pinBoot {
  position: relative;
 /*max-width: 100%;
  width: 100%;
  background: #ff0000;*/
   min-height:500px;

}
#pinBoot img {
  width: 100%;
  max-width: 100%;
  height: auto;
}
.white-panel {
  position: absolute;
  background: white;
  padding:10px;
  /*margin-left:18px !important;*/
  margin:0px;
    border-radius:.25rem;
      border: 1px solid #eee;
          cursor: pointer;
      -webkit-transition: all .2s ease;
    -moz-transition: all .2s ease;
    -o-transition: all .2s ease;
    transition: all .2s ease;
  
}

.white-panel p {
    font: 12px/18px Arial, sans-serif;
    color: #333;
    margin: 0;
}

.white-panel h1 {
}
.white-panel h1 a {
  color: #A92733;
}
.white-panel:hover {
  box-shadow: 1px 1px 10px rgba(0, 0, 0, 0.5);
  margin-top: -5px;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
/*.white-panel:hover{border: 1px solid #d5d5d5;box-shadow: 0px 0px 10px #bbb;transition: all .3s ease-in-out;top:-10px;}*/
.card-title{padding:0px; margin: 0px;padding-top: 5px; font-size:16px ;font-weight:bold;}
.card-text{margin: 0px; padding: 0px;font-weight: normal;font-size: 8px;}
.card-price{font-size: 14px;}
.white-panel div.dropdown-menu {min-width: 80px; padding:5px 10px;} 
.card-block{padding-top:10px;}


.loadMore{
      text-align: center;
    background: #ccc;
	padding:10px;
    margin-top:80px;
}

.clear{
  clear: both;
}

.navbar-default .navbar-nav>.active>a {
  background:#fff !important;
  border-bottom:solid 3px #999;

    background-image: -webkit-linear-gradient(top,#fff 0,#fff 100%) !important;
    background-image: -o-linear-gradient(top,#fff 0,#fff 100%) !important;
    background-image: -webkit-gradient(linear,left top,left bottom,from(#fff),to(#fff))!important;
    background-image: linear-gradient(to bottom,#fff 0,#fff 100%)!important;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff', endColorstr='#fff', GradientType=0)!important;
    background-repeat: repeat-x!important;
    -webkit-box-shadow: inset 0 0px 0px rgba(0,0,0,.0)!important;
    box-shadow: inset 0 0px 0px rgba(0,0,0,.0)!important;
}


.clearfix:after {
    clear: both;
}
.clearfix:before, .clearfix:after {
    display: table;
    content: "";
}
*, *:after, *:before {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}


#filter-bar{ padding:20px 0; }
.filter-bar-right{ padding:10px 0px;}
.main-title { text-align: left;   padding:10px 0px; margin:0; text-transform: uppercase;}


.paintingDetailSeries-title{  text-align: left;   padding:10px 0px; margin:0;}
.paintingDetailSeries-title h3 {
    margin-top: 50px;
    margin-bottom: 10px;
}
.padding15 { padding:0 15px;}
.filter-blocks select{padding: 5px 0px;border: 1px solid #fff;width:122px;margin-right: 10px;}
.filter-blocks select:hover{border:1px solid #d5d5d5;}
.filter-blocks select option{padding:4px 3px;}
/*.filter-blocks select {
    border: 1px solid #d6d8db;
    background-color: #ecedee;
    text-transform: uppercase;
    color: #47515c;
    padding: 12px 30px 12px 10px;
    width: auto;
    cursor: pointer;
    margin-bottom: 10px;
}
.filter-blocks select > option {
    text-transform: uppercase;
    padding: 5px 0px;
}
.filter-blocks .customSelect {
    border: 1px solid #d6d8db;
    background-color: #ecedee;
    text-transform: uppercase;
    color: #47515c;
    padding: 12px 10px 12px 10px;
    margin-bottom: 10px;
}
.filter-blocks .customSelect.changed {
    background-color: #f0dea4;
}   
.filter-blocks .customSelectInner {
    background:url(http://cdn1.iconfinder.com/data/icons/cc_mono_icon_set/blacks/16x16/br_down.png) no-repeat center right;
}

*/



.mobhide{ display:none;}
.mobshow{ display:block;}

@media only screen and (max-width: 600px) and (min-width:180px){
nav.navbar {padding:0px !important;}
.mobhide{ display:block}
.mobshow{ display:none;}
.profile-main-block { min-height:250px;}
.profile-image { top:70px;}
.painting-details-block {min-height:250px;}

.navbar-brand {
    padding: 15px 15px;
    font-size: 18px;
    line-height: 20px;
    margin: 0 auto;
	float:none;
    display: block;
    text-align: center;
    background:#f4f4f4;
}

.navbar-brand :hover{ background:#f4f4f4}


}
/*======================= Camps Events Popups design===================*/
    #full_background_dark{
        z-index: 9990;
        position: fixed;
        background: url('colorbox/overlay.png');
        width:100%;
        min-height: 700px;
        display: none;
        left:0;
        top:0;
    }
    #imagePopups {
        z-index: 9991;
        position: absolute;
        margin: auto;
        width: auto;
        top: -7em;  
        left:20%;
    }
    #block-listimages{
        display: none;
        clear: both;
        z-index: 9991;
        position: absolute;
        margin: auto;
        width: 55%;
		left: 20%;
		top: 31em; 
		height: 120px;
    }
	#block-listimages .slick-list {
		height: 107px;
	}
	#block-listimages .slick-prev:before,#block-listimages .slick-next:before {color: white;}
    .imgloadings{
        position: absolute;
        top: 300px;
        left: 300px;
        z-index: 9992;
    }
    .pdetailmodal{
        display: none;
        z-index: 9992;
        
    }
    .mySlides{
        display: none;
        border: 1px solid #000;
        background: #000;
        border-radius: 0px;
        padding: 15px;
    }
    .mySlides div{
        background: #fff;
        border-radius: 0px;
        padding: 30px;
    }
    .mySlides div img{
        max-height: 430px;
		margin: auto;
    }

    .column-imglist{
        width:100px;
        height: 100px;
        float: left;
        margin-right: 5px;
    }
    .column-imglist img.active{
        box-shadow: 0 0 5px #fff;
    }
    .navbar-custom-des{display: none;}
    @media only screen and (max-width: 780px) and (min-width:180px){
        #imagePopups {
        z-index: 9991;
        position: absolute;
        margin:auto;
        width: 80%;
        top: -5em;
        left:10%;
    }
	.mySlides div img{
        max-height: 400px;
		margin: auto;
    }
    #block-listimages{
            width: 80%;
			top: 29em;
			left: 10%;
    }
    #full_background_dark{
        width: 100%;
    }
    }
    @media only screen and (max-width: 480px) and (min-width:180px){
	.mySlides div img{
        max-height: 200px;
		margin: auto;
    }
    #block-listimages{
        width: 85%;
		left: 6%;
		top: 16em;  

    }
    }
    @media only screen and (max-width: 767px) and (min-width:180px){
    .navbar-custom-des{display: block;}
    }
.div-loader{
	position: absolute; z-index:9999; width: 100%;text-align: center; background:#FFF; padding:20% 0 0 0; left:30%; right:0; top:25%; bottom:0;
}
.grid {
    border: 0px solid #f4f4f4;
    list-style: none;
    background: #ffffff;
    box-sizing: border-box;
    -moz-box-sizing : border-box;
    -webkit-transition: all 0.6s ease-out;
    transition: all 0.6s ease-out;
}
.grid-img {
    width: 100%;
    vertical-align: middle;
    -webkit-transition: opacity 0.6s ease-out;
    transition: opacity 0.6s ease-out;
    background-color: #fff;
    opacity: 0;
    visibility: hidden;
}
 
.grid-img.img-loaded{
    visibility: visible;
    opacity: 1;
}
hr{
	margin:5px 0px; padding:0px;}
	
.img-thumbnail {
   
    border-radius: 0;
}