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

@font-face { font-family: 'WeblySleekUISemiBold'; src: url('../arm-fonts/weblysleekuisb.ttf') format('truetype'); }
@font-face { font-family: 'WeblySleekUISemiLight'; src: url('../arm-fonts/weblysleekuisl.ttf') format('truetype'); }
@font-face { font-family: 'Montserratarm-Bold'; src: url('../arm-fonts/Montserratarm-Bold.ttf') format('truetype'); }
@font-face { font-family: 'Montserrat-Bold'; src: url('../arm-fonts/Montserrat-Bold.ttf') format('truetype'); }

/*body {font-family: 'WeblySleekUISemiBold',sans-serif;}*/
.webly-semibold {font-family: 'WeblySleekUISemiBold',sans-serif!important;}

.montserrat-bold-hy {font-family: 'Montserratarm-Bold',sans-serif!important;}
.montserrat-bold-en, .montserrat-bold-ru {font-family: 'Montserrat-Bold',sans-serif!important;}
.montserrat-bold-ru, .montserrat-bold-ru {font-family: 'Montserrat-Bold',sans-serif!important;}

.zoom-09 {zoom:0.9}
.zoom-08 {zoom:0.8}
.zoom-07 {zoom:0.7}
.zoom-06 {zoom:0.6}
.zoom-11 {zoom:1.1}
.zoom-12 {zoom:1.2}
.zoom-13 {zoom:1.3}
:root { --blue: #24458C; }
:root { --black: #000000; }
:root { --orange: rgba(208,149,91,1.00); }
:root { --orange-hover: #b4a380; }
:root { --orange-hover-border: #8f8060; }


:root { --purple: #FFB7CE; }
:root { --purple-hover: #511213; }
:root { --purple-hover-border: #3A0D0E; }

.blue {color:var(--blue)!important; }
.orange {color:var(--orange)!important; }
.bg-blue {background-color:var(--blue)!important; }
.bg-black {background-color:var(--black)!important; }
.bg-orange {background-color:var(--orange)!important; }
.bg-purple {background-color:var(--purple)!important; }
.subtitles {var(--orange)!important; font-size: 23px!important;}
.purple {color: var(--purple);}
.logos {width: 130px}
.hand {cursor: pointer;}
.book-thumb {width: 200px; opacity: 0.3; border: solid 1px rgba(0,0,0,1.00); border-bottom-right-radius: 18px;}
.not-underline {text-decoration: none!important;}
.right-left-bg {background-color: #f0f1f2!important}
.bold {font-weight: bold}
.not-bold {font-weight: normal}
.publications_block {text-decoration: none}
.publications_block:hover {color: black}
.issue-thumb {opacity: 1}
.opst-1 {opacity: 0.7; }
.bg-dark-opacity {background-color: rgba(0,0,0,0.7)}
.profile-pic {width:80px; height:80px; object-fit:cover;}
body {background-image: url("../img/pattern-1.png")}
.srv-img { object-fit: cover;}

.logo {opacity: 0.8}
@media (min-width: 1400px)  and (max-width:2920px) { /*----------------------MIN 1200 MAX 1920 ---------------------------*/
    .logo {width: 160px}
    #header-left, #header-right, #header-center {font-size: 24px!important}
    .offcanvas-width {width:30%!important}
    .srv-img { height: 150px;}
}

@media (min-width: 1200px)  and (max-width:1400px) { /*----------------------MIN 1200 MAX 1920 ---------------------------*/
    .logo {width: 150px}
    #header-left, #header-right, #header-center {font-size: 24px!important}
    .offcanvas-width {width:40%!important}
    .srv-img { height: 150px;}
}
@media (min-width: 992px) and (max-width:1200px) { /*----------------------MIN 992 MAX 1200 ---------------------------*/
    .logo {width: 140px}
    #header-left, #header-right, #header-center {font-size: 24px!important}
    .offcanvas-width {width:50%!important}
    .srv-img { height: 150px;}
}
 @media (min-width: 768px) and (max-width:992px) { /*----------------------MIN 768 MAX 992 ---------------------------*/
    .logo {width: 130px}
     logos-text {font-size: 21px}
    #header-left, #header-right, #header-center {font-size: 24px!important}
     .offcanvas-width {width:60%!important}
     .srv-img { height: 150px;}
}
@media (min-width: 576px) and (max-width:768px) { /*----------------------MIN 576 MAX 768 ---------------------------*/
    .logo {width: 130px}
    .logos-text {font-size: 19px}
    #header-left, #header-right, #header-center {font-size: 24px!important}
    .offcanvas-width {width:70%!important}
    .srv-img { height: 150px;}
}
@media (min-width: 320px) and (max-width:576px) { /*----------------------MIN 320 MAX 576 ---------------------------*/
    .logo {width: 130px}
    .logos-text {font-size: 17px}
    #header-left, #header-right, #header-center {font-size: 24px!important}
    .offcanvas-width {width:100%!important}
    .srv-img { height: 150px;}
}

.fs-10 {font-size:10px;}
.fs-11 {font-size:11px;}
.fs-12 {font-size:12px;}
.fs-13 {font-size:13px;}
.fs-14 {font-size:14px;}
.fs-15 {font-size:15px;}
.fs-16 {font-size:16px;}
.fs-17 {font-size:17px;}
.fs-18 {font-size:18px;}
.fs-19 {font-size:19px;}
.fs-20 {font-size:20px;}
.fs-21 {font-size:21px;}
.fs-22 {font-size:22px;}
.fs-23 {font-size:23px;}
.fs-24 {font-size:24px;}
.fs-25 {font-size:25px;}
.fs-26 {font-size:26px;}
.fs-27 {font-size:27px;}
.fs-28 {font-size:28px;}
.fs-29 {font-size:29px;}
.fs-30 {font-size:30px;}

.w-80 {width: 220px!important}

.cart-del-item { margin-top:-15px; margin-right: -10px}

.text-shadow-dark { text-shadow: 0px 0px 10px #000000;}
.text-shadow-light { text-shadow: 0px 0px 8px #FFFFFF;}

#footer a:hover {text-decoration: underline}
.zoom-img {transition: transform .4s; /* Animation */}
.zoom-img:hover {transform: scale(1.02); }

.srv-img-block {transition: transform .4s; /* Animation */}
.srv-img-block:hover {transform: scale(1.02); background-color: rgba(236,236,236,0.20); }
.srv-img-block a {text-decoration: none;}

.warn-in-placeholder::-webkit-input-placeholder { color: #FF0000 !important; font-size: 13px; }
.warn-in-placeholder::-moz-input-placeholder { color: #FF0000 !important; font-size: 13px; }
.warn-in-placeholder::-ms-input-placeholder { color: #FF0000 !important; font-size: 13px; }

.hover-zoom { overflow: hidden; cursor: pointer;}
.hover-zoom  img { width: 100%; transition: all .3s ease-in-out; }
.hover-zoom img:hover   { transform: scale(1.15); }

.hover-zoom-1 { overflow: hidden; cursor: pointer;}
.hover-zoom-1  img { width: 100%; transition: all .3s ease-in-out; }
.hover-zoom-1 img:hover   { transform: scale(1.02); }

.btn-primary { color: white; background-color: var(--orange); border-color: var(--orange)!important; }
.btn-primary:hover { color: #FFF; background-color: var(--purple-hover); border-color: var(--purple-hover-border) }
.btn-primary:focus, .btn-primary.focus { box-shadow: 0 0 0 .2rem rgba(91, 194, 194, 0.5) }

/*.btn-primary { color: #212529; background-color: var(--orange); border-color: var(--orange-hover) }
.btn-primary:hover { color: #FFF; background-color: var(--orange-hover); border-color: var(--orange-hover-border) }
.btn-primary:focus, .btn-primary.focus { box-shadow: 0 0 0 .2rem rgba(91, 194, 194, 0.5) }*/

.shop_sticky { position: fixed; top: 0px; width: 100%; }
.shop_sticky + .container { padding-top: 40px; }

#top_menu {z-index:10 }
#top-shopping-cart {z-index: 10}
.top-shopping-cart-span {position: absolute; right:5px; }

.gallery-container { position: relative; }
.gallery_overlay1 { position: absolute; top: 0; bottom: 0; left: 0; right: 0; height: 100%; width: 100%; opacity: 0; transition: .5s ease; }
.gallery_read_more { color: white; font-size: 20px; position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); text-align: center; }

.gallery_overlay1 {background-color:rgba(219,99,0,1.00);}
.gallery-container:hover .gallery_overlay1 { opacity: 0.7; }

/*---------------------------------- MORE PHOTOS --------------------------------------*/

.more-photos {
  display: grid;
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  grid-template-columns: repeat(auto-fill, minmax(250px, 1fr)); 
 /* grid-auto-rows: 8px;*/
}
.more-photos img {
  max-width: 100%;
  border-radius: 8px;
  box-shadow: 0 0 16px #C8C4C4;
  transition: all 1.5s ease; 
}
.more-photos img:hover {
  box-shadow: 0 0 32px #333;
}
.more-photos .content {
  padding: 4px;
}
.more-photos .gallery-item {
  transition: grid-row-start 300ms linear;
  transition: transform 300ms ease;
  transition: all 0.5s ease;
  cursor: pointer;
}
.more-photos .gallery-item:hover {
  transform: scale(1.025);
}
@media (max-width: 600px) {
  .more-photos {
    grid-template-columns: repeat(auto-fill, minmax(30%, 1fr));
  }
}
@media (max-width: 400px) {
  .more-photos {
    grid-template-columns: repeat(auto-fill, minmax(50%, 1fr));
  }
}

.mt-minus-50 { margin-top:-50px!important}

.link-orange {color: red; } 
.link-orange:hover {color: green} 
/*---------------------------------- MORE PHOTOS --------------------------------------*/