/* @import url('responsive.css'); */
@import url('font.css');
  
/* GENERAL */
body {font-family: Geomanist, Arial; font-size: 14px; font-weight: normal; color: #000000;}
a {color: #000000;}
a:hover {color: #333333; text-decoration: none;}
h1, h2, h3, h4, h5, h6 { font-weight: bold !important; font-family: Geomanist Medium;}
ul li {list-style: none;}
p {font-weight: normal !important;}
small {font-size: 13px;}
.color-pink {color: #ff1395 !important;}
.container-fluid {max-width: 1280px !important;}
.button {border-radius: 67px; font-size: 15px; color: #000000; background-color: #EEEEEE;}
.bg-light {background-color: #f7f7f7 !important;}
.text-secondary {color: #838383 !important;}
/* div.general-shadow {width: 100%; position: fixed; top: 0px; left: 0px; z-index: 98; background-color: rgba(0,0,0,0.5); display: none;} */
footer a {line-height: 30px; font-family: Geomanist;}
select {padding: 12px 21px; border-radius: 10px; border: solid 1px #f0f0f0; font-size: 17px; font-weight: bold;}

/* SCROLL ALL */
::-webkit-scrollbar {width: 3px; height: 3px;}
::-webkit-scrollbar-track {background-color: #ffffff; }
::-webkit-scrollbar-thumb {background-color: #000000; }
::-webkit-scrollbar-thumb:hover {background: #000000; }


section.nav-bar li.nav-item { margin-right: 12px; margin-left: 12px;}
section.nav-bar a.nav-link {font-weight: 600; color: #333333 !important; font-family: Geomanist Medium;}

/* MOBILE NAVBAR */
/* div.mobile-nav {width: 300px; height: 100%; position: fixed; left: -300px; top: 0px; z-index: 999; overflow-y: scroll;}
div.mobile-nav input[type="text"] {width: 100%; height: 45px; border: none; border-top: 1px solid #EEEEEE; border-bottom: 1px solid #EEEEEE; padding: 0px 0px 0px 45px; background-image: url(images/search.png); background-position: 25px center; background-size: 15px; background-repeat: no-repeat;}
div.mobile-nav ul li {border-bottom: 1px solid #EEEEEE; font-size: 15px; font-weight: bold; padding-left: 25px; display: block;}
div.mobile-nav ul li a {font-size: 15px; font-weight: bold; display: block;}
div.mobile-nav ul li div {display: none;} */

div.case-type {background-color: #ffffff; width: 210px !important; min-height: 300px; max-height: 300px; overflow-y: scroll; position: absolute; right: 0px; top: 58px; z-index: 999; padding: 10px; cursor: default; display: none;}
div.case-type div.elem {width: 100%; background-color: #f7f7f7; border: solid 1px transparent; border-radius: 10px;}
div.case-type div.elem:hover {width: 100%; background-color: #ffffff; border: solid 1px #ff1395;}
div.case-type div.elem:hover b.price {color: #ff1395 !important;}

div.case-model {background-color: #ffffff; width: 210px !important; min-height: 300px; max-height: 300px; overflow-y: scroll; position: absolute; right: 0px; top: 72px; z-index: 999; padding: 10px; cursor: default; display: none;}
div.case-model div.elem {width: 100%; background-color: #f7f7f7; border: solid 1px transparent; border-radius: 10px;}
div.case-model div.elem:hover {width: 100%; background-color: #ffffff; border: solid 1px #ff1395;}
div.case-model div.elem:hover b.price {color: #ff1395 !important;}

/* div.right-bar {max-width: 141px;} */

.content-hover {background-color: #CCC !important;}
.grid {top: 63px; position: absolute; z-index: -1; overflow: hidden; border: dotted 1px #DDDDDD;}

.box img {height: 100%;}
.layout {width: 300px; height: 588px; position: relative; background-size: 400px; display: none;}
.loader {width: 100%; height: 100%; background-color: rgba(255,255,255,0.8); position: fixed; z-index: 999; background-image: url(images/loader-main.gif); background-repeat: no-repeat; background-position: center; background-size: 110px;}
.overlay {width: 100%; height: 100%; background-color: rgba(255,255,255,0.8); position: fixed; z-index: 200;}
.overlay ul {margin: 30px auto; text-align: center;}
.overlay ul li {display: inline-block; margin: 0px 10px; background-color: #333333; border-radius: 2px; border: solid 1px #999999; padding: 3px 8px;}
.overlay ul li a {color: #FFFFFF;}
.dz-preview {display: none !important;}