/* CSS Document */

@font-face{font-family:'Glyphicons Halflings';

src:url(fonts/glyphicons-halflings-regular.eot);

src:url(fonts/glyphicons-halflings-regular.eot?#iefix) format('embedded-opentype'),url(fonts/glyphicons-halflings-regular.woff) format('woff'),url(fonts/glyphicons-halflings-regular.ttf) format('truetype'),url(fonts/glyphicons-halflings-regular.svg#glyphicons_halflingsregular) format('svg')}



body{ font: 13px/20px 'Helvetica Neue', Helvetica, sans-serif;
    margin: 0 auto;
    background: #fff url(cobalt_new_28-16/css/images/texture.jpeg);
    height: 100%;
    color: #666;}

h2, h1{ font-weight:900;}

.mobile-header  a{text-decoration:none;!important}

.mobile-header  a{text-decoration:none;!important}

.responsive_menu{ margin-top:15px; background:#000000; color:#fff; font-size:20px;}

.responsive_menu .responsive-link{ }

.ion-compose{ color:#306bb1;}

 .navbar-left{ background:transparent; opacity: 0.90; background:#fff; height:auto; overflow-y:hidden; padding-top:20px; margin-bottom:0px!important;}



	  .navbar-left .navi-menu{ margin-top:20%; padding-left:10px;  font-family: "Myriad Pro", "Trebuchet MS", sans-serif; }



	  .navbar-left ul li{ list-style:none; padding:8px 10px 10px 0px;  border-bottom:1px dotted #fff;



  font-size: 18px; font-weight:800; text-transform:uppercase; }



   .navbar-left ul li a{color: #306bb1;  margin-left:10px; font-size:0.7em; }



  .navbar-left ul li a:hover{ margin-bottom:50px; color: #306bb1;}



  .ion-ios-home, .ion-android-contacts, .ion-person, .ion-social-rss-outline, .ion-images{ color:#306bb1; padding:5px; }



  .middle-content{background:#fff; margin-top:30px; opacity:0.95; padding:10px; }



  td {



    padding-bottom: 2px !important;



}
.top-nav{
	text-align:center;
}
.top-nav ul{
  padding: 0;
  margin: 3em 0 0 0;
}
.top-nav ul li{
  display: inline-block;
 
}
.top-nav ul li:hover a{
 color:#666; padding-bottom:5px; 
}
.top-nav ul li a{
  
  font-size: 1.2em;
  margin: 0;
      display: inline-block;
    vertical-align: middle;
    
    font-weight: 400;
    line-height: 13px;
    text-transform: uppercase;
    color: #333;
    letter-spacing: 0.1px;
    font-family: 'Roboto';
 
  text-decoration:none;
  
  padding: 0 25px;
	border-right: 2px solid #eee;
}
.top-nav ul li a.active{
	color:#033267 !important;
	
}


.about{ padding-top:10px; padding-bottom:10px;}



.navbar-left .navi-menu li ul{ padding-left:0px; padding-top:10px; top:300px; display:none; background:#fff; }



.navbar-left .navi-menu li:hover ul{ display:block; width:300px;}



h1, h2, h3, h4, h5{ font-size:1.6em;}


h1{ opacity:1; line-height:50px; font-size:2.5em; font:bold;}



.left-side a{text-decoration:none;}

.navigation ul li{ border-bottom: 1px dotted #fff; padding:10px;}

.navigation ul li a{ color:#fff; }

.painting-menu{ padding:0 10px 0 30px;}

.painting-menu .painting-images{  margin:5px 0;}

.painting-menu .painting-images:hover{ transform: scale(1.1); }

.copyright .col-md-6{color:#FFF; padding:3px; font:bold; font-size:12px;}

.band{margin:10px 0 2px 0px;}





.gallery{ background:#fff; color:#000; opacity:0.9; height:595px; overflow-y:scroll; margin-top:30px;  margin-bottom:10px; padding:2px 10px 2px 10px;}

.gallery h3, h2{  }

.gallery-sec{ text-align:left; margin-top:2px; }

.gallery-sec h4{ margin-bottom:5px; margin-top:5px;}

.gallery-images{  margin-top:2px; padding:8px; }

.gallery-images img{ border:1px solid #fff;}



.block{ height:145px; background:#14345D ; padding:2px; text-align:center;}

.block2{height:109px; margin-top:45px; text-align:center;}

.block3{height:109px; margin-top:25px; text-align:center;}





#myNavbar li{ background:#306cb2; opacity:0.95; border-bottom:1px dotted #fff; font-size:0.9em; border-bottom:1px solid #fff;}

#myNavbar li a{ color:#fff; text-transform:uppercase;}

#myNavbar li a.active{ background:#306cb2; color:#fff;}

#myNavbar li:hover{ background:#306cb2!important; color:#fff;}

#myNavbar li:hover a{ color:#000;}	  

#myNavbar li ul { padding:15px;}

#myNavbar li ul li{ list-style:none; padding:10px; border-top:1px solid #fff; botder-bottom:none!important;}

.navbar-collapse{ max-height: auto!important;}

#myNavbar ul li ul li:hover{ background:#fff!important;}

#myNavbar ul li ul li:hover a{ color:#306cb2;}	  

#myNavbar ul li ul { padding:15px;}

#myNavbar ul li ul li{ list-style:none; padding:10px;}

.navbar-collapse {

    max-height: auto!important;}

.navbar-toggle {

    color: #FFF;

    border-color: #DDD;

	margin-top:20px;

}

.icon-bar{ background-color:#fff!important;}



.artists li{ border-right:1px solid #000; line-height:13px;}
.artist_name_0 li a{ padding-left:8px;}
.artist_name_0 li{ border-bottom:1px dotted #777; padding:5px 0; text-transform:uppercase; text-decoration:none; }
.artist_name_0 li a:before{content: "\f1fc"; /* FontAwesome Unicode */
  font-family: FontAwesome;
  display: inline-block;
  /* same as padding-left set on li */
  width: 1.3em;
  padding-right:10px;
}
.art_12{ color:#666;}
.art_12 h4{ color: #666;

text-align: left;
text-transform: uppercase;
font-weight: 600; font-size:1em;}

 .gallery-jehangir img{ padding-top:15px;}   

 .browse-artist{ text-align:center;}

 .artist-list{ height:170px; overflow-y:scroll; }

 .artist-list li { padding:2px 0px!important;  text-transform:none!important;}
 .artist-list ul li a { margin-left:-8px!important; font-size:11px!important;
 
  }

 .artist-list-div{ height:260px; margin-top:10%; background:#eee; padding:15px 5px}

 .gallery-testimonial{height: 595px;

overflow-y: scroll;

margin-bottom: 10px;

padding: 2px 10px;}





.responsive-container {
    position: relative;
    width: 100%;
	max-height:300px;
	
}
.dummy{height: 300px;
overflow: hidden;
margin: auto;}

.dummy img {
moz-border-radius: 3px;
-webkit-border-radius: 3px;
box-shadow: 1px 1px 1px rgba(170, 170, 170, .8), 2px 1px 2px rgba(170, 170, 170, .7), 4px 2px 3px rgba(170, 170, 170, .5), 8px 4px 4px rgba(170, 170, 170, .3), 12px 6px 5px rgba(170, 170, 170, .1);

   
}

.img-container { padding: 0px 0;
height: 150px;
overflow: hidden;
margin: auto;
}
.img-src01{ padding:5px 7px;}


/* CSS Document */

.span30{ padding:30px 0}
.span15{ padding:15px 0}
.p0{ padding-left:0px!important; padding-right:0px!important;}
.nav{ padding-top:15px; }
.nav  li{ }
.nav  li a{ color:#333; text-transform:uppercase; font-size:1.3em; text-decoration:none; display: inline-block!important;}

.exi_mid_0{ background:url(../images/header-back.jpg) repeat;}




/* Effect 15: scale down, reveal */
/*.cl-effect-15 a {
  color: rgba(28, 213, 181, 0.65) !important;
  text-shadow: none;
}*/

/*.cl-effect-15 a::before {
	color: #fff;
	content: attr(data-hover);
	position: absolute;
	-webkit-transition: -webkit-transform 0.3s, opacity 0.3s;
	-moz-transition: -moz-transform 0.3s, opacity 0.3s;
	transition: transform 0.3s, opacity 0.3s;
}

.cl-effect-15 a:hover::before,
.cl-effect-15 a:focus::before {
	-webkit-transform: scale(0.9);
	-moz-transform: scale(0.9);
	transform: scale(0.9);
	opacity: 0;
}*/


/*.art_gallery{ background:url(../images/art_gallery.jpg); min-height:380px; }
.art_border{ border:2px solid #333; z-index:1}
.art_aware{ background:url(../images/awareness.jpg); width:100%; height:100%; min-height:400px;}
.art_blog{background:url(../images/blog_img.jpg); }*/


.art_p0{ background:rgba(0, 0, 0, 0.8); position:absolute; z-index:1; padding:15px; top:40%; width:92%; color:#fff; text-transform:uppercase; font-size:1.3em; text-align:center; font-weight:800;}

.exi_new_paint_0 .well{ background:transparent!important; border:0px!important; box-shadow:none!important;}
.paint_name{ color:#666;  font-size: 0.85em; padding:20px 0; margin-top:20px; text-align:center; text-transform:uppercase; }

.module_title::after {
    content: " ";
    border-bottom: 1px solid #d9d9d9;
    width: 100%;
    position: absolute;
   top:60px;
    left: 0;
    z-index: 1;
}
.product_image li{ text-align:center}
.product_image li a{ text-decoration:none; transition:0.3s all; text-align:center;}
.item_image{  max-height: 200px;
width: auto;
overflow: hidden;
}
h3.fot{  text-transform:uppercase; font-weight: 600;
 font-size:1.3em; margin-bottom: 20px;}
.foot-nav{ padding:0; margin:0; color:#fff}
.list li {
    font-size: 14px;
    font-weight: 300;
    line-height: 20px;
    list-style: none;
    text-transform: none;
    padding: 4px 0 4px 0;
}
.foot-nav li.active a, .foot-nav li.hover a{
    color: #fff;
}
.list li a {
    color: #8d8d8d;
}
.footer{color: #8d8d8d;}

.txt2 {
    display: block;
    font-size: 20px;
    line-height: 22px;
    color: #8d8d8d;
    padding-top: 0px;
    font-weight: 300;
    text-transform: none;
    padding-right: 0px;
    padding-bottom: 0px;
    padding-top: 12px;
    overflow: hidden;
}

.copyright-row {
    padding: 70px 0 0px;}
	.copyright {
    color: #8d8d8d;
    font-size: 12px;
    line-height: 18px;
    text-align: left;
    text-transform: none;
    overflow: hidden;
    display: block;
    margin: 0;
    width: auto;
    font-weight: 300;
    border-top: 1px solid #383838;
    padding-top: 30px;
    padding-bottom: 30px;
}
.text-blue{ color:#033267} 
.exi_new_paint_0 p{ color:#585858; font-size:0.9em; line-height:1.7em; }
.f_dropdown-menu:hover .f_dropdown-menu{ display:block; margin-top: 0; border-radius: 0px!important;}
.f_dropdown-submenu{ width:100%; padding: 0px 20px;}
.dropdown-menu > li > a:focus, .dropdown-menu > li > a:hover{ background:none!important; color:#666!important;}
.f_dropdown-submenu a{ font-size:1.1em!important; padding:12px 15px!important;
width: 100%; color:#fff!important; text-align:left; border:none!important;  }
.dropdown-menu{ background:#000;}
.top-nav ul li.last a{border:none!important; }
.drop-cap{font-size: 4.6875rem;
margin-top: -2px; color:#033267; float: left; }
.page_heading{ font-weight: 600;
font-size: 42px;
font-size: 3em;
color: #033267;
line-height: 1.2;
margin: 30px 0 25px;}
img{vertical-align: middle!important;}

.breadcrumb-item_1 {list-style:none; display:inline}
.breadcrumb-item{display: block;
float: left; text-transform:uppercase; font-size:1.2em;}
.breadcrumb-item a{ color:#777; font-size:13px;}
.breadcrumb-item.active{ color:#033267}
.breadcrumb-item a:after {
    content: "\f054";
	font-family: FontAwesome;
    display: block;
    float: right;
   padding-left:8px;
    padding-right:8px;
	}
	.breadcrumb-item:nth-last-child(1) {}
	.lkbtnArtist{ padding:4px}
	.exi_new_paint_0 {background:#f3f3f3}
	.carousel-control{ background:none!important; top:200px!important; color:#ccc!important; font-size:2em;}
	/*a.left
	{right:30px!important; left:900px}*/
.fa-angle-right, .fa-angle-left{ padding:10px 15px; margin-top:15px; background:#033267;}
.pagination_alfa li a{background:#fff!important; color:#033267}
.pagination_alfa li.active a{ background:#033267!important; color:#fff}
.pagination_alfa > li > a{   border:none; font-size:1.5em;}
.pagination_alfa li:hover a{background:#033267!important; color:#fff}
.photo_white{ background:#fff; padding:20px 0px; margin:10px 0;}
.art_gallery_01{  padding:15px  0; 
    height: 270px; overflow: hidden;  margin:auto}
.ex_01{  padding:15px  0; 
    height: 180px; overflow: hidden;  margin:auto}
.art_paint_01{}
.art_paint_01 h3{ font-size:1.5em; font-weight:bold;  }
.art_paint_01 p{ line-height:22px; font-size:0.9em; margin: 0 0 0px; padding-bottom:5px}
.art_gallery_img{ height:auto; padding-bottom:25px; margin:auto; margin-top:20px}
.ex_img{padding-bottom:25px; margin:auto; margin-top:20px; height:285px;}
.ex_gallery_01{ padding:15px  0; 
    height: 180px; overflow: hidden;  margin:auto}
	.paint_img{ height:200px;}

.painting_01{ background:#fff; padding:15px!important}
.detail_image{ background:#f3f3f3; padding:15px }
.thumb-small{ width:90px; margin-bottom:15px;}
.txt33{ font-size:1.25em; padding-bottom:15px;}
.btn-info{display: block;
float: left;
padding: 6px 10px;
color: #fff;
text-decoration: none;
background: #033267!important;}
.exi_details h1{ font-size:2em;}

.nav1 {
    display:block;
}
/*photo_gallery*/

.photo_gallery .modal-content{ background-color:transparent!important; }
.photo_gallery .modal-header, .photo_gallery .modal-footer{ border:none!important;}
.modal-header .close{ color:#fff;}
.close{ opacity:10;}

.ex_photo_gallery {
    padding: 0px 0;
    height: 150px;
    overflow: hidden;
    margin: 10px auto;
}



@media only screen 
  (min-device-width: 768px) 
  {
  .nav1 {
    display:none;
}
    
		.top-nav ul li {
    display:block;
	text-align:left;
	border-bottom:1px dotted #eee; padding:5px;
}
.top-nav ul li a{ border:0px; padding:5px;
}
.top-nav{ margin-top:15px;   }
.menu{font-size:1.3em; background:#000; padding:5px; color:#fff;}
 .form-horizontal .form-group {
    margin-right: 15px!important;
    margin-left: 15px!important;
}
.art_p0{ font-size:1.2em!important;}

}
@media (max-device-width: 1024px)  {
.art_p0{ font-size:1em!important;}

.top-nav{ margin-top:15px; display:block;  }
.menu{font-size:1.3em;  padding:5px; color:#666;}
}

@media only screen 
  and (min-device-width: 320px) 
  and (max-device-width: 480px){
  .nav1{ display:none}
  .img-container {  

    height: 80px;}
	.img-container2{ height:130px;}
    .nav1 cl-effect-15 li {
        width:100%;
    }
	.top-nav ul li {
    display:block;
	text-align:left;
	border-bottom:1px dotted #eee; padding:5px;
}
.top-nav ul li a{ border:0px; padding:5px;
display: block;
padding: 8px 0;
margin: 0;
text-align: left;
color: #666;
border-bottom: 1px solid rgba(255, 255, 255, 0.1);
border-left: 1px solid rgba(255, 255, 255, 0.1);
border-right: 1px solid rgba(255, 255, 255, 0.1);
text-decoration: none;
text-transform: capitalize;
}.art_p0{ font-size:1.2em!important;}
.top-nav{ margin-top:15px; display:block;  }
.menu{font-size:1.3em; ; padding:5px; color:#666; cursor:pointer}
 .form-horizontal .form-group {
    margin-right: 15px!important;
    margin-left: 15px!important;
}
}

.infiniteCarousel {
  width: 395px;
  position: relative;
}

.infiniteCarousel .wrapper {
  width: 315px; /* .infiniteCarousel width - (.wrapper margin-left + .wrapper margin-right) */
  overflow: auto;
  height: 105px;
  margin: 0 40px;
  position: absolute;
  top: 0;
}

.infiniteCarousel ul a img {
  border: 5px solid #000;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
}

.infiniteCarousel .wrapper ul {
  width: 840px; /* single item * n */
  list-style-image:none;
  list-style-position:outside;
  list-style-type:none;
  margin:0;
  padding:0;
  position: absolute;
  top: 0;
}

.infiniteCarousel ul li {
  display:block;
  float:left;
  padding: 10px;
  height: 85px;
  width: 85px;
}

.infiniteCarousel ul li img {
    -webkit-transition: border-color 400ms;
}

.infiniteCarousel ul:hover li img {
  border-color: #000;
}

.infiniteCarousel ul:hover li:hover img {
  border-color: #333;
}

.infiniteCarousel ul li a img {
  display:block;
}

.infiniteCarousel .arrow {
  display: block;
  height: 36px;
  width: 37px;
  background: url(images/arrow.png) no-repeat 0 0;
  text-indent: -999px;
  position: absolute;
  top: 37px;
  cursor: pointer;
  outline: 0;
}

.infiniteCarousel .forward {
  background-position: 0 0;
  right: 0;
}

.infiniteCarousel .back {
  background-position: 0 -72px;
  left: 0;
}

.infiniteCarousel .forward:hover {
  background-position: 0 -36px;
}

.infiniteCarousel .back:hover {
  background-position: 0 -108px;
}

.product_image{ float:left; margin:10px; border: solid 8px rgba(255, 255, 255, .70) !important;
box-shadow: rgba(0,0,0, 0.1) 0px 0px 5px;
-moz-box-shadow: rgba(0,0,0, 0.1) 0px 0px 5px;
-webkit-box-shadow: rgba(0,0,0, 0.1) 0px 0px 5px;}

/* Demo Slides */

#owl-example .item{
	padding: 30px 0px;
	margin: 10px;
	color: #FFF;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	text-align: center;
}
#owl-example .item img{

	width: auto;
	margin: 0 auto;
	display: block;
}
.owl-item{ width:auto!important;}

#share-buttons a{text-decoration:none}
#share-buttons a i{ padding:10px 2px; font-size:1.5em; color:#306cb4;  }
#share-buttons a i:hover{color:#333;}

@media( max-width:360px){
.owl-item{ width:280px!important; position:absolute; left:0px; z-index:111;}
.art_p0{ width:90%;}
}

.module_title h2 {
    padding-top: 15px;
}
}


.past_gallery_01 h3{ font-size:1.1em!important; font-weight:800;}

.carousel {
    margin-bottom: 0;
	padding: 0 40px 30px 40px;
}
/* Reposition the controls slightly */
.carousel-control {
	left: -22px;
}
.carousel-control.right {
	right: -22px;
}
/* Changes the position of the indicators */
.carousel-indicators {
	right: 50%;
	top: auto;
	bottom: 0px;
	margin-right: -19px;
}
/* Changes the colour of the indicators */
.carousel-indicators li {
	background: #c0c0c0;
}
.carousel-indicators .active {
background: #333333;
}