body {
color: #3d3d3d;
font-family: 'Overpass', sans-serif;
font-size: 16px;
background-color: #fff;
}

/*ST Slider*/
header {overflow: hidden;}
.hero-text h2 {margin-bottom: 50px;}
.hero-text .hero {position: relative;}
.hero-text .hero .hero-slide a:hover span {color: #033a71;}
.hero .hero-slide img {width: 100%;height: 600px;object-fit: cover;object-position: top center;}
.hero .hero-slide .header-content {
position: absolute;
color:#fff;
top: 20%;
margin-left: 10rem;
/*max-width: 550px;
width: 100%;*/
width: auto;
padding: 2rem 3rem;
}
.slide-content {
padding: 10px 20px 10px 0;
background-color: rgba(0, 0, 0, 0.54);color: #fff;_padding: 0.4em 1em;border-radius: 1.2em;
}

.slide-content .h1 {
font-size: 62px;
}

/*.btn-primary {
background-color: #337ab7;
border: #111;
border-radius: 0;
}*/

/** Text Animation **/
@-webkit-keyframes fadeInUpSD {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-100px);
    transform: translateY(-100px);
  }

  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

@keyframes fadeInUpSD {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-100px);
    transform: translateY(-100px);
  }

  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

.fadeInUpSD {
-webkit-animation-name: fadeInUpSD;
animation-name: fadeInUpSD;
}

.slick-active .slide-content {
animation-name: fadeInUpSD;
animation-duration: 1s;
opacity: 1;
width: 100%;
padding: 10px 20px 30px 0;
}
/* Text Animation End **/

.slick-dots {
position: absolute;
bottom: 10px;
display: block;
width: 100%;
padding: 0;
list-style: none;
text-align: center;
}

.slick-dots li {
position: relative;
display: inline-block;
width: 20px;
height: 20px;
margin: 0 5px;
padding: 0;
cursor: pointer;
}

.slick-active button {background: #337ab7;}

.slick-dots li button {
font-size: 0;
line-height: 0;
display: block;
width: 20px;
height: 20px;
padding: 5px;
cursor: pointer;
border-radius: 50%;
border: 0;
outline: none;
}

.slick-dots li button::before {
font-size: 18px;
color: #fff;
opacity: 1;
}

/* Media Queries */
@media (max-width: 768px) {
  .hero-text .hero .hero-slide a {
    padding-top: 0.8rem;
  }

  .hero-text .hero .hero-slide a span {
    font-size: 20px;
    margin-top: 0.5rem;
  }

  .hero .hero-slide .header-content {
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    margin: 0 auto;
  }
}
/*ET Slider*/

.backwards {direction: rtl;unicode-bidi: bidi-override;}

.navbar {border-radius:0;margin-bottom:0;text-transform:uppercase;font-weight:700;}

/*.navbar .navbar-nav {display: inline-block;float: none;vertical-align: top;}
.navbar .navbar-collapse {text-align: center;}*/

/*.navbar-inverse {background-color:#8b0000;border-color:#8b0000;}
.navbar-inverse .navbar-nav > li > a {color:#fff;}*/

ul#topmenu {
text-transform: uppercase;
padding: 0;
list-style-type: none;
float: left;
}

ul#topmenu li {
display: inline;
font-size:12px;
margin:0 7px;
line-height:20px;
}

.topphone {padding:9px 0px 0px 0px;float:left;}
.topphone a {margin:0 10px;font-size:18px;line-height:28px !important;color:#fff !important;}
.topphone a:hover {text-decoration:none;}
.topphone a i {margin-left:4px;font-size:18px;}
.topphone .fa-viber {color:#a940f2;}
.topphone .fa-whatsapp {color:#00e676;}

.fl {float:left;}
.fr {float:right;}
.display-none {display:none;}

.content {margin:20px 0;padding:0px 20px;background:#ffffff;border-radius:5px;min-height:250px;}
.content a[href^="tel:"] {text-decoration: none;}
.section {background-color: rgba(228,235,243,.89);}
a {color: #103559;text-decoration:none;}
a:hover {color:#0c1e38;}
a:focus {outline:0}

.home-box {
	text-align:center;
	font-size:18px;
	color:#1b1b1b;
	background-color:#f1f1f1;
	border-top-left-radius: 30px 30px;
	border-bottom-right-radius: 30px 30px;
	box-shadow: 0px 0px 3px #000;
}

.home-box a {color:#1b1b1b;}
.home-box img {border-top-left-radius: 30px 30px;}
.home-box p {margin:10px 0;display:inline-block;}

#header-line {width:100%;_height:50px;background:#201f25;border-bottom:#080808 solid 1px;}
#header {text-align:center;}
.signpanel {margin:30px 0px 0px 0px;text-align:center;}
/*.signpanel input[type=text],.signpanel input[type=password] {width:120px !important;}
.user-logged {font-size:20px;color:#333;text-align:right;}
.user-logged a {text-decoration:none !important;color:#333333 !important;}*/
#sub-footer {color:#fff;background:#201f25;padding: 0 0 14px 0;}
#sub-footer h5 {margin:20px 0px 22px 40px;font-size:16px;font-weight:700;}
#sub-footer h5::after {background:#337ab7;border-color:#337ab7;width:35px;height:4px;content:"";margin:0;display:block;position:relative;top:7px;}
#sub-footer ul {list-style-type:none;}
#sub-footer ul li a {color:#fff}
#sub-footer ul li a:hover {color:#fff}
#tabs {width:94%;}
#accordion {width:94%;margin-bottom:20px;}

.social {display:inline-block;margin-left:10px;}
.social a {font-size:36px;color:#fff;filter:drop-shadow(1px 1px 0 #fff);}
.social a .fa-facebook-square {color:#3b5998;}
.social a .fa-facebook-square:hover {color:#70a12d;}
.social a .fa-twitter-square {color:#34b3f7;}
.social a .fa-twitter-square:hover {color:#5ba4d6;}
.social a .fa-youtube-square {color:#ff0000;}
.social a .fa-youtube-square:hover {color:#d50000;}

#footer {width:100%;padding:10px 0 20px 0;line-height:40px;background:#e9e9e9;color:#333;font-weight:700;}

.clear, .cleared, .clearfix {clear:both;}

.section-title {text-transform:uppercase;font-size:22px;margin:10px 0px 0px 0px;}

.heading {margin:10px;font-size:14px;}

.center {text-align:center;}

.imgnav {float:left;margin:5px;background-color:#2e4962;padding:3px 7px;font-size:14px;font-weight:700;border-radius:3px;}
.imgnav a {color:#fff;}

#card {border-right:0;background-color:#fff;padding:7px;}
.mini-card {width:200px;max-height:400px;overflow-y:auto;overflow-x:hidden;}

.prevline {height:27px;line-height:26px;padding-left:5px;background-color: #435fad;color:#fff;text-align:left;font-weight:700;}

#logo {margin:10px 0px;float:left;}
#logo-ft {margin:15px 0 10px 0px;filter: drop-shadow(0px 0px 1px #fff);}
.slogan {color: #6f6f6f;margin:0px 0px 0px 10px;font-size:18px;font-weight:bold;/*text-transform:uppercase;*/}

/* Photos */
.tmb {border:2px solid #fff;}
.tmb:hover {border:2px solid #ccc;}
.tmb-btn {margin:10px 0 20px 0;}

.plist {width:330px;height:440px;overflow-y:scroll;}

.pthumb {width:140px;height:93px;}
.ppreview {margin:5px;float:left;}
.ppreview a img {border:2px solid #202020;}
.ppreview a img:hover {border:2px solid #ccc;}

/* Gallery */
.preview {text-align:center;float:left;margin:5px;width:210px;height:240px;/*background:#ccc;*/}
.preview:hover {opacity:1.0;background:url(../images/Zoom-In-UI-64.png) center center no-repeat;z-index:1000;}
.preview a:hover {opacity:0.2;}
.preview a img {border:2px solid #202020;}
.preview a img:hover {}

.masonry-container {column-count: 3;column-gap: 15px;}
.masonry-item {display: inline-block;width: 100%;margin-bottom:10px;}
.masonry-item img {display:block;width: 100%;border-radius:5px;}
.masonry-item img:hover {transform: scale(1.01);transition: .2s ease-in-out;box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);}

.playico {opacity:1.0;width:200px;height:200px;background:url(../images/playico.png) top left no-repeat;z-index:10000;}
.playico img:hover {opacity:0.2;}

#vgallery {}

.video {float:left;text-align:center;}

.p10 {padding:10px;}
.m10 {margin:10px;}
.m20 {margin:20px;}

.colourblc {
width:36px;
height:22px;
float:left !important;
margin:1px 1px 1px 1px !important;
padding:0px !important;
cursor:pointer;
border:1px solid #000000;
}
.clrblcsel {
border:2px solid #CC0000 !important;
}

.coloropdv {
margin:3px 8px 5px 8px;
overflow:hidden;
}

.firstlinerow_lin {
display: block;
clear: both; 
font-weight:bold;
padding:3px 0px 3px 0px;
}

.firstlinerow_lin label {
width: 100px;
float: left;
color:#000000;
}
	
.firstlinerow_lin select {
width:120px;
height:26px;
padding:3px 3px 3px 3px;
float:left;
color: #000;
font-size:13px;
border:1px solid #ccc;
background-color: #FFFFFF;
background-image: -moz-linear-gradient(100% 100% 90deg, #EEEEEE, #FFFFFF);
background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#EEEEEE), to(#FFFFFF));
}

sup {font-size:x-small; vertical-align:super;}
sub {font-size:x-small; vertical-align:sub;}

.promo, .promo2 {width:64px;height:64px;background: url('../images/theme/promo.png') top left no-repeat;}
.promo {position:absolute;z-index:1;margin:0px 0px 0px 2px;}
.new, .new2 {width:64px;height:64px;background: url('../images/theme/new.png') top left no-repeat;}
.new {position:absolute;z-index:1;margin:0px 0px 0px 271px;}
.best_sell, .best_sell2 {width:64px;height:64px;background: url('../images/theme/best_sell.png') top left no-repeat;}
.best_sell {position:absolute;z-index:1;margin:390px 0px 0px 2px;}
.free_ship, .free_ship2 {width:64px;height:64px;background: url('../images/theme/free_ship.png') top left no-repeat;}
.free_ship {position:absolute;z-index:1;margin:390px 0px 0px 271px;}
.promo2, .new2, .best_sell2, .free_ship2 {float:left;margin:0 5px;}

a.heading-breadcrumb {color:#333333 !important;text-decoration:none !important;}

input.form-control:focus,
select.form-control:focus,
textarea.form-control:focus,
input[type="text"]:focus,
input[type="password"]:focus,
input[type="datetime"]:focus,
input[type="datetime-local"]:focus,
input[type="date"]:focus,
input[type="month"]:focus,
input[type="time"]:focus,
input[type="week"]:focus,
input[type="number"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="search"]:focus,
input[type="tel"]:focus,
input[type="color"]:focus,
.uneditable-input:focus {
/*border-color: rgba(153, 4, 23, 0.8);
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 4px rgba(153, 4, 23, 0.6);
outline: 0 none;*/
}

.btn-primary, .btn-primary:hover, .btn-primary:focus, .btn-primary:active, .btn-primary.active, .open .dropdown-toggle.btn-primary {
/*background: #990417;
border-color: #990417;
color:#fff;*/
}
.btn-block {width:94% !important;}

.navbar {z-index:10;}
.navbar-brand {display:none;}

@media all and (max-width: 1100px) {
	.navbar-brand {display:block;}

	#footer, #footer .text-right {text-align:center !important;}
}

#top-link-block.affix-top {
position: absolute; /* allows it to "slide" up into view */
bottom: -82px; /* negative of the offset - height of link element */
right: 10px; /* padding from the left side of the window */
}
#top-link-block.affix {
position: fixed; /* keeps it on the bottom once in view */
bottom: 18px; /* height of link element */
right: 10px; /* padding from the left side of the window */
}

.langs-container {margin:5px 0 0 15px;font-size:12px;float:right;}
.langselect {}
.langoption {color:#FFF;font-weight:bold;display:block;cursor:hand;cursor:pointer;float:left;margin-bottom:3px;}
.langoption img, .langoption span {float:left;margin-left:3px;}

#contact-form {position:relative;vertical-align:top;z-index:1;margin:2px 0 0 0;}

#contact-form fieldset {border:none;padding:0; width:100%; overflow:hidden;}
#contact-form label {display:block; min-height:50px; width:100px; position:relative;float:left;}
#contact-form .message{min-height:184px;}
#contact-form input, #contact-form textarea {
padding: 5px;
margin:0;
font: 13px "Trebuchet MS", Arial, Helvetica, sans-serif;
background:#fff;
outline:none;
border:1px solid #ccc !important;
width:440px;
box-shadow:none;
border-radius:6px;
color:#989898;
}
#contact-form .area .error {float:none;}
#contact-form textarea {
width:400px;
height:150px;
resize:none;
overflow:auto;
}
#contact-form .success {display:none; margin-bottom:20px;color:#000}
#contact-form .error,
#contact-form .empty {
color:#f00;
font-size:11px;
line-height:1.27em;
display:none;
overflow:hidden;
margin-bottom:5px;
}
@media only screen and (max-width: 1024px) {
	#contact-form input, #contact-form textarea{width:250px;}
}

@media only screen and (max-width: 767px){	
 #contact-form input, #contact-form textarea{width:150px;}
}

@media only screen and (max-width: 479px){
	#contact-form input, #contact-form textarea{width:200px;}
}

#system-message {margin:0;padding:10px;font-weight:700;text-align:center;}
.message {background-color: #3fcc08;border: 3px solid #37bc03;color: #fff;}
.error {background-color: #E6C0C0;border: 3px solid #DE7A7B;color: #CC0000;}

.popover {width: 400px !important;}

#itemsinorder {margin:20px 0;}

/* comments */
.comments-section input[type=text] {border:1px solid #ccc;margin:10px 0px;padding:5px 10px;}
.comments-section label {}
.comments-section textarea {border:1px solid #ccc;padding:5px 10px;}

.customer-reviews {width:100%;max-height:200px;overflow-y:auto;}
.customer-reviews ul {list-style-type:none;}
.customer-reviews ul li:nth-child(odd) {margin-top:10px;}
.customer-reviews ul li:nth-child(even) {margin-bottom:10px;border-bottom:1px solid #ccc;}

.starRating:not(old){
display: inline-block;
width: 7.5em;
height: 1.5em;
overflow: hidden;
vertical-align: bottom;
}

.starRating:not(old) > input{
margin-right: -100%;
opacity: 0;
}

.starRating:not(old) > label{
display: block;
float: right;
position: relative;
background: url('../images/theme/star-off.png');
background-size: contain;
}

.starRating:not(old) > label:before{
content: '';
display: block;
width: 1.5em;
height: 1.5em;
background: url('../images/theme/star-on.png');
background-size: contain;
opacity: 0;
transition: opacity 0.2s linear;
}

.starRating:not(old) > label:hover:before,
.starRating:not(old) > label:hover ~ label:before,
.starRating:not(:hover) > :checked ~ label:before{
opacity: 1;
}

.rate5 {display: inline-block;width: 7.5em;height: 1.5em;background: url('../images/theme/star-on.png');background-size : contain;}
.rate4 {display: inline-block;width: 6em;height: 1.5em;background: url('../images/theme/star-on.png');background-size : contain;}
.rate3 {display: inline-block;width: 4.5em;height: 1.5em;background: url('../images/theme/star-on.png');background-size : contain;}
.rate2 {display: inline-block;width: 3em;height: 1.5em;background: url('../images/theme/star-on.png');background-size : contain;}
.rate1 {display: inline-block;width: 1.5em;height: 1.5em;background: url('../images/theme/star-on.png');background-size : contain;}

@media all and (max-width: 767px) {
#logo {float:none}
.mini-basket {position:relative;top:unset;right:unset;margin:0 auto 5px auto;display: inline-block;}

.hero .hero-slide img {width: 100%;height: auto;}
.slide-content .h1 {font-size: 32px;}

#header-line .btn, #header .btn {margin-top:3px;}
#header-line .btn {width:100%;}
#footer {font-size:14px;}
#search_mini_form {}
#search_mini_form input {width:72% !important;float:left;display:block;}
#search_mini_form button {width:25% !important;display:block;}

.content {padding:0;}

.floating_tooltip {display:none !important;}

.ui-dialog {
	width: 96% !important;
	left: 50% !important;
	margin-left : -48% !important;
	
	padding: 10px !important;
}
}

@media all and (max-width: 361px) {
.slogan {margin:10px 0px 10px 0px;font-size:18px}

.product-item {width:300px;height:360px;margin:0;}
.addtocart, .addtocart-details {width:280px;}
.product-img-container {height:250px;}
.product-image {height:240px;}

.heading-breadcrumb, i.fa-caret-right {display:none;}

.promo {}
.new {display:none;}
.best_sell {display:none;}
.free_ship {display:none;}
}