@charset "utf-8";
/* CSS Document */

@font-face {
    font-family:'Cronos-Pro';
   src: url('../fonts/Cronos-Pro-Light.eot'); 
  src: url('../fonts/Cronos-Pro-Lightd41d.eot?#iefix') format('embedded-opentype'), 
  url('../fonts/Cronos-Pro-Light.woff') format('woff'), 
  url('../fonts/Cronos-Pro-Light.ttf') format('truetype'), 
  url('../fonts/glyphicons-halflings-regular.svg#glyphicons-halflingsregular') format('svg'); 
}
 
@font-face {
    font-family:'Cronos-Pro-Subhead';
    src: url('../fonts/Cronos-Pro-Light.eot'); 
  src: url('../fonts/Cronos-Pro-Lightd41d.eot?#iefix') format('embedded-opentype'), 
  url('../fonts/Cronos-Pro-Light.woff') format('woff'), 
  url('../fonts/Cronos-Pro-Light.ttf') format('truetype'), 
  url('../fonts/glyphicons-halflings-regular.svg#glyphicons-halflingsregular') format('svg'); 
}
  
@font-face 
{
  font-family: "Cronos-Pro-Semibold";
  src: url("../fonts/Cronos-Pro-Semibold.eot"); /* IE9*/
  src: url("../fonts/Cronos-Pro-Semiboldd41d.eot?#iefix") format("embedded-opentype"), /* IE6-IE8 */
  url("../fonts/Cronos-Pro-Semibold.woff2") format("woff2"), /* chrome、firefox */
  url("../fonts/Cronos-Pro-Semibold.woff") format("woff"), /* chrome、firefox */
  url("../fonts/Cronos-Pro-Semibold.ttf") format("truetype"), /* chrome、firefox、opera、Safari, Android, iOS 4.2+*/
  url("../fonts/Cronos-Pro-Semibold.svg") format("svg"); /* iOS 4.1- */
}
 
 @font-face {
  font-family: 'Cronos-Pro-Light'; 
  src: url('../fonts/Cronos-Pro-Light.eot'); 
  src: url('../fonts/Cronos-Pro-Lightd41d.eot?#iefix') format('embedded-opentype'), 
  url('../fonts/Cronos-Pro-Light.woff') format('woff'), 
  url('../fonts/Cronos-Pro-Light.ttf') format('truetype'), 
  url('../fonts/glyphicons-halflings-regular.svg#glyphicons-halflingsregular') format('svg'); 
}
body {
  font-family: Cronos-Pro-Light, sans-serif !important; letter-spacing:0.5px!important;
}
.container {
    /*width: 970px !important;*/ 
}
.navbar {
	margin-bottom: 0; 
}
.navbar-default {
    background-color: #fff; 
    border-color: #e7e7e7; 
	height: 60px; 
}
.navbar-nav>li>a 
{
    color: #616161;
    text-decoration: underline;
    padding: 8px 15px; 
    line-height: 32px;
}
.navbar-default .navbar-nav>li>a:focus, .navbar-default .navbar-nav>li>a:hover {
    color: #03C8CC;
    background-color: transparent; 
}
.navbar-brand-custom {
    padding: 10px 10px 0 10px; 
    height: 45px;
    width:150px;
}
.navbar-brand-custom img { 
    width: 100%;
}
.navbar-right 
{
    margin-top:2px;
} 
.dropdown-menu {
	left: inherit;
} 
.dropdown-toggle:hover .dropdown-menu {
    display: block;
    margin-top: 0; 
 }
a.dd-toggle {
    font-size:14px; 
}
.dd {
    left: inherit; 
    padding: 0 0 10px 0;
    margin: 0;
    border-radius: 0; 
    width: 175px;
}
.icons { 
    font-size: 14px;
    line-height: 18px;
    vertical-align: -5px; 
    color: #717171;
}
a.icons { 
    color: #717171;
    text-decoration: none;
} 
a.icons:hover {
    color: #ec803f;
    text-decoration: none; 
}
.icon-calender {
    font-size: 18px; 
}
.icon-contact {
    font-size: 20px; 
    margin-right: 20px;
    color: #717171;
    display: inline-block; 
    vertical-align: -5px;
}
.icon-bar-button { 
    position: relative;
    float: left;
    padding: 6px 10px; 
    margin-top: 11px;
    margin-right: 5px;
    background-color: transparent; 
    background-image: none;
    border: 1px solid transparent;
    border-radius: 4px; 
}
.icon-bar {
    background-color: #888; 
}
.icon-bar {
    display: block; 
    width: 22px;
    height: 2px;
    border-radius: 1px; 
}
.carousal-cap {
    padding: 10px 0;
}
.icon-bar+.icon-bar {
    margin-top: 4px;
}
.prelative {
    position: relative;
    margin-left:-150px;
}
.search a, .search a:hover {
    text-decoration: none;
    color: #b9b9b9;
}
.search-icon {
    position: absolute;
    top: 2px;
    right: 20px;
    font-size: 16px;
    color: #B9B9B9;
}
.search input[type=text] {
    border-radius: 20px;
    background-color: #f4f4f4;
    box-shadow: none;
    color: #6B6B6B !important;
    padding: 4px 25px 4px 10px;
    height: 28px;
    width: 150px;
    margin-right: 5px;
    font-size: 14px;
}
.advanced-search {
    margin-top: 0px;
    text-transform: uppercase;
    text-align: right;
    display: inline-block;
}
.advanced-search a {
    margin-top: 0px;
    display: block;
}
.top-form {
	margin: 12px 0 0px 0;
}
.advanced-search a 
{
    color: #585858;
    font-size: 14px;
    text-decoration: underline;
    text-transform: capitalize;
    margin-left: 20px;
}
.navbar-default .navbar-nav>li>a {
    color: #616161;
    text-decoration: underline;
}
.advanced-search a:hover {
    color: #ec803f;
	font-size: 14px;
	text-decoration: none;
	text-transform: capitalize;
}
.button {
	background-color: #fff;
	border: 1px solid #ec803f;
	padding: 10px;
	color: #333;
	border-radius: 6px;
}
.button:hover {
	text-decoration:none;
	background-color: #ec803f;
	color: #fff;
}
.btn-orange {
	background-color: #ec803f;
	border: 1px solid #ec803f;
	padding: 6px 10px;
	color: #fff;
	border-radius: 6px;
}
.btn-orange:hover {
	background-color: #fff;
	border: 1px solid #ec803f;
	color: #ec803f;
}
.mr25 {
    margin-right: 25px;
}
.form-control:focus {
    border-color: #fff;
    box-shadow: none;
}
.dropdown-header-custom {
    color: #03C8CC;
    font-size: 14px;
    border-bottom: 1px solid #d8d8d8;
    margin: 10px 10px 0 10px;
    padding: 0 0 5px 0;
}
.dd>li>a {
    padding: 5px 0px;
    line-height: 18px;
    border-bottom: 1px solid #d8d8d8;
    margin: 0 10px 0 10px;
    font-size: 14px;
}
.dd-last-child {
    border-bottom: transparent !important;
}
.carousel-control.left, .carousel-control.right {
	background-image: none;
}

.ms-collection{overflow:hidden!important; position:relative; letter-spacing:0.5px; box-shadow: 0 0 12px rgba(0,0,0,.4); }
.ms-collection img{transform:scale(1); transition:all 0.5s; display:block;}
.ms-collection:hover img{transform:scale(1.3); background-color:rgba(0, 0, 0, 0.7); top:0; left:0; }
.ms-collection .box_content{width:100%; height:100%; position:absolute; top:0%; left:0%; opacity:0; transition:all 1s; color:#fff; font-weight:bold; background-color: rgba(0, 0, 0, 0.5); text-align: center;border: 0px solid #fff;}
.ms-collection .box_content h3{font-size:18px; text-transform: uppercase; font-weight:bold;  transition:all 5s;}
.ms-collection .box_content .ms-btn{ border:2px solid #03C8CC; background-color: transparent; display: block; padding:5px 20px; margin:0 auto; border-radius:3px; font-size:18px; letter-spacing:0.5px!important; margin-top:25px; text-transform: uppercase; transition:all 1s;}
.ms-collection .box_content .ms-btn a{text-decoration:none; color:#fff;}
.ms-collection .box_content .ms-btn:hover{background-color: #03C8CC;}
.ms-collection:hover > .box_content{opacity:1;}

.top-artist-section{ width:100%; background: linear-gradient(125deg, rgba(3,200,204,1), #FFB420,  rgba(98,58,204,1)); background-size:400%; animation:gradientFade 5s ease infinite; padding: 50px 0 20px!important; margin:50px 0;}

@keyframes gradientFade{
    0%{background-position: 0% 50%;}
    50%{background-position: 100% 50%;}
    100%{background-position: 0% 50%;}
}


/* Indian Artist section Starts*/
.indian-artist-heading{font-size:30px; font-weight:bold; text-align: center; text-transform: uppercase; margin:10px 0;}
hr{border-bottom:2px solid #623ACC; width:10%; margin: 20px auto;}

.indian-artist-section{ perspective: 1000px;}
.indian-artist-section .indian-artist-imgs{transform: rotateY(0); transition: all 0.5s ease-in-out 0s;}
.indian-artist-section:hover .indian-artist-imgs{transform: rotateY(-90deg);}
.indian-artist-section .indian-artist-text{background-color:#623ACC; text-align: center; width:100%; height:100%; position:absolute; top:0; left:0; padding:20px; color:#fff; transform:rotateY(90deg); transition: all 0.5s ease-in-out 0s; box-shadow: 0 0 12px rgba(0,0,0,.4);}
.indian-artist-section:hover .indian-artist-text{transform:rotateY(0);}
.indian-artist-text button{font-size:20px;margin:20px;}

/* Indian Artist section Ends */

/* # Best Paintings */
*{margin:0; padding:0;}
.best-paintings-section{margin:40px auto; padding:20px; width:100%;}
.best-paintings-section ul{display: flex; margin-bottom:10px; align-items:center; justify-content:center;}
.best-paintings-section ul li{list-style: none; background-color: #03C8CC; color:#fff; padding:8px 20px; margin:5px; letter-spacing:1px; cursor: pointer; font-weight:bold; text-transform: uppercase;}
.best-paintings-section ul li.active, .best-paintings-section ul li:hover{background:#623ACC; color:#fff;}

.products{display:flex; flex-wrap: wrap; align-items:center; justify-content:center;}
.products .itemBox{position:relative; width:300px; height:300px; margin:5px;}
.products .itemBox img{width:100%; height:100%; position:absolute; top:0; left:0; object-fit:cover;}

  /* Best Paintings */

.ms-collection h2 {
    font-size: 25px;
    font-weight: bold;
    margin: 10px 0 0px 0;
    line-height: 18px;
    font-family: Cronos-Pro-Subhead, Arial;
    text-align:center;
    text-transform: uppercase;
}
.ms-collection p {
	font-size: 14px;
	margin: 0;
}

.ms-subscribe-block {
    background-color: #FFB420;
    color:#fff;
	padding: 20px 0;
	margin: 50px 0;
}
.ms-subscribe-block h3 {
    font-size: 18px;
	float: left;
    text-transform: uppercase;
	margin: 0 25px 0 0;
    line-height: 34px;
}
.ms-subscribe-icon {
	background-image: url("../Resource/Images/subscribe.png");
	background-repeat: no-repeat;
	background-position: center center;
	width: 40px;
    height: 30px;
    display: inline-block;
    vertical-align: middle;
    margin-right: 20px;
}
.ms-subscribe-btn {
    background-color: #fff;
    border-color: #fff;
    padding: 5px 10px;
    color: #ADADAD;
    border-radius: 15px;
    margin-left: -2px !important;
    text-decoration: underline;
    font-size: 16px;
}
.ms-subscribe-block input[type=text] {
    border-top-left-radius: 15px;
    border-bottom-left-radius: 15px;
    border-color: #fff;
    box-shadow: none;
    line-height: 24px;
    padding: 12px 10px 10px 10px;
    height:31px;
}
footer {
	margin: 25px 0 0 0;
}
.ms-footer-section {
	background-color: #03C8CC;
	padding: 25px 0;
}
.ms-footer-links {
	padding: 0;
}
.ms-footer-links h2 {
    color: #623ACC;
    font-size: 14px;
    font-weight: 600;
    text-transform: uppercase;
}
.ms-footer-links ul {
	padding: 0;
	margin: 0;
}
.ms-footer-links ul li {
    padding: 0 0 5px 0;
    margin: 5px 0;
    list-style-type: none;
    border-bottom: 1px solid #d8d8d8;
    line-height: 18px;
}
.ms-footer-links ul li a, .ms-footer-links ul li a:hover {
    color: #313131;
    text-decoration: none;
    font-size: 14px;
    line-height: 12px;
}
.ms-footer-links ul li:last-child {
    border-bottom: transparent;
}
.ms-social-section {
	background-color: #623ACC;
	padding: 10px 0;
	 
}
.ms-social-section ul {
	padding: 0;
	margin: 0;
}
.ms-social-section ul li {
	list-style-type: none;
	padding: 0;
	margin: 0px 25px 0 0;
	display: inline-block;
}
.ms-social-icons ul li a img {
    width: 25px;
}
.ms-social-section ul li a, .ms-social-section ul li a:hover {
	text-decoration: none;
}
.ms-social-section ul li:last-child {
	margin: 0;
}
.ms-social-icons {
    width: 189px;
    margin: 0 auto;
}
.playstore-panel {
    position: absolute;
    left: 20px;
    top: 1px;
}
.ms-auto-search {
    background-color: #F3F3F3 !important;
    width: 185px !important;
    /* padding: 10px !important; */
}
.ms-auto-search div {
    cursor: pointer !important;
}
.ms-welcome  {
    font-size: 14px;
    display: block;
    font-style: normal;
}
#Header_loginView_loginName {
    display: inline-block;
    padding: 0px 0 0 0;
    line-height: 14px;
}
#Header_loginView_loginStatus 
{
    display: inline-block;
}
.dd-toggle {
    padding: 0 !important;
    line-height: 18px !important;
    margin-top: 16px;
}
a:hover.dd-toggle, a:focus.dd-toggle {
    background-color: #fff !important;
    color: #404041 !important;
}
.dd-profile {
    margin-top: 10px !important;
    min-width: 125px;
}
.dd-profile>li>a {
    display: block;
    padding: 5px 5px;
    clear: both;
    font-weight: 400;
    line-height: 18px2857143;
    color: #333;
    white-space: nowrap;
    /* text-align: center; */
    border-bottom: 1px solid #d8d8d8;
    margin: 0 10px;
    font-size: 14px;
}


.icons {
	background-position: center center;
	background-repeat: no-repeat;
	width: 28px;
	height: 28px;
	display: inline-block;
}
a.icons {
    color: #717171;
    text-decoration: none;
}
.icon-calender {
	background-image:url(../Resource/Images/innerImages/calendar__icon.png);
}
.icon-calender:hover {
	background-image:url(../Resource/Images/innerImages/calendar__icon_hover.png);
}
        
.icon-phone {
    background-image:url(../Resource/Images/innerImages/phone__icon.png);
}
.icon-phone:hover {
    background-image:url(../Resource/Images/innerImages/phone__icon_hover.png);
}

.ms-slide-right {
	background-image: url("../Resource/Images/innerImages/arrow_right.png");
	background-repeat: no-repeat;
}

.ms-slide-left {
	background-image: url("../Resource/Images/innerImages/arrow_left.png");
	background-repeat: no-repeat;
}

.ms-copyright {
    text-align:center;
    color:#ffffff;
    font-size:14px;
}

/*************  MA ***************/
.carousel-control, .carousel-control:focus {
        opacity: 0.3;
    }
.carousel-control:hover {
        opacity: 0.9;
    }    
    
 /***** Box Sizes on Home page - 16 is top margin and 26 is bottom margin.****/
.ms-collection h2 {
	margin: 20px 0 50px 0;
 }
 /***Login button sticking out***/
.ms-container.ms-clearfix {
    padding-right: 20px;
}

.banner-img {height: 600px; margin: 0px auto; width: 100%; background-repeat: no-repeat; background-position: center; background-size: 100% 100% !important;}  
.carousel {margin-top: 0px; margin-bottom: 40px;}
.cara-img{height:600px !important;} 
.slider2 {padding-left:0;}
.slider1 {padding-right:0;}
/**********end MA********************************************/        


@media screen and (max-width:1100px) {
.banner-img {
    height: 500px;
}
}

@media screen and (max-width:992px) {
.banner-img {
    height: 370px;
}
}
@media screen and (max-width:768px) 
{ 
.slider1 .carousal-cap-01, .slider2 .carousal-cap-01 {width: 100%; bottom: 36px; left: 0%; padding: 10px;} 
.cara-img{height:250px !important;} 
#carousel-example-generic-001 .cara-img, #carousel-example-generic-002 .cara-img {height: 476px !important; background-size: 100% !important;}  
.slider1 .carousel, .slider2 .carousel  {margin: 0px;}  
.slider1 {margin-bottom: 0px; border-top: 0px solid #fff; border-left: none; padding: 0;} 
.slider2 {padding-top:00px;} 
.carousal-cap {width: auto;} 
.playstore-panel {
    position: absolute;
    right: 0;
    left: 0;
    top: -53px;
    width: 100%;
    background: #1f1f1f;
    padding: 5px 0px;
} 
 .playstore-panel li{margin-right:10px !important;} 
 .playstore-panel ul{float:right;} 
 .ms-social-section { 
    margin-top: 58px;
} 
.ms-collection{margin: 10px 0 !important;}

} 
@media (max-width: 767px) { 
    .ms-collection{margin: 10px 0 !important;}

.navbar-form .form-group { 
    margin-bottom: 5px; 
    margin-top: 10px;
    display: inline-block;
} 
.banner-img { 
    height: 360px; 
} 
 .carousal-cap, .carousal-cap-01 {         
        left: 5px;
        right: 5px;
    }
    .carousal-cap {
    bottom: 41px;
    }    
    .navbar-toggle {
    padding: 6px 9px 3px 9px !important;
    }
    .carousal-cap {
    background: rgba(0,0,0,0.9);
    }
    .carousal-cap p{
    font-size: 12px;
    }
    .carousal-cap h1{
    font-size: 11px;
    }
    .carousal-cap {padding: 7px 0;}
    .navbar-default {
        height: 60px!important;
}
@media screen and (max-width:480px) 
{
    .cara-img{height:230px !important;} 
	
	#carousel-example-generic-001 .cara-img, #carousel-example-generic-002 .cara-img {height: 321px !important; background-size: 100% !important;} 
	
    .carousal-cap, .carousal-cap-01 {        
        left: 2px;
        right: 2px;
    }
    .ms-subscribe-block h3 {
        font-size: 16px;
        margin: 0;
        margin-right:10px;
    }
    .ms-subscribe-icon {
        margin-bottom: 10px;
    }
    .navbar-default .navbar-collapse {
        background-color: #fff;
    }
    .navbar-form {
        padding: 10px 0px;
        border: none !important;
    }
    .search-icon {
        top: 24px;
        right: -290px;
    }
    .dd-toggle  {
        margin-left: 35px;
    }
    .banner-img {max-height: 200px; margin: 0px auto; width: 100%; background-repeat: no-repeat; background-position: center; background-size: 100% 100% !important;} 
    .carousel-control .glyphicon-chevron-left, .carousel-control .glyphicon-chevron-right{top: 48%;} 
    .carousal-cap {padding: 8px 0;}    
    .carousal-cap h1, .carousal-cap-01 h1 {font-size: 14px; font-family: Cronos-Pro-Semibold, sans-serif !important;} 
    .carousal-cap {bottom: 38px; padding:3px 6px;} 
    .carousal-cap p, .carousal-cap-01 p {font-size: 14px;} 
    .carousal-cap p, .carousal-cap-01 p {margin: 4px 0 0 0;} 
    .carousel {margin-bottom: 15px; margin-top:0px;} 
    .ms-collection{margin: 10px 0 !important;}
}

@media screen and (min-width:1000px) {
 #carousel-example-generic-002 .carousal-cap-01 {
    background: rgba(0,0,0,0.5);
    width: auto !important;
    margin: 0px auto;
    bottom: auto;
    left: auto;
    height: 80px; 
    top: 21px;
    right: 20px;
    padding: 10px 20px;
}

img.img-responsive.onhover:hover {
   -webkit-transform: scale(2.0);
   transform: scale(2.0);
   position: absolute;
   z-index: 99;
   transform-origin: 0 0;
   margin-top: -129px;
   transition: 2s;
}

#carousel-example-generic-001 .carousal-cap-01 {
    background: rgba(0,0,0,0.5);
   width: auto !important;
   margin: 0px auto;
   bottom: auto;
   left: auto;
   height: 80px; 
   top: 21px;
   right: 20px;
   padding: 10px 20px;
}
#carousel-example-generic-001  .carousal-cap p, .carousal-cap-01 p, #carousel-example-generic-002  .carousal-cap p, .carousal-cap-01 p {
    font-size: 13px;
    font-weight: normal;
    line-height: 18px;
    margin: 6px 0 0 0;
}
#carousel-example-generic-001 .carousal-cap h1, .carousal-cap-01 h1, #carousel-example-generic-002 .carousal-cap h1, .carousal-cap-01 h1 {
   border-bottom: none;  
    margin: 0 25px;
    padding-bottom: 0px;
    font-size: 17px;
    display: inline-block;
}
    
}

@media screen and (min-width:1100px) {
.carousel {
    margin-top: 0px;
    margin-bottom: 30px;
}
.banner-img {
    height: 640px;
}
.banner-img {
background-size: 100% 100% !important;
}
}

@media screen and (min-width:1500px) {
/*.carousel {
    margin-top: 30px;
}*/
.banner-img {
    height: 750px;
}
/*.banner-img {
background-size: cover !important;
}*/
}

@media screen and (min-width:1900px) {

.banner-img {
    height: 900px;
}
}

@media screen and (min-width:2400px) {
/*.carousel {
    margin-top: 0;
}*/
.banner-img {
    height: 1200px;
}
/*.banner-img {
background-size: cover !important;
}*/
}
@media screen and (min-width:767px) and (max-width:768px) 
{
.slider1  { padding-top: 0; border-left: 2px solid #fff;}  
}  
@media screen and (min-width:767px) and (max-width:1100px) 
{
.slider1 .carousal-cap-01, .slider2 .carousal-cap-01 {background: rgba(0,0,0,0.5); width: 100%; margin: -36px auto; bottom: 36px; left: 0%; padding: 10px;}
.cara-img{height:350px !important;}
#carousel-example-generic-001 .cara-img, #carousel-example-generic-002 .cara-img {height: 385px !important; background-size: 100% !important;}  
}
@media screen and (min-width:992px) and (max-width:1100px) 
{
#carousel-example-generic-001 .cara-img, #carousel-example-generic-002 .cara-img {height: 494px !important; background-size: 100% !important;}  
}
@media screen and (min-width:1250px) and (max-width:1400px) 
{
#carousel-example-generic-001 .cara-img, #carousel-example-generic-002 .cara-img {height: 623px !important; background-size: 100% !important;}  
}
@media screen and (min-width:1400px) and (max-width:1600px) 
{
#carousel-example-generic-001 .cara-img, #carousel-example-generic-002 .cara-img {height: 698px !important; background-size: 100% !important;}  
}

@media screen and (min-width:1100px) and (max-width:1300px) 
{
.carousal-cap-01 {
    background: rgba(0,0,0,0.5);
    width: 100%;
    margin: 0px auto;
    bottom: 0px;
    left: 0;
}
}

@media screen and (min-width:1600px) {
#carousel-example-generic-001 .cara-img {
    height: 100vh !important;
    width: 100vh !important;
}

#carousel-example-generic-002 .cara-img {
    height: 100vh !important;
    width: 100vh !important;
}
#carousel-example-generic-001, #carousel-example-generic-002{margin-top:0px;}
}

#carousel-example-generic-001, #carousel-example-generic-002{margin-top:0px;}

/* intro Section starts */
.top-para{width:100%; line-height: 1.8; margin:50px 0; font-size:18px; font-weight:600; letter-spacing:0.5px;}

/* intro Section ends */

/* social links starts */
.header-social-links {
    margin: 5px 0px!important;
    font-size: 18px;
}

.header-social-links a {
    color: #623ACC;
    padding-left: 6px;
    display: inline-block;
    line-height: 1px;
    transition: 0.3s;
    text-decoration:none;
}

.header-social-links a:hover {
    color: #03C8CC;
}
/* social links ends */