/*!
 * Start Bootstrap - Modern Business (https://startbootstrap.com/template-overviews/modern-business)
 * Copyright 2013-2019 Start Bootstrap
 * Licensed under MIT (https://github.com/BlackrockDigital/startbootstrap-logomodern-business-nav/blob/master/LICENSE)
 */
body {
  padding-top:0;
}

/* Preloader */
#preloader {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background:rgba(255,255,255,0.7);
  /* change if the mask should have another color then white */
  z-index: 3000;
  /* makes sure it stays on top */
}

#status {
  width: 400px;
  height: 200px;
  position: absolute;
  left: 50%;
  /* centers the loading animation horizontally one the screen */
  top: 50%;
  /* centers the loading animation vertically one the screen */
  background-image: url(../images/loader.png);
  /* path to your loading animation */
  background-repeat: no-repeat;
  background-position: center;
  margin: -100px 0 0 -100px;
  /* is width and height divided by two */
}
/* Preloader end*/

.clr{clear:both;}

a {
  
}

#myHeader{padding:0px; background:#ffffff;}

#myHeader > a{color:#ffffff;}

#myHeader > input{border:solid 1px #ffffff; background:none;}

.sticky {
  position: fixed;
  top: 0;
  width: 100%;
  z-index:2000;
  -webkit-box-shadow: 0px 9px 5px -5px rgba(0,0,0,0.28);
-moz-box-shadow: 0px 9px 5px -5px rgba(0,0,0,0.28);
box-shadow: 0px 9px 5px -5px rgba(0,0,0,0.28);
}

.sticky + .content {
  padding-top: 102px;
}

.navbar {
background:#e71c37;
padding:8px 0;
}

.nav-link {
    display: block;
    padding: .3rem 1rem;
}

.navbar-expand-lg .navbar-nav .nav-link {
    padding-right: 20px;
    padding-left: 20px;
    color: #ffffff;
	font-weight:bold;
	font-size:14px;
	text-transform:uppercase;
}

.navbar-expand-lg .navbar-nav .nav-link:hover {
    color: #ffffff;
	background:#e71c37;
}

.navbar-toggler {
    background-color: #292626;
	padding: 0 .75rem;
}

.bg-dark {
    background-color: #e6e6e6!important;
}

#myHeader > div > div > div > .contact, #myHeader > div > div > div > .contact > span > a{color:#ffffff; text-decoration:none; font-size:13px; text-align:right; font-weight:bold; padding-top:10px;}

.navbar-brand {
    color: #000000!important;
	text-align:left;
	margin:7px 0;
}

.banner{
background:url(../images/bannerbg.jpg) no-repeat left top;
background-color:#f3f3f3;}

.item > h1, .item > h2{position:absolute; font-size:32px; left:100px; top:100px; color:#e71c37;}
.item > h2{font-size:24px; color:#000; left:100px; top:140px;}


.newslettercontent {
max-width: 650px;
padding:10px 0;
margin: 20px auto 0;
text-align: center;
position: relative;
z-index: 2; }
.newslettercontent h2 {
color: #243c4f;
margin-bottom: 10px; }
.newslettercontent .form-control {
height: 41px;
border-color: #e71c37;
border-radius:0;
}
.newslettercontent.form-control:focus {
box-shadow: none;
border: 2px solid #243c4f;
}
.newslettercontent .btn {
min-height: 5px; 
border-radius:0;
background: #e71c37;
color: #fff;
padding: 3px 10px;
font-weight:600;
}

.content{text-align:justify; font-size:16px;}


.painting {
	width:280px;
    margin: 0 auto;
    background: #ffffff;
    padding: 2px 10px 10px;
    -webkit-box-shadow: 4px 10px 10px -8px rgba(0,0,0,0.48);
    -moz-box-shadow: 4px 10px 10px -8px rgba(0,0,0,0.48);
    box-shadow: 4px 10px 10px -8px rgba(0,0,0,0.48);
    text-align: center;
}


.contact{font-size:18px;}
.contact > strong{font-size:22px; color:#963240; text-transform:uppercase;}



.newarrival > h1{text-align:left; font-size:27px; text-transform:uppercase; position:relative; width:100%; margin:0; color: #e71c37;}
.newarrival2 > h1{text-align:center; font-size:27px; text-transform:uppercase; position:relative; width:100%; margin:0; color: #e71c37;}
.newarrival3 > h1{text-align:left; font-size:27px; text-transform:uppercase; position:relative; width:100%; margin:0; color: #e71c37;}


.newarrival > h1:before, .newarrival3 > h1:before{
	content:""; position:absolute; left:0; right:0; margin:0; bottom:-4px;
    width: 60px;
    height: 2px;
    background: #e71c37;}
	
.newarrival2 > h1:before{
	content:""; position:absolute; left:0; right:0; margin:0 auto; bottom:-10px;
    width: 60px;
    height: 2px;
    background: #e71c37;}
	
.books > div > div, .gallery > div > div{
	position:relative;
	overflow:hidden;
	padding:4px;
	margin-bottom:25px;
	text-align:center;
	-webkit-box-shadow: 4px 10px 10px -8px rgba(0,0,0,0.48);
    -moz-box-shadow: 4px 10px 10px -8px rgba(0,0,0,0.48);
    box-shadow: 4px 10px 10px -8px rgba(0,0,0,0.48);
}

.gallery > div > div{
	text-align:justify;
}

.books > div > div > img{
	height:340px;
	width:100%;
}

.gallery > div > div > img{
	height:200px;
	width:100%;
}

.books > div > div:hover .img-zoom, .gallery > div > div:hover .img-zoom{
	opacity:1;
}

.img-zoom{opacity:0; transition:ease all 0.5s; position:absolute; width:100%; height:100%; text-align:center; top:0; left:0; right:0; margin:auto; z-index:1000; background:rgba(0,0,0,0.5);}

.img-zoom > a{display:block; position:absolute; top:100px; left:0; right:0; margin:auto;}

.books > div > div > h1{
	font-size:16px;
}
.gallery > div > div > h1{
	font-size:14px;
	height:116px;
	padding:5px;
}

[type=button]:not(:disabled), [type=reset]:not(:disabled), [type=submit]:not(:disabled), button:not(:disabled) {
    cursor: pointer;
    background: #e71c37;
	outline:none;
}

.modal-header > h1{color:#656565; font-size:26px;}

.modalimg{overflow-y:scroll; height:400px;}
.modalimg > div > a > img {height:200px; margin:10px 0;}

.modalimg > .div{width:100%; padding:5px 10px;
margin:3px 0;
}
.modalimg > .div > a{display:block; width:100%; padding:6px; color:#000000; font-size:14px; font-weight:bold;
/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#efe28d+0,fefcea+100&1+0,0+100 */
background: -moz-linear-gradient(left, rgba(239,226,141,1) 0%, rgba(254,252,234,0) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left, rgba(239,226,141,1) 0%,rgba(254,252,234,0) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right, rgba(239,226,141,1) 0%,rgba(254,252,234,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#efe28d', endColorstr='#00fefcea',GradientType=1 ); /* IE6-9 */

}


.video > div {
border:solid 1px #051e44; display:block;
border-width:6px;  
border-style:double;
-webkit-box-shadow: 2px 4px 5px 0px rgba(0,0,0,0.14);
-moz-box-shadow: 2px 4px 5px 0px rgba(0,0,0,0.14);
box-shadow: 2px 4px 5px 0px rgba(0,0,0,0.14);
transition:ease all 0.8s;
}

.video > div{border:0;}

.video > div:hover {
border:solid 1px #000000;
border-width:6px;  
border-style:double;
}

.video > div:hover{border:0;}

.video > div > h4 {padding:5px 5px; height:45px; margin:0; text-align:center; font-size:15px;}

.video > div > h4 >a{color:#d3223c; text-transform:uppercase;}

.productimg {height:360px; width:100%;}

.product > div > span > div img {transition:ease all 0.5s;}

.youtube {
	background-color: #000;
	margin-bottom: 5px;
	position: relative;
	padding-top: 56.25%;
	overflow: hidden;
	cursor: pointer;
}
.youtube img {
	width: 100%;
	top: -16.82%;
	left: 0;
	opacity: 0.7;
}
.youtube .play-button {
	width: 90px;
	height: 60px;
	background-color: #333;
	box-shadow: 0 0 30px rgba( 0,0,0,0.6 );
	z-index: 1;
	opacity: 0.8;
	border-radius: 6px;
}
.youtube .play-button:before {
	content: "";
	border-style: solid;
	border-width: 15px 0 15px 26.0px;
	border-color: transparent transparent transparent #fff;
}
.youtube img,
.youtube .play-button {
	cursor: pointer;
}
.youtube img,
.youtube iframe,
.youtube .play-button,
.youtube .play-button:before {
	position: absolute;
}
.youtube .play-button,
.youtube .play-button:before {
	top: 50%;
	left: 50%;
	-webkit-transform: translate3d( -50%, -50%, 0 );
	        transform: translate3d( -50%, -50%, 0 );
}
.youtube iframe {
	height: 100%;
	width: 100%;
	top: 0;
	left: 0;
}

#next {
    background: #ffffff;
    color: #9e9899;
    font-weight: bold;
    border: solid 2px #b1adae;
    padding: 4px 13px;
    outline: none;
    margin: 0 auto;
    display: block;
}

.footernav{
   position:relative;
   width:100%;
   margin:50px 0 0 0;
   padding:3%;
   background-color:#f7f7f7;
   color:#3a3939;
}

.footernav ul{padding:0; margin:0;}
.footernav ul li{list-style-type:none;}
.footernav ul li a{padding:5px 0; color:#524c4c; display:block; border-bottom:dashed 1px #5e736e; text-decoration:none; text-transform:uppercase;}
.footernav ul li a:hover{color:#d71a21;}

.footernav > .content{font-size:12px;}

.footernav > a{margin:4px; color:#6b6b6b;}

.footernav > .img{position:absolute; z-index:1000; height:40px; width:100%; bottom:0; left:0; background:url(../images/footerimg.png) bottom left;}

footer > div > p > a {color:#000000;}

.btn-primary, .btn-primary:hover {
    color: #fff;
    background-color: #6b6b6b;
    border:0;
}

.sociallink{width:100%;}
.sociallink > a{float:left!important; width:30px; margin:20px 10px 0 0;}

.map{margin:50px 0 0;}

.fa1 {
  padding: 10px;
  font-size: 18px!important;
  width: 36px;
  height: 36px;
  border-radius:50%;
  text-align: center;
  text-decoration: none;
  margin: 20px 2px 0;
  float:left!important;
  color:#000000!important;
}

.fa1:hover, .fa1:active {
    opacity: 1;
	color:#ffffff;
	background:#000000;
	transition:ease all 0.5s;
	text-decoration:none;
	
	-moz-transform: rotate(360deg);
  -webkit-transform: rotate(360deg);
  -ms--transform: rotate(360deg);
  transform: rotate(360deg);
  -webkit-transition: all 0.6s;
  -moz-transition: all 0.6s;
  -o-transition: all 0.6s;
  -ms-transition: all 0.6s;
  transition: all 0.6s;
	
}

.fa1-facebook, .fa1-twitter, .fa1-youtube, .fa1-search-plus {
  background: #e71c37;
  color:#ffffff!important;
}

.fa2 {
  padding: 10px;
  font-size: 18px!important;
  width: 36px;
  height: 36px;
  border-radius:50%;
  text-align: center;
  text-decoration: none;
  margin: 0 10px 0 2px;
  float:left!important;
  color:#ffffff!important;
}

.fa2-search {
  background: #e71c37;
  color:#ffffff!important;
}

.fa2 {
  padding: 6px;
  font-size: 24px!important;
  width: 24px;
  height: 34px;
  border-radius:50%;
  text-align: center;
  text-decoration: none;
  margin: 0 10px 0 0;
  float:left!important;
  color:#ffffff!important;
}

.fa2:hover, .fa2:active {
    opacity: 1;
	color:#ffffff;
	transition:ease all 0.5s;
	text-decoration:none;
}

.fa2-facebook, .fa2-twitter, .fa2-youtube, .fa2-search-plus {
  color:#ffffff!important;
}


.newsletter {
padding: 0 0;
background: #f2f2f2;
}

.newsletter .content {
max-width: 100%;
margin: 0 auto;
text-align: center;
position: relative;
z-index: 2; }
.newsletter .content h2 {
color: #243c4f;
margin-bottom: 40px; }
.newsletter .content .form-control {
height: 38px;
border-color: #ffffff;
border-radius:0;
}
.newsletter .content.form-control:focus {
box-shadow: none;
border: 2px solid #243c4f;
}
.newsletter .content .btn {
min-height: 30px; 
border-radius:0;
background: #e71c37;
color: #fff;
font-weight:600;
}

.modal {
    z-index: 3000;
}

@media(max-width:991px) {
.navbar-expand-lg .navbar-nav .nav-link {
    color: #ffffff;
	border-bottom:dashed 1px #ffffff;
	padding:3px 0 3px 10px;
}
.navbar-expand-lg .navbar-nav .nav-link:hover{
    color: #7b7b7b;
	background:#ffffff;
}
.nav-link {
    display: block;
    padding: .3rem 1rem;
}

.banner_rightblock{display:none;}

}

@media(max-width:900px) {
.newarrival > h1{text-align:center; font-size:27px; text-transform:uppercase; position:relative; width:60%; margin:0 auto;}
}

@media(max-width:800px) {

#status {
  left: 20%;
  /* centers the loading animation horizontally one the screen */
  top: 40%;
  margin: -100px 0 0 -100px;
  /* is width and height divided by two */
}	
	
.sticky {
  position: relative;
  top: 0;
  width: 100%;
  z-index:2000;
  -webkit-box-shadow: 0px 9px 5px -5px rgba(0,0,0,0.28);
-moz-box-shadow: 0px 9px 5px -5px rgba(0,0,0,0.28);
box-shadow: 0px 9px 5px -5px rgba(0,0,0,0.28);
}

.newarrival > h1:before, .newarrival > h1:after, .newarrival2 > h1:before, .newarrival2 > h1:after, .newarrival3 > h1:before, .newarrival3 > h1:after{display:none;}

.fa1 {
  padding: 10px;
  font-size: 18px!important;
  width: 36px;
  height: 36px;
  border-radius:50%;
  text-align: center;
  text-decoration: none;
  margin: 0px 2px 0;
  float:left!important;
  color:#ffffff!important;
}

.item > h1{display:block; width:100%; padding:3px 5px 1px; background:#ffffff; text-align:left; font-size:28px; left:0; text-align:center; border:solid 7px #e71c37; border-style:double;}
.item > h2{display:none;}

}

@media(max-width:480px) {
.books > div > div, .gallery > div > div{
	position:relative;
	overflow:hidden;
	padding:4px;
	width: 85%;
    margin: auto;
	margin-bottom:25px;
	text-align:center;
	-webkit-box-shadow: 4px 10px 10px -8px rgba(0,0,0,0.48);
    -moz-box-shadow: 4px 10px 10px -8px rgba(0,0,0,0.48);
    box-shadow: 4px 10px 10px -8px rgba(0,0,0,0.48);
}

.author{display:block;}
}