/*---------------------------------------
  CUSTOM PROPERTIES ( VARIABLES )             
-----------------------------------------*/
:root {
  --white-color:                  #FFFFFF;
  --primary-color:                #157bbc;
  --primarys-color:                #075180;
  --section-bg-color:             #F9F9F9;
  --dark-color:                   #000000;
  --mdark-color:                  #444;
  --mxdark-color:                 #eee;
  --title-color:                  #000;
  --p-color:                      #000;
  --px-color:                      #FFF;
  --border-color:                 #eaeaea;

  --body-font-family:             'Open Sans', sans-serif;

  --h1-font-size:                 48px;
  --h2-font-size:                 36px;
  --h3-font-size:                 32px;
  --h4-font-size:                 28px;
  --h5-font-size:                 24px;
  --h6-font-size:                 22px;
  --p-font-size:                  18px;
  --menu-font-size:               17px;

  --font-weight-light:            300;
  --font-weight-normal:           400;
  --font-weight-semibold:         600;
  --font-weight-bold:             700;
}

/* hebrew */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 300;
  font-stretch: 100%;
  font-display: swap;
  src: url(../fonts/sans/sans1.woff2) format('woff2');
  unicode-range: U+0590-05FF, U+200C-2010, U+20AA, U+25CC, U+FB1D-FB4F;
}
/* latin-ext */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 300;
  font-stretch: 100%;
  font-display: swap;
  src: url(../fonts/sans/sans2.woff2) format('woff2');
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 300;
  font-stretch: 100%;
  font-display: swap;
  src: url(../fonts/sans/sans3.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* hebrew */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  font-stretch: 100%;
  font-display: swap;
  src: url(../fonts/sans/sans4.woff2) format('woff2');
  unicode-range: U+0590-05FF, U+200C-2010, U+20AA, U+25CC, U+FB1D-FB4F;
}
/* latin-ext */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  font-stretch: 100%;
  font-display: swap;
  src: url(../fonts/sans/sans5.woff2) format('woff2');
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  font-stretch: 100%;
  font-display: swap;
  src: url(../fonts/sans/sans6.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* hebrew */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 600;
  font-stretch: 100%;
  font-display: swap;
  src: url(../fonts/sans/sans7.woff2) format('woff2');
  unicode-range: U+0590-05FF, U+200C-2010, U+20AA, U+25CC, U+FB1D-FB4F;
}
/* latin-ext */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 600;
  font-stretch: 100%;
  font-display: swap;
  src: url(../fonts/sans/sans8.woff2) format('woff2');
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 600;
  font-stretch: 100%;
  font-display: swap;
  src: url(../fonts/sans/sans9.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* hebrew */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 700;
  font-stretch: 100%;
  font-display: swap;
  src: url(../fonts/sans/sans10.woff2) format('woff2');
  unicode-range: U+0590-05FF, U+200C-2010, U+20AA, U+25CC, U+FB1D-FB4F;
}
/* latin-ext */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 700;
  font-stretch: 100%;
  font-display: swap;
  src: url(../fonts/sans/sans11.woff2) format('woff2');
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 700;
  font-stretch: 100%;
  font-display: swap;
  src: url(../fonts/sans/sans12.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}


* {
  -webkit-touch-callout: none; /* iOS Safari */
    -webkit-user-select: none; /* Safari */
     -khtml-user-select: none; /* Konqueror HTML */
       -moz-user-select: none; /* Old versions of Firefox */
        -ms-user-select: none; /* Internet Explorer/Edge */
            user-select: none; /* Non-prefixed version, currently
                                  supported by Chrome, Edge, Opera and Firefox */
}

*:focus {
    outline: none;
}

body {
    background: var(--white-color);
    font-family: var(--body-font-family);    
    position: relative;
    padding-top: 90px;
    min-width:450px;
	background-image: url("../images/bg.gif");
	background-repeat: repeat;
	background-position:center center;
	background-size: 100%;;
}

section {
	z-index:9;
}

/*---------------------------------------
  TYPOGRAPHY               
-----------------------------------------*/

h2,
h3,
h4,
h5,
h6 {
  color: var(--dark-color);
  line-height: inherit;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-weight: var(--font-weight-semibold);
}

h1,
h2 {
  font-weight: var(--font-weight-bold);
}

h1 {
  font-size: var(--h1-font-size);
  line-height: normal;
}

h2 {
  font-size: var(--h2-font-size);
}

h3 {
  font-size: var(--h3-font-size);
}

h4 {
  font-size: var(--h4-font-size);
}

h5 {
  font-size: var(--h5-font-size);
}

h6 {
  font-size: var(--h6-font-size);
}

p {
  color: var(--p-color);
  font-size: var(--p-font-size);
  font-weight: var(--font-weight-light);
  letter-spacing: 0.5px;
}

a, 
button {
  touch-action: manipulation;
  transition: all 0.3s;
}

a {
  color: var(--primary-color);
  text-decoration: none;
}

a:hover {
  color: var(--primarys-color);
}

.link {
  color: var(--primary-color);
  text-decoration: none;
  cursor:pointer;
}

.link:hover {
  color: var(--primarys-color);
}

.section-padding {
  padding-top: 7rem;
  padding-bottom: 7rem;
}


.pr-lock-container {
  width: 100%;
  height:200px;
  position: relative;
  margin: auto;
  top: 0;
  bottom: 0;
  padding-top:105px;
  left: 0;
  right: 0;
  border-radius: 100%;
  transform: scale(4.5);
  margin-top:-35px;
  margin-bottom:-15px;
  overflow:hidden;
  display:block;
}

.pr-lock {
  background-color: #a0d92b;
  width: 24px;
  height: 18px;
  position: absolute;
  top: 50%;
  left: 50%;
  margin-top: -4px;
  margin-left: -12px;
  border-radius: 2px;
  animation: pr-wiggle 1.5s linear infinite alternate;
}
.pr-keyhole {
  color:white;
  font-size:16px;
  position:relative;
  z-index:99;
  top:-3px;
  left:0px;
}
.pr-lock:before, .pr-lock:after {
  content: "";
  position: absolute;
  left: 2px;
  animation: pr-close 3s linear infinite alternate;
}
.pr-lock:before {
  border-top: 3px solid #a0d92b;
  border-left: 3px solid #a0d92b;
  border-right: 3px solid #a0d92b;
  border-radius: 10px 10px 0 0;
  width: 20px;
  height: 12px;
  top: -20px;
  transform-origin: 1px 0;
}
.pr-lock:after {
  width: 3px;
  background-color: #a0d92b;
  height: 15px;
  top: -11px;
}
@keyframes pr-close {
  0%, 10% {
    transform: translate(0%, 20%);
  }
  20%, 100% {
    transform: translate(0%, 8px);
  }
}
@keyframes pr-wiggle {
  0%, 10%, 20%, 30%, 40% {
    transform: rotate(0);
  }
  40%, 50%, 60%, 70%, 80% {
    transform: rotate(10deg);
  }
  45%, 55%, 65%, 75%, 85% {
    transform: rotate(-10deg);
  }
  85%, 100% {
    transform: rotate(0);
  }
}


/*---------------------------------------
  CUSTOM LINK               
-----------------------------------------*/
.custom-link {
  display: inline-block;
  text-decoration: none;
  border: 2px solid var(--border-color);
  color: var(--primary-color);
  pointer-events: auto;
  font-weight: 550;
  line-height: 46px;
  position: relative;
  padding: 0 30px;
  margin: 0;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  overflow: hidden;
  border-radius: 6px;
  text-transform: uppercase;
	font-weight:bold;
	font-size:22px;
  background-color: #ffefef;
}

.custom-link::before {
  content: attr(data-hover);
  background-color: #fff;
  color: var(--primary-color);
  position: absolute;
  top: 100%;
  bottom: 0;
  left: 0;
  transition: all 300ms cubic-bezier(0.19, 1, 0.56, 1);
  right: 0;
  text-align: center;
  padding-right:25px;
  padding-right:25px;
}

.custom-link:hover::before {
  top: 0;
}

.custom-links {
  display: inline-block;
  text-decoration: none;
  border: 2px solid var(--border-color);
  color: var(--primary-color);
  font-size:17px;
  pointer-events: auto;
  font-weight: 550;
  line-height: 32px;
  position: relative;
  padding: 0 6px;
  padding-left: 12px;
  padding-right: 12px;
  margin: 0;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  overflow: hidden;
  border-radius: 6px;
  text-transform: uppercase;
	font-weight:bold;
  background:#f2f2f2;
	border-color:#e5e5e5;
	background: -webkit-linear-gradient(to bottom, #fff, #f0f0f0); 
	background: linear-gradient(to bottom, #fff, #f0f0f0); 
}

.custom-links:hover {
  background-color: #eee;
	background: -webkit-linear-gradient(to bottom, #fff, #f5f5f5); 
	background: linear-gradient(to bottom, #fff, #f5f5f5); 
  color: var(--primarys-color);
}

.custom-links:hover::before {
  top: 0;
}

b,
strong {
  font-weight: var(--font-weight-bold);
}

/*---------------------------------------
  LIST GROUP               
-----------------------------------------*/
.list-group-item {
  background-color: transparent;
  color: var(--p-color);
  font-size: var(--p-font-size);
  padding: 1rem 0;
}

.list-group-item:first-child {
  padding-top: 0;
}

.list-group-item span {
  font-weight: var(--font-weight-semibold);
  margin-left: auto;
}

/*---------------------------------------
  ANIMATED TEXT              
-----------------------------------------*/
.animated {
  position: relative;
}

.animated-info {
  display: inline-block;
  vertical-align: top;
  min-width: 250px;
  position: relative;
}

.animated-item {
  color: var(--primary-color);
}

.animated-item {
  display: block;
  opacity: 0;
  overflow: hidden;
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  animation: BottomTotop 6s linear infinite 0s;
}

.animated-item:nth-child(2n+2) {
  animation-delay: 2s;
}

.animated-item:nth-child(3n+3) {
  animation-delay: 4s;
}

@keyframes BottomTotop {
  0% {
    opacity: 0;
  }
  5% {
    opacity: 0;
    transform: translateY(5px);
  }
  10% {
    opacity: 1;
    transform: translateY(0px);
  }
  25% {
    opacity: 1;
    transform: translateY(0px);
  }
  30% {
    opacity: 0;
    transform: translateY(5px);
  }
  80% {
    opacity: 0;
  }
  100% {
    opacity: 0;
  }
}

/*---------------------------------------
  HERO              
-----------------------------------------*/
.hero {  
  padding-top: 0rem;
}

.hero .container {
  position: relative;
  height: 380px;
  padding-top:0px;
}

.simg {
  box-shadow: inset 0px 0px 30px rgba(0,0,0,0.8);
}

.heroText {
  background: rgba(255,255,255,0.22);
  text-shadow: 0px 0px 4px rgba(255,255,255,0.8);
  position: absolute;
  border-radius:15px;
  z-index: 2;
  bottom: 0;
  right: 0;
  padding: 2.5rem 1.5rem;
  padding-top:15px;
  width: 50%;
}

.contact-phone {
  right:30%;
  font-size:20px;
  font-weight: var(--font-weight-semibold);
}

/*---------------------------------------
  FEATURED              
-----------------------------------------*/
.featured-circle {
  border-radius: 100%;
  width: 280px;
  height: 280px;
  margin: 0 auto;
  overflow:hidden;
  box-shadow:0px 7px 25px rgba(0,0,0,0.13);
}

.featured-text {
  font-size: 22px;
  line-height: 2rem;
  font-weight: var(--font-weight-bold);
  text-align: center;
  margin-bottom: 0;
}

.featured-number {
  color: var(--primary-color);
  font-size: 7rem;
  margin: 0 10px;
}

.c333 {
	color:#333;
}

.c555 {
	color:#555;
}

/*---------------------------------------
  NAVIGATION              
-----------------------------------------*/
.navbar {
  padding-top: 0px;
  padding-bottom: 0px;
  box-shadow:0px 5px 22px rgba(0,0,0,0.12);
  border-bottom:0px solid var(--primary-color);
  background-color:rgba(0,0,0,1); 
  background: linear-gradient(to bottom, rgba(255,255,255,1) 0%, rgba(239,239,239,1) 100%); 
  min-height:89px;
  color:#555;
}

.navbar-brand {
  color: var(--primary-color);
  color:#777;
  font-size: 26px;
  font-weight: var(--font-weight-bold);
  line-height:35px;
  margin-left:35px;
  margin-right:15px; 
  padding: 2px;
  padding-bottom: 5px;
  padding-left:14px;
  padding-right:14px;
  border-radius:7px;
  background:rgba(255,255,255,0.05);
  box-shadow: 0px 1px 5px rgba(0,0,0,0.1);
  text-align: center;
  font-style:italic;
}

.topslogospace {  
	width:200px;
	display:inline-block;
	height:2px;
}

.navbar-brands {
  color: var(--primary-color);
  color:#777;
  font-size: 30px;
  font-weight: var(--font-weight-bold);
  line-height:35px;
  margin-left:35px;
  width:auto;
  min-width:215px;
  display:block;
  margin-right:15px; 
  padding: 2px;
  padding-bottom: 5px;
  padding-left:14px;
  padding-right:14px;
  border-radius:7px;
  background:rgba(255,255,255,0.05);
  box-shadow: 0px 1px 5px rgba(0,0,0,0.1);
  text-align: center;
  font-style:italic;
}

.navbar-brand i {
  margin-left:7px;
  position:relative;
  top:1px;
  color:#bbb;

}

.navbar-brands i {
  margin-left:7px;
  position:relative;
  top:1px;
  color:#bbb;

}

.navbar-brand strong {
  color: var(--p-color);
  font-size: 12px;
  position: relative;
  bottom: 5px;
}

.navbar-expand-lg .navbar-nav .nav-link {
  padding-right: 1.5rem;
  padding-left: 1.5rem;
	  cursor:pointer;
}

.navbar-nav .nav-link {
  color: var(--px-color);
  color: #111;
  font-weight: var(--font-weight-semibold);
  font-size: var(--menu-font-size);
  text-shadow:0px 0px 12px rgba(152,16,16,1);
  text-shadow:0px 0px 7px rgba(255,255,255,1);
  padding-top: 30px;
  padding-bottom: 30px;
  padding-left: 10px;
  padding-right: 10px;
}

.mlink {
	
  background: rgba(255,255,255,1);
  background: radial-gradient(90deg, rgba(255,255,255,0) 5%, rgba(244,122,122,.03) 30%, rgba(232,93,93,.3) 50%, rgba(244,122,122,.03) 95%, rgba(255,255,255,0) 100%);
  background: rgba(232,93,93,1);
  background: radial-gradient(circle, rgba(255,255,255,.33) 0%, rgba(255,255,255,.0) 65%); 
  
}

.mslink {
	
	padding-right:5px;
	padding-left:35px;
  background: rgba(255,255,255,1);
  background: radial-gradient(90deg, rgba(255,255,255,0) 5%, rgba(244,122,122,.03) 30%, rgba(232,93,93,.3) 50%, rgba(244,122,122,.03) 95%, rgba(255,255,255,0) 100%);
  background: rgba(232,93,93,1);
  background: radial-gradient(circle, rgba(255,255,255,.5) 0%, rgba(255,255,255,.2) 36%, rgba(255,255,255,.0) 100%); 
}

.navbar-nav .nav-item.active .nav-link, 
.nav-link:focus, 
.nav-link:hover {
	cursor:pointer;
  color: #157bbc;
  background: radial-gradient(ellipse , rgba(255,255,255,.5) 0%, rgba(255,255,255,.1) 36%, rgba(255,255,255,.0) 80%); 

  text-shadow:0px 0px 7px rgba(255,255,255,1);
  
}

.navbar-nav .nav-item.active .nav-link, 
.nav-link:focus, 
.nav-link:hover .mlink {
  color: var(--primary-color);
  background: radial-gradient(circle, rgba(255,255,255,.5) 0%, rgba(255,255,255,.1) 36%, rgba(255,255,255,.0) 100%); 

  text-shadow:0px 0px 7px rgba(255,255,255,1);
}

.nav-link:focus {
  color: var(--primary-color);
}

.navbar-toggler {
  border: 0;
  padding: 0;
  cursor: pointer;
  margin: 0;
  width: 30px;
  height: 35px;
  outline: none;
  position:absolute;
  top:28px;
  left:23px;
}

.navbar-toggler:focus {
  outline: none;
  box-shadow: none;
}

.navbar-toggler[aria-expanded="true"] .navbar-toggler-icon {
  background: transparent;
}

.navbar-toggler[aria-expanded="true"] .navbar-toggler-icon:before,
.navbar-toggler[aria-expanded="true"] .navbar-toggler-icon:after {
  transition: top 300ms 50ms ease, -webkit-transform 300ms 350ms ease;
  transition: top 300ms 50ms ease, transform 300ms 350ms ease;
  transition: top 300ms 50ms ease, transform 300ms 350ms ease, -webkit-transform 300ms 350ms ease;
  top: 0;
}

.navbar-toggler[aria-expanded="true"] .navbar-toggler-icon:before {
  transform: rotate(45deg);
}

.navbar-toggler[aria-expanded="true"] .navbar-toggler-icon:after {
  transform: rotate(-45deg);
}

.navbar-toggler .navbar-toggler-icon {
  background: var(--dark-color);
  transition: background 10ms 300ms ease;
  display: block;
  width: 30px;
  height: 2px;
  position: relative;
  box-shadow:0px 0px 14px rgba(255,255,255,1);
}

.navbar-toggler .navbar-toggler-icon:before,
.navbar-toggler .navbar-toggler-icon:after {
  transition: top 300ms 350ms ease, -webkit-transform 300ms 50ms ease;
  transition: top 300ms 350ms ease, transform 300ms 50ms ease;
  transition: top 300ms 350ms ease, transform 300ms 50ms ease, -webkit-transform 300ms 50ms ease;
  position: absolute;
  right: 0;
  left: 0;
  background: var(--dark-color);
  width: 30px;
  height: 2px;
  content: '';
  box-shadow:0px 0px 14px rgba(255,255,255,1);
}

.navbar-toggler .navbar-toggler-icon:before {
  top: -8px;
}

.navbar-toggler .navbar-toggler-icon:after {
  top: 8px;
}

.logo {
	width:212px;
	margin-top:25px;
	margin-left:25px;
	margin-right:25px;
}

@media screen and (max-width: 1199px) {
  .logo {
	width:175px;
	margin-left:15px;
	margin-right:15px;
	margin-top:15px;
	margin-bottom:10px;
  }
  
 
.navbar-nav .nav-item.active .nav-link, 
.nav-link:focus, 
.nav-link:hover {
  color: var(--mdark-color);
    background: rgba(232,93,93,1);
  background: linear-gradient(to left, rgba(255,255,255,0) 0%, rgba(255,255,255,.5) 7%, rgba(255,255,255,.1) 36%, rgba(255,255,255,.0) 100%); 

  text-shadow:0px 0px 7px rgba(255,255,255,1);
}

.navbar-nav .nav-item.active .nav-link, 
.nav-link:focus, 
.nav-link:hover .mlink {
  color: var(--mdark-color);
    background: rgba(232,93,93);
  background: rgba(255,255,255,0);

  text-shadow:0px 0px 7px rgba(255,255,255,1);
  
}


.nav-link {
	text-indent: .1em;
  padding-top: 7px;
  padding-bottom: 7px;
}

.nav-item {
	margin:0;
}

}
/*---------------------------------------
  TIMELINE               
-----------------------------------------*/
.timeline,
.timeline-nodes {
  position: relative;
}

.timeline-nodes:nth-child(even) {
  flex-direction: row-reverse;
}

.timeline h3, 
.timeline p {
  padding: 10px 30px;
} 

.timeline h3 {
  background: var(--dark-color);
}

.timeline::before {
  content: "";
  display: block;
  position: absolute;
  top: 37px;
  left: 50%;
  width: 0;
  border-left: 1px solid var(--border-color);
  height: 85%;
  z-index: 1;
  transform: translateX(-50%);
}

.timeline-content {
  position: relative;
  border-radius: 0 0 0.25rem 0.25rem;
  padding: 0;
}

.timeline-nodes:nth-child(odd) h3,
.timeline-nodes:nth-child(odd) p {
  text-align: right;
}

.timeline-nodes:nth-child(odd) .timeline-date {
  text-align: left;
}
 
.timeline-nodes:nth-child(even) .timeline-date {
  text-align: right;
}

.timeline-nodes:nth-child(odd) h3::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 100%;
  transform: translate(0, -50%);
  width: 0;
  border-left: 10px solid var(--dark-color);
  border-top: 10px solid transparent;
  border-bottom: 10px solid transparent;
}

.timeline-nodes h3 {
  position: relative;
  border-radius: 0.25rem 0.25rem 0 0;
}

.timeline-nodes:nth-child(even) h3::after {
  content: "";
  position: absolute;
  top: 50%;
  right: 100%;
  transform: translate(0, -50%);
  width: 0;
  border-right: 10px solid var(--dark-color);
  border-top: 10px solid transparent;
  border-bottom: 10px solid transparent;
}

.timeline-icons {
  position: relative;
  z-index: 100;
}

.timeline-icons::before {
  content: "";
  width: 80px;
  height: 80px;
  border-radius: 50%;
  display: block;
  position: absolute;
  top: 0;
  left: 50%;
  transform: translate(-50%,0);
  background: var(--white-color);
  box-shadow: 0 1rem 3rem rgba(0,0,0,.175);
  z-index: 1;
}

.timeline-icon {
  position: relative;
  z-index: 100;
  font-size: var(--h3-font-size);
  color: var(--primary-color);
  display: block;
  text-align: center;
  line-height: 80px;
}

@media (max-width: 767px) {
  .timeline-nodes:nth-child(odd) h3,
  .timeline-nodes:nth-child(odd) p {
    text-align: left;
  }

  .timeline-nodes:nth-child(even) {
    flex-direction: row;
  }

  .timeline::before {
    content: "";
    display: block;
    position: absolute;
    top: 60px;
    left: 33px;
    width: 0;
    height: 90%;
    z-index: 1;
    transform: translateX(-50%);
  }

  .timeline-icons {
    position: absolute;
    left: 0%;
    top: 60px;
  }

  .timeline-nodes:nth-child(odd) h3::after {
    left: auto;
    right: 100%;
    border-left: 0;
    border-right: 10px solid var(--dark-color);
    border-top: 10px solid transparent;
    border-bottom: 10px solid transparent;
  }

  .timeline-nodes:nth-child(even) h3::after {
    right: 100%;
    width: 0;
    border-right: 10px solid var(--dark-color);
    border-top: 10px solid transparent;
    border-bottom: 10px solid transparent;
  }

  .timeline-nodes:nth-child(even) .timeline-date {
    text-align: left;
  }

  .timeline-icons::before {
    width: 75px;
    height: 75px;
  }

  .timeline-icon {
    line-height: 75px;
  }
}

@media (max-width: 575px) {
  .timeline::before {
    content: "";
    display: block;
    top: 60px;
    left: 57px;
    height: 87%;
  }

  .timeline-icons {
    position: absolute;
    left: -10px;
  }

  .timeline-icons::before {
    width: 70px;
    height: 70px;
  }

  .timeline-icon {
    line-height: 70px;
  }
}



.carti {
	width:45px;
	height:45px;
	background:rgba(255,255,255,1);
	border-radius:50%;
	position:absolute;
	text-align:center;
	cursor:pointer;
	box-shadow: 0px 1px 5px rgba(0,0,0,0.1);
}


.cartis {
	width:45px;
	height:45px;
	background:rgba(255,255,255,0.8);
	border-radius:50%;
	position:absolute;
	text-align:center;
	cursor:pointer;
	margin-top:2px;
	box-shadow: 0px 1px 5px rgba(0,0,0,0.1);
}


.carti:hover {
	background:#f5e4e5;
	background:rgba(255,255,255,0.95);
	box-shadow: 0px 1px 5px rgba(0,0,0,0.19);
}

.cartis:hover {
	background:#f5e4e5;
	background:rgba(255,255,255,0.95);
	box-shadow: 0px 1px 5px rgba(0,0,0,0.19);
}

.sci ,.ssci {
	font-size:21px;
	position:relative;
	top:12px;
}

.scititle {
	font-size:18px;
	color:#999;
	padding-top:0px;
	padding-right:10px;
	border-bottom:1px dashed #aaa;
	padding-bottom:8px;
}

.sciclose,.ssciclose {
	float:left;
	margin-top:-2px;
	margin-left:1px;
	color:#999;
	cursor:pointer;
	padding:6px;
	font-size:20px;
}


.sciclose:hover {
	color:#8b1920;
}

.scvxi6sciclose:hover {
	color:#8b1920;
}

.carti:hover .sci {
	color:var(--primary-color);
}

.cartis:hover .sci {
	color:var(--primary-color);
}

.carti.active{
	background:#f5e4e5;
	background:rgba(245,228,229,1);
	background:rgba(255,255,255,1);
	box-shadow: 0px 1px 5px rgba(0,0,0,0.19);
}

.cartis.active{
	background:#f5e4e5;
	background:rgba(245,228,229,1);
	background:rgba(255,255,255,1);
	box-shadow: 0px 1px 5px rgba(0,0,0,0.19);
}

.carti.active  .sci.active{
	color:var(--primary-color);
}


.cartis.active  .sci.active{
	color:var(--primary-color);
}

.ssci.active{
	color:var(--primary-color);
}

/*---------------------------------------
  REVIEWS               
-----------------------------------------*/
.reviews-thumb {
  margin-bottom: 0;
  padding: 32px;
}

.reviews-text {
  margin-top: 10px;
  margin-bottom: 25px;
}

.reviews-image {
  border-radius: 100px;
  width: 70px !important;
  height: 70px !important;
}

.reviews-carousel .owl-item {
  opacity: 0.45;
}

.reviews-carousel .owl-item.active.center {
  opacity: 1;
}

.reviews-carousel .owl-item.active.center .reviews-thumb {
  background: var(--dark-color);
}

.reviews-carousel .owl-item.active.center .reviews-thumb,
.reviews-carousel .owl-item.active.center .reviews-text {
  color: var(--white-color);
}

.reviews-carousel .owl-nav {
  display: flex;
  justify-content: space-between;
  margin: auto;
  text-align: center;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.reviews-carousel .owl-nav span {
  width: 35px;
  height: 35px;
  line-height: 35px;
  display: block;
}

.reviews-carousel .owl-nav .owl-prev {
  position: relative;
  left: -80px;
}

.reviews-carousel .owl-nav .owl-next {
  position: relative;
  right: -80px;
}

.reviews-carousel .owl-prev span,
.reviews-carousel .owl-next span {
  color: transparent;
}

.reviews-carousel .owl-prev span::before,
.reviews-carousel .owl-next span::before {
  font-family: bootstrap-icons;
  display: block;
  font-size: var(--h3-font-size);
  color: var(--p-color);
  width: 35px;
  height: 35px;
}

.reviews-carousel .owl-prev span::before {
  content: "\f12f";
}

.reviews-carousel .owl-next span::before {
  content: "\f138";
}

/*---------------------------------------
  BOOKING FORM            
-----------------------------------------*/

.booking-form .form-control {
  background: transparent;
  border-radius: 0;
  border: 0;
  border-bottom: 1px solid var(--border-color);
  color: #6c757d;
  font-weight: var(--font-weight-normal);
  padding-top: 12px;
  padding-bottom: 12px;
  margin-top: 15px;
  transition: all 0.3s;
}

.booking-form #submit-button {
  background: var(--dark-color);
  border-bottom: 0;
  font-weight: var(--font-weight-semibold);
  color: var(--white-color);
  text-transform: uppercase;
  margin-top: 35px;
}

.booking-form #submit-button:hover {
  background: var(--primary-color);
}

.cartview {
	position:absolute;
	width:335px;
	min-height:120px;
	background:rgba(255,255,255,0.98);
	top:93px;
	border-radius:12px;
	box-shadow:0px 8px 22px rgba(0,0,0,0.165);
	display:none;
	padding:12px;
	margin-right:-350px;
	z-index:9999;
}

.map {
    
	border-radius:12px;
	box-shadow:0px 4px 10px rgba(0,0,0,0.08);
	cursor:pointer;
	opacity:0.6;
	width:100%;
	margin-right:20px;
	transform:scale(1.15);
	margin-top:-32px;
	margin-bottom:-113px;
	z-index:1;
	min-height:140px;
}

.map:hover .mapexp {
	opacity:1;
}


.map:hover {
	box-shadow:0px 4px 10px rgba(0,0,0,0.21);
	opacity:1;
}

.mapexp {
	position:absolute;
	z-index:11;
	margin-top:4px;
	margin-right:4px;
	width:42px;
	cursor:pointer;
	opacity:0.5;
}

.mapexp:hover {
	opacity:.8;
}

.mapexp:hover + .map {
	box-shadow:0px 4px 10px rgba(0,0,0,0.21);
	opacity:1;
}

.footermapbox {
	overflow: hidden;
	width:calc(100% - 40px);
	max-width:500px;
	border-radius:12px;
	box-shadow:0px 4px 10px rgba(0,0,0,0.08);
	min-height:150px;
}


.menuicons {
	  display:none;
	  position:relative;
	  top:1px;
	  color:rgba(155,155,155,0.65);
	  opacity:0;
}

.new_products , .top_products {
	border:2px solid #f0f0f0;
	border-radius:12px;
	min-height:265px;
	box-shadow:0px 4px 11px rgba(255,255,255,0.085) ,inset 0px 0px 12px rgba(200,200,200,0.7);
	background:rgba(255,255,255,0.95);
	border:1px solid rgba(0,0,0,0.15);
}

.float{
	position:fixed;
	width:52px;
	height:52px;
	bottom:20px;
	right:25px;
	background-color:#25d366;
	color:#FFF;
	border-radius:50px;
	text-align:center;
  font-size:38px;
	box-shadow: 2px 2px 3px #999;
  z-index:100;
}

.my-float{
	position:relative;
	top:-3px;
	right:-1px;
	color:#FFF;
	margin-top:0px;
}



.float:hover {
	background-color:#30de40;
}
.subcatbtn img {
	opacity:0.65;
	// border:1px solid grey;
	box-shadow: 0px 1px 5px rgba(0,0,0,0.3);
	border-radius:50%;
	padding:8px;
	width:80px;
	margin-bottom:4px;
}

.subcatbtn:hover {
}


.subcatbtn:hover img {
	box-shadow: 0px 1px 5px rgba(0,0,0,0.4);
	opacity:0.9;
}

.tsw {
	font-size:28px;
	font-weight:bold;
	color:#777;
	padding-right:0px;
	margin-top:10px;
}

.tscia {
	color:#999;
	font-size:22px;
	top:-1px;
	position:relative;
	margin-left:10px;
	margin-right:2px;
}
/*---------------------------------------
  FOOTER              
-----------------------------------------*/
.site-footer {
  border-top:2px dashed rgba(0,0,0,0.1);
  background: #efefef;
  background: -webkit-linear-gradient(to top, #fff, #efefef);  
  background: linear-gradient(to top, #fff, #efefef); 
  position:relative;
  z-index:9;
  font-size:14px;
}

.site-footer a {
  color:#888;
	text-shadow:0px 0px 3px rgba(255,255,255,1);
}

.site-footer a:hover {
  color: var(--primary-color);
}

.site-footer a:hover .fa-caret-left {
  color: #888;
}

.site-footer .fa-caret-left {
  color: #aaa;
}



.copyright-text {
  margin-top:35px;
  font-size: 15px;
  font-weight:400;
  color:#bbb;
}

/*---------------------------------------
  SOCIAL ICON               
-----------------------------------------*/
.social-icon {
  margin: 0;
  padding: 0;
}

.social-icon li {
  list-style: none;
  display: inline-block;
  vertical-align: top;
  transition: all 0.3s;
}

.social-icon:hover li:not(:hover) {
  opacity: 0.65;
}

.social-icon-link {
  font-size: 24px;
  display: inline-block;
  vertical-align: top;
  margin-top: 4px;
  margin-bottom: 4px;
  margin-left: 11px;
  color:#aaa;
}

.social-icon-link:hover {
  color: var(--primary-color);
}


#slideshowxs {
	position:relative;
	top:12px;
    width:1280px;
    margin:0 auto;
    overflow:hidden;
}


.containerxs {
    width:1200px; /* 300 x 4 */
	display:inline-block;
    position:relative;
    -webkit-animation:slidexs 20s ease-in-out infinite;
    -moz-animation:slidexs 20s ease-in-out infinite;
    -ms-animation:slidexs 20s ease-in-out infinite;
    -o-animation:slidexs 20s ease-in-out infinite;
    animation:slidexs 20s ease-in-out infinite;
	line-height:20px;
}

.containerxs div {
	width:300px;
	padding:0px;
	padding-left:30px;
	height:300px;
	float:left;
	font-size:53px;
	text-align:center;
	color:var(--primary-color);
	text-shadow: 0px 0px 14px rgba(255,255,255,0.88);
}

.containerxs div:nth-child(1) {background-color:#efefef;}
.containerxs div:nth-child(2) {background-color:#f5eaeb;}
.containerxs div:nth-child(3) {background-color:#efefef;}
.containerxs div:nth-child(4) {background-color:#f5eaeb;}

.containerxs:hover {
   animation-play-state:paused;
   -webkit-animation-play-state:paused;
}

.cirbg {
	position:absolute;
	width:100%;
	height:100%;
	background:rgba(255,255,255,0);
	width:280px;
	height:280px;
	border-radius:50%;
	box-shadow: inset 0px 0px 30px rgba(255,255,255,0.85);
}

.slidebtnleft {
	opacity:0.55;
	font-size:42px;
	color:var(--primary-color);
	position:absolute;
	float:left;
	left:1px;
	z-index:9;
	cursor:pointer;
	margin-top:-138px;
}


.slidebtnright {
	opacity:0.55;
	font-size:42px;
	color:var(--primary-color);
	position:absolute;
	float:right;
	right:1px;
	z-index:9;
	cursor:pointer;
	margin-top:-138px;
}

@media only screen and  (max-width: 767px) {
.slidebtnleft {
	margin-top:-198px;
}


.slidebtnright {
	margin-top:-198px;
}
}

.slidebtnleft:hover {
	color:var(--primary-color);
	opacity:1;
}

.slidebtnright:hover {
	color:var(--primary-color);
	opacity:1;
}

  
@-webkit-keyframes slidexs {
    0% {left:0;}
    5% {left:300px;}
    25% {left:300px;}
    30% {left:600px;}
    50% {left:600px;}
    55% {left:900px;}
    75% {left:900px;}
    85% {left:0;}
    100% {left:0;}
}
@-moz-keyframes slidexs {
    0% {left:0;}
    5% {left:300px;}
    25% {left:300px;}
    30% {left:600px;}
    50% {left:600px;}
    55% {left:900px;}
    75% {left:900px;}
    85% {left:0;}
    100% {left:0;}
}
@-ms-keyframes slidexs {
    0% {left:0;}
    5% {left:300px;}
    25% {left:300px;}
    30% {left:600px;}
    50% {left:600px;}
    55% {left:900px;}
    75% {left:900px;}
    85% {left:0;}
    100% {left:0;}
}
@-o-keyframes slidexs {
    0% {left:0;}
    5% {left:300px;}
    25% {left:300px;}
    30% {left:600px;}
    50% {left:600px;}
    55% {left:900px;}
    75% {left:900px;}
    85% {left:0;}
    100% {left:0;}
}
@keyframes slidexs {
    0% {left:0;}
    5% {left:300px;}
    25% {left:300px;}
    30% {left:600px;}
    50% {left:600px;}
    55% {left:900px;}
    75% {left:900px;}
    85% {left:0;}
    100% {left:0;}
}






/*---------------------------------------
  RESPONSIVE STYLES               
-----------------------------------------*/
@media screen and (min-width: 1600px) {
.topsb {
	display:none;
}
  .hero .container {
    height: 345px;
	margin-bottom:10px;
  }
  .contact-phone {
	right:41%;
    font-size: 18px;
  }
  .carti {
	top:20px;
	margin-right:-65px;
  }
  .cartis {
	top:20px;
	margin-right:10px;
	margin-top:2px;
	float:right;
  }
  .userbox {
	top:23px;
	margin-left:75px;
  }
  .userbox {
	top:23px;
	margin-left:5px;
	position:relative;margin-top:-45px;
  }

.userbox1 {
	top:24px;
}
  .userbox2 {
	top:23px;
	margin-left:5px;
	position:relative;margin-top:-45px;
	position:absolute;left:05px;top:-20px;
  }
.mlink {
	
	padding-left:17px;
	padding-right:17px;
}

.mslink {
	
	padding-left:17px;
	padding-right:17px;
}
.navbar-nav {
	padding-right:00px;
	padding-left:00px;

}
}

@media screen and (max-width: 1600px) {
.topsb {
	display:none;
}
.cartview {
	margin-right:-320px;
}
  .carti {
	top:20px;
	margin-right:-35px;
	position:absolute;
	left:75px;
  }
  .cartis {
	top:20px;
	margin-right:10px;
	margin-top:2px;
  }
  .userbox {
	position:absolute;
	left:58px; 
	margin-right:-15px;
	top:23px;
	margin-left:5px;
  }
  .userbox2 {
	position:absolute;left:-35px;top:-10px;
  }
  .userbox {
	margin-right:-15px;
	top:23px;
	margin-left:75px;
  }
.userbox1 {
	top:24px;
}
  .userbox2 {
	position:absolute;left:-65px;top:-13px;
  }
  

.nav-link {
	
	padding:0px;
	max-width:300px;
	display:block;
	line-height:0px;
}
.nav-item {
	max-height:40px;
	padding:0px;
	margin:0px;
	margin-bottom:10px;
	line-height:0px;
}
.mlink {
	
	padding-left:17px;
	padding-right:17px;
	line-height:0px;
}

.mslink {
	
	padding-left:17px;
	padding-right:17px;
	line-height:0px;
}
.navbar-nav {
	padding-right:5px;
	padding-left:5px;
	padding-bottom:25px;
}
.navbar-expand-lg .navbar-nav .nav-link {
	margin-left:17px;
	margin-right:17px;
	padding-right:20px;
}
.mlink {
	
	margin:0;
}

.mslink {
	margin:0;
}

}
@media screen and (min-width: 1400px) and (max-width: 1600px) {

.nav-item2 {
	position:relative;
	top:4px;
}

}

@media screen and (max-width: 1399px) {



.navbar-expand-lg .navbar-nav .nav-link {
	font-size:19px;
}
.nav-item.sublinks {
	max-height:none;
}
#navbarNav {
	background:white;
	width:100%;
	position:absolute;
	margin-top:10px;
	right:0px;
	top:80px;
	padding-bottom:30px;
	box-shadow:inset 0px 10px 18px rgba(0,0,0,0.1) ,0px 2px 14px rgba(0,0,0,0.15);
}

  .userbox {
	position:absolute;
	left:55px;
	margin-right:-15px;
	top:23px;
	margin-left:75px;
  }
  .userbox {
//	display:none;
  }

  .userbox {
	position:absolute;
	left:55px;
	margin-right:-15px;
	top:23px;
	margin-left:75px;
  }
  .userbox {
//	display:none;
  }
.userbox1 {
	top:24px;
}
  .userbox2 {
	position:absolute;left:-23px;top:-8px;
  }
.topsb {
	display:block;
}











}
@media screen and (max-width: 1199px) {
.cartview {
	position:fixed;
	width:calc(100% - 20px);
	left:10px;
	margin-right:-260px;
}
.navbar-nav {
	padding-right:15%;
	padding-left:15%;
	  padding-top:35px;
	  padding-bottom:10px;
}
  .contact-phone {
	right:15%;
  }
  .carti {
	top:20px;
	
  }
  .cartis {
	top:20px;
	margin-top:2px;
	
  }
  
.map {
	opacity:1;
}
.navbar-expand-lg .navbar-nav .nav-link {
	margin-left:17px;
	margin-right:17px;
	padding-right:20px;
	font-size:22px;
}
.mlink {
	
	padding-left:12px;
	padding-right:12px;
	margin:0;
	font-size:19px;
}

.mslink {
	margin:0;
	padding-left:12px;
	padding-right:12px;
	font-size:19px;
}


.nav-link {
	
	padding:0px;
	max-width:300px;
	display:block;
	line-height:0px;
}

  .menuicons {
	  display:inline;
	  opacity:1;
	  margin-left:9px;
  }
  
  
.navbar-nav .nav-link {
  padding-top: 7px;
  padding-bottom: 7px;
  margin-top:8px;
}
  
  .userbox2 {
	position:absolute;left:-22px;top:3px;
  }
  
}




@media screen and (max-width: 991px) {
  body {
    padding-top: 74px;
  }

  h1 {
    font-size: 38px;
  }

  h2 {
    font-size: 32px;
  }

  h3 {
    font-size: 26px;
  }

  h4 {
    font-size: 24px;
  }

  h5 {
    font-size: 20px;
  }

  h6 {
    font-size: 18px;
  }

  .section-padding {
    padding-top: 5rem;
    padding-bottom: 5rem;
  }

  .navbar {
    padding-top: 10px;
    padding-bottom: 10px;
  }

  .navbar-nav {
	  padding-right:1%;
	  padding-left:1%;
	  
  }
  
.botboxs {
	border-top:2px dotted rgba(0,0,0,0.1);

}

  .navbar-nav .nav-link {
    padding-top: 5px;
    padding-bottom: 10px;
  }

  .hero .container {
    height: inherit;
    padding-top:150px;
  }

  .heroText {
    position: relative;
    bottom: 100px;
    left: 0;
    width: auto;
    margin-bottom: -100px;
    padding: 2rem;
  }

  
  .contact-phone {
	right:21%;
    font-size: 18px;
  }
  .carti {
	top:20px; //
	margin-right:-20px;
  }
  .cartis {
	top:20px; //
	margin-right:-20px;
  }
.navbar-expand-lg .navbar-nav .nav-link {
  font-size:20px;
}

.map {
    
	margin-right:-10px;
	margin-top:10px;
	margin-bottom:-10px;
	transform:scale(1.05);
	margin-top:10px;
	margin-right:10px;
}


.nav-link {
	margin-top:8px;
}

  .userbox2 {
	position:absolute;left:-22px;top:3px;
  }

}

@media screen and (max-width: 767px) {
  .heroText {
	margin-top:55px;
    padding: 1.5rem;
  }

  .animated-info {
    min-width: 165px;
  }

  .featured-circle {
    margin-top: 20px;
  }

  .reviews-carousel .owl-nav {
    position: relative;
    width: auto !important;
    transform: inherit;
    top: 0;
    bottom: 0;
    left: 0;
    max-width: 100px;
    margin: 20px auto;
  }

  .reviews-carousel .owl-nav .owl-prev,
  .reviews-carousel .owl-nav .owl-next {
    right: 0;
    left: 0;
  }
  .carti {
	top:20px;
	margin-right:0px;
  }
  .cartis {
	top:20px;
	margin-right:0px;
  }
  .featured-circle {
	  transform:scale(1.1);
	  margin-top:35px;
  }
}

@media screen and (max-width: 480px) {
  .heroText {
    padding: 1rem;
  }

  .heroLinks .custom-link {
    font-size: 18px;
    line-height: 40px;
    margin-right: 2px !important;
    padding: 0 25px;
  }

  .contact-phone {
    font-size: 16px;
	right:6%;
  }
}

@media screen and (max-width: 360px) {
  .featured-number {
    font-size: 5rem;
  }

  .featured-circle {
    width: 235px;
    height: 235px;
  }

  .reviews-image {
    width: 55px !important;
    height: 55px !important;
  }

  .reviews-thumb figcaption {
    font-size: var(--menu-font-size);
  }

  .timeline::before {
    left: 42px;
  }
}

.prod_box {
	min-height:100wv;
	max-height:100%;
	min-height:305px;
	max-height:305px;
	border-radius: 7px;
	background:#f5f5f5; 
	box-shadow: 0px 1px 3px rgba(0,0,0,0.25);
	padding:1px;
	text-align:center;
	position:relative;
}



.prod_box:hover {
	background:#faebeb;
	cursor:pointer;
	box-shadow: 0px 1px 3px rgba(0,0,0,0.35) ,inset 0px 0px 5px rgba(255,255,255,0.59);

}

.prod_box_img {
	width:100%;
	min-height:305px;
	height:auto;
	background:white;
	border-radius:10px;
	background-size:cover;
}


.prod_box_price {
	min-width:75px;
	height:30px;
	background:rgba(255,255,255,0.99);
	// border-radius:8px;
	border-radius:50vh;
	margin:4px;
	float:left;
	margin-right:-95px;
	font-size:17px;
	text-align:center;
	// font-weight:550;
	padding-top:2px;
	padding-left:10px;
	padding-right:10px;
	color:#777;
	box-shadow: 0px 1px 2px rgba(0,0,0,0.35) ,inset 0px 0px 5px rgba(255,255,255,0.59);
	text-shadow:0px 0px 7px rgba(255,255,255,1);
}



.prod_box:hover .prod_box_price {
	color:#888;
	text-shadow:0px 0px 7px rgba(255,255,255,1);

}


.prod_box_name {
	width:calc(100% - 10px);
	min-height:38px;
	margin-top:20px;
	// line-height:26px;
	
	margin-bottom:-20px;
	border-radius:15px;
	padding:2px;
	font-weight:550;
	color:#707070;
	font-size:17px;
	background:rgba(255,255,255,.95);
	text-align:center;
	padding-left:10px;
	padding-right:10px;
	position:absolute;
	top:247px;
	margin-top:37px;
	margin-right:4px;
	border:1px solid #efefef;
	box-shadow: 0px 1px 2px rgba(0,0,0,0.25);
 	 display:block;
    display: flex;
    align-items: center; /* Vertical center alignment */
	
}


.prod_box_name span {
  display:inline-block;
  vertical-align: middle;
    align-items: center;
    display: flex;
}

.prod_box:hover .prod_box_name {
	color:#555;
	background:#fff;
}

.prod_box:hover .prod_box_price {
	color:#555;
	background:#fff;
}

.boxpd {
	padding:10px;
	padding-bottom:35px;
	margin-bottom:30px;
	width:100wv;
	height:100wv;
}

.boxpds {
	padding:10px;
	padding-bottom:35px;
	margin-bottom:30px;
	width:100wv;
	/ height:100wv;
	min-height:390px
}

.pimgbc {
	padding-bottom:20px;
}
@media screen and (max-width: 1400px) {

.custom-links {
	height:38px;
	font-size:22px;
}

.boxpds {
	width:325px;
	min-height:395px;
	margin:10px auto;
}
.pimgbc {
	max-width:100%;
}
.homepicsx {
	float:none;
	margin:0 auto;
}
.prod_boxs {
	height:295px;
	height:295px;
}
.scpimg {
	height:295px;
	width:304px;
}
.prod_box_name {
	top:245px;
}
}

@media screen and (max-width: 991px) {
.boxpds {
	width:325px;
	height:445px;
	margin:10px auto;
}
.pimgbc {
	max-width:100%;
	min-height:505px;
	height:auto;
	max-width:605px;
}
.homepicsx {
	float:none;
	margin:0 auto;
}
.prod_boxs {
	height:295px;
	height:295px;
}
.scpimg {
	height:295px;
	width:304px;
}
.prod_box_name {
	top:245px;
}
}


@media screen and (max-width: 767px) {
.boxpd {
	min-height:455px;
}
.boxpds {
	min-height:455px;
}
}

#shop ,#product {
	position:relative;
	right:10px;
	min-height:400px;
}

.pimgbc {
	min-height:400px;
	height:auto;
	max-width:400px;
}

.homepicsx {
	float:left;
}

@media screen and (max-width: 767px) {
.prod_box {
	min-height:435px;
	max-height:435px;
}
.prod_boxs {
	min-height:495px;
	max-height:495px;
}
.prod_box_img {
	width:100%;
	min-height:485px;
}
.prod_box_name {
	top:445px;
}

.boxpds {
	width:625px;
	min-height:655px;
	margin:0 auto;
}
.pimgbc {
	min-height:505px;
	height:auto;
	max-width:605px;
}
.scpimg {
	min-height:495px;
	max-width:495px;
}
}




@media screen and (max-width: 550px) {
.prod_box {
	min-height:385px;
	max-height:385px;
}
.prod_boxs {
	min-height:405px;
	max-height:405px;
}
.prod_box_img {
	width:100%;
	min-height:375px;
}

.scpimg {
	min-height:405px;
	max-width:405px;
}

.prod_box_name {
	top:345px;
}
}


@media screen and (max-width: 550px) {
.boxpd {
	min-height:375px;
}
.boxpds {
	width:425px;
	min-height:555px;
	margin:0 auto;
}
}


.btn-secondary {
	background-color:#999 !important;
	text-shadow: 1px 1px 2px rgba(0,0,0,0.2);
	color:#fff;
}

.btn-secondary:hover {
	background-color:#888 !important;
	text-shadow: 1px 1px 2px rgba(0,0,0,0.2);
	color:#fff;
}



.btn-secondarys {
	background-color:rgba(237,237,237,1) !important;
	border-color:rgba(255,255,255,0) !important;
	border:0px solid rgba(255,255,255,0) !important;
	text-shadow: 1px 1px 2px rgba(255,255,255,0.65);
	box-shadow:inset 0px 0px 5px rgba(255,255,255,0.95);
	font-weight:550;
	color:#444;
	cursor:default;
	font-size:18px;
	margin-left:6px;
	margin-top:6px;
}


.btn-secondarys.xs {
	line-height:21px;
}

.btn-secondarys .sbold {
	float:right; 
	margin-right:2px;
	margin-left:7px;
	margin-top:-3px;
	margin-bottom:-2px;
	font-size:24px;
	color:#1168ab;
	font-size:19px;position:relative;top:2px;font-weight:550;
}


.btn-defaults {
	background-color:#fff !important;
	border-color:#ddd;
	border:1px solid #ddd;
	text-shadow: 1px 1px 2px rgba(0,0,0,0);
	color:#888;
}

.btn-defaults:hover {
	background-color:#eee !important;
	text-shadow: 1px 1px 2px rgba(0,0,0,0);
	color:#777;
}


.btn-primarys {
	background-color:#f0d8d8 !important;
	border-color:#ddd;
	border:1px solid #ddd;
	text-shadow: 0px 0px 3px rgba(255,255,255,1);
	color:#777;
	box-shadow:inset 0px 0px 7px rgba(255,255,255,1);
}

.btn-primarys:hover {
	background-color:#eecbcb !important;
	color:#666;
}

.btn-successs {
	background-color:#f3f3f3 !important;
	border-color:#ddd;
	border:1px solid #ddd;
	text-shadow: 0px 0px 2px rgba(255,255,255,1);
	color:#777;
}

.btn-successs:hover {
	background-color:#f9dfdf !important;
	text-shadow: 1px 1px 2px rgba(0,0,0,0);
	color:#666;
}

.btn-arrows {
	background-color:rgba(255,237,237,1) !important;
	background-color:#f4f4f4 !important;
	border-color:rgba(255,255,255,0) !important;
	border:0px solid rgba(255,255,255,0) !important;
	text-shadow: 1px 1px 3px rgba(255,255,255,1);
	box-shadow:inset 0px 0px 1px rgba(0,0,0,0.25);
	font-weight:550;
	color:#777;
	box-shadow:inset 0px -2px 3px rgba(0,0,0,0.1);
}

.btn-arrows:hover {
	background-color:rgba(235,235,235,1) !important;
	color:#555;
}

.btn:focus {
  outline: none;
  box-shadow: none;
}

.btn .btn-lg .btn-secondary ,.btn .btn-lg .btn-defaults .dropdown-toggle {
	font-size:18px;
}

.cvxi1 {
	width:calc(100% - 24px);
	height:44px;
	position: absolute;
	border-top:1px dashed #aaa;
	bottom: 10px;
	left:12px;
}

.cvxi2 {
	width:100%;
	min-height:35px;
	margin-top:10px;
	margin-bottom:95px;
}

.cvxi3 {
	text-align:center;
	width:100%;
	margin-top:25px;
}

.cvxi4 {
	color:#999;
	font-size:74px;
}

.cvxi5 {
	padding-top:15px;
	color:#777;
}

.cvxi6x {
	position: relative;
	right:10px;
	display:inline-block;
	margin:0 auto;
	width:calc(100% - 5px);
}

.cvxi6z {
	position: relative;
	right:10px;
	display:inline-block;
	margin:0 auto;
	width:calc(48%);
}

.cvxi6 {
	position: absolute;
	bottom:64px;
	right:13px;
	width:calc(100% - 34px);
}

.cvxi7 {
	position: absolute;
	bottom: 8px;
	right:8px;
	text-align:right;
	color:#111;
	opacity:1;
	font-size:18px;
}

.cvxi8 {
	position: absolute;
	
	font-weight:550;
	bottom: 10px;
	left:16px;
	display:none;
}

.cartxi {
	display:none;
}

.cvltt {
	display:block;
	font-weight:550;
	font-size:15px;
	background:#f5f5f5;
	width:100%;
	padding:2px;
	padding-right:6px;
	color:#777;
}

.cvmbd {
	padding-left:0px;
	padding-right:68px;
	border-radius:3px;
}

.cvitrr {
	font-size:15px;
	font-weight:normal;
	padding-left:0px;
	margin-right:-30px;
	margin-bottom:1px;
	position:relative;
	top:1px;
}

.cvmbdimg {
	margin-left:-30px;
	margin-top:-7px;
	top:7px;
}

.cvieaa {
	display:inline-block;
	width:calc(100% - 80px);
	height:25px;
	overflow:hidden;
	position:relative;
	top:-2px;
	margin-bottom:-7px;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.cvieaaa {
	display:inline-block;
	width:calc(100% - 80px);
	height:25px;
	overflow:hidden;
	position:relative;
	top:-2px;
	margin-bottom:-7px;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.vcbbz {
	opacity:1;
	transform:scale(0.9);
	margin-top:-5px;
	margin-left:2px
}

.cvrad {
	transform:scale(0.9);
top:-2px;
	margin-top:-5px;
	margin-left:1px
}

.relative {
	position:relative
}

.tsw {
	text-shadow:0px 0px 3px white
}

.topsxdiv {
	margin-top:-15px;
	margin-bottom:-25px;
}

.topsxdiv2 {
	color:#444;
	min-height:201px;
	position:relative;
	top:40px;
	margin-bottom:-100px;
	text-shadow:0px 0px 12px white;
}

.topsxdivpic {
	width:100%;
	max-width:200px;
	position:absolute;
	top:18px;
	left:37px;
	opacity:0.25;
}

.topshdiv {
	margin-top:0px;
}

.topshdiv2 {
	position:relative;
	margin-top:-45px
}

.topshdiv3 {
	position:relative;
	right:-3px;
}

.topshdivpic {
	width:100%;
	max-width:200px;
	position:absolute;
	top:82px;
	left:25px;
	opacity:0.35;
}

.shopbkbtn {
	width:auto;
	max-height:50px;
	position:absolute;
	margin-top:-54px;
	margin-right:5px;
	font-size:19px;
}

.shopbkbtni {
	color:#fff;
	font-size:26px;
	position:relative;
	top:3px
}

.prodbkbtn {
	width:auto;
	max-height:50px;
	position:absolute;
	margin-top:-100px;
	margin-right:5px;
}

.prodbkbtni {
	font-size:26px;
	position:relative;
	top:3px
}

.prodsharebtn {
	width:auto;
	max-height:50px;
	position:absolute;
	left:0;
	margin-top:-100px;
	margin-left:0px;
	font-size:19px;
}

.prodsharebtni {
	color:var(--primary-color);
	margin-left:2px;
	font-size:22px;
	position:relative;
	top:1px
}

.product_image {
	width:100%;
	max-width:400px;
	min-height:400px;
	height:auto;
	margin:0px auto;
	position:relative;
	// right:12px;
	border:0px solid #dfdfdf;
	border-radius:12px;
	margin-top:25px;
	background-size:cover;
	background-position:center center;
	background-repeat:no-repeat;
}

.prodcard_q {
	display:inline-block;
	font-size:22px;
	color:#999;
	margin-left:10px;
	font-weight:550;
}

.prodcard_qc {
	max-width:220px;
	display:inline-block;
	margin-left:15px;
}

.prodcard_qcin {
	direction:ltr;
	border:1px solid #dfdfdf;
	border-radius:7px;
	overflow:hidden;
}atcbtn

.prodcard_qctxt {
	text-align:center;
	direction:rtl;
	background:white;
	color:#666;
	opacity:1;
	vertical-align: middle;
	align-items: center;
}

.prodcard_qbtn1 {
	display:inline;position:relative;top:-3px;margin-left:6px;
}

.prodcard_qbtn2 {
	display:inline;position:relative;top:-3px;margin-left:-15px;
}

.cart_ibox {
	position:relative;
	width:calc(100% - 10px);
	background:#fefefe;
	border:1px solid #ddd;
	border-bottom:2px solid #ddd;
	margin:0px auto; 
	margin-top:5px;
	margin-bottom:5px;
	padding:8px;
	padding-bottom:4px;
	padding-right:72px;
}

.cart_iboxs {
	width:calc(100% - 45px);
}



.cart_ibox:hover {
	background:#f5f5f5;
}

.cart_ibox_img {
	display:inline-block;
	width:57px;
	height:57px;
	position:relative;
	top:-1px;
	margin-right:-66px;
	margin-top:-2px;
	border-radius:4px;
	background-size:cover;
}

.cartx_ibox_img {
	display:inline-block;
	width:30px;
	height:30px;
	position:absolute;
	margin-right:-66px;
	margin-top:-5px;
	border-radius:4px;
	background-size:cover;
	margin-bottom:21px;
}

.cart_ibox_h5 {
	font-size:17px;
	color:#555;
	margin:0px;
	padding:0px;
	margin-top:-2px;
}

.cart_ibox_h5s {
	font-size:17px;
	color:#555;
	margin:0px;
	padding:0px;
	margin-top:-2px;
		
}

.cart_ibox_stock { 
	margin-bottom:-3px;
	margin-top:-15px;
	padding-top:2px;
	padding-bottom:2px;
	width:48px;
	font-weight:bold;
	cursor:default;
	color:#222;
}


.cart_ibox_stockx { 
	margin-top:-12px;
	position:relative;
top:-5px;
	font-weight:550;
	width:50px;
	font-size:15px;
	// border:0px solid rgba(255,255,255,0);
	// background:rgba(255,255,255,0) !important;
	color:#075180;
	font-size:14px;
}


.cart_ibox_stockx.aaax { 
	background:none !important;border:none;font-size:14px;
}



.cart_ibox_stockx.aaaz { 
	margin-top:-3px;
	margin-left:2px;
}


.cart_ibox_del { 
	float:left;
	margin-top:1px;
	padding-top:2px;
	padding-bottom:2px;
	font-size:13px;
	opacity:0.85;
	left:5px;margin-top:-3px;font-size:16px;position:absolute;width:auto;padding-bottom:0px;padding-top:0px;
}

.cart_ibox_qud { 
	position:relative;
	font-size:21px;
	margin-top:3px;
	color:#ccc;
	cursor:pointer;
}

.cart_ibox_quds { 
	font-size:24px;
	position:relative;display:inline;top:-4px;
}

.cart_ibox_qud:hover { 
	color:#999;
}

.cart_ibox_price {
	position:absolute;
	left:7px;
	bottom:3px;
	color:#888;
	font-size:15px
}

.form-select {
	padding: .375rem .75rem .375rem 2.25rem;
	color: #212529;
	background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3e%3c/svg%3e");
	background-repeat: no-repeat;
	background-position: left .75rem center;
	background-size: 16px 12px;
	border: 1px solid #ced4da;
	border-radius: .25rem;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none
}

.ex1cbtn, .ex2cbtn {
	font-size:14px;
	padding-top:0px;
	padding-bottom:0px;
	margin-right:5px;
	font-weight:550;
}

.ex1dbtn, .ex2dbtn {
	font-size:14px;
	padding-top:0px;
	padding-bottom:0px;
	margin-right:5px;
}

.extra2Pop {

}

.extra1Pop, .extra2Pop {
	position:absolute;
	width:305px;
	height:57px;
	border-radius:4px;
	background:#eaf4ff;
	box-shadow:0px 1px 4px rgba(0,0,0,0.2);
	border:1px solid rgba(0,0,0,0.1);
	z-index:1;
	display:inline-block;
	right:0;
	margin-top:-30px;
	display:none;
}

.checkEx1Sel {
	width:265px;
	font-size:17px;
	display:inline-block;
	position:relative;
	top:3px;
	margin-right:4px;
	margin-top:5px
}


.checkEx2txts {
	font-size:13px;
	padding:1px;
	padding-right:3px;
	padding-left:3px;
	position:absolute;
	right:4px;
	top:2px;
	width:266px;
	height:51px;
	background:white;
	resize:none;
	-webkit-user-select: text;
}

.ex1upbtn, .ex2upbtn {
	font-size:12px;
	padding-top:0px;
	padding-bottom:0px;
	margin-left:3px;
	width:25px;
	height:50px
}

.ex1cartline, .ex2cartline {
	width:100%;
	position:relative;
	margin-top:5px;
	margin-bottom:0px;
	padding-right:5px;
}

.ex1cartlinen, .ex2cartlinen {
	display:inline;
	background:rgba(0,0,0,0.035);
	padding:2px;
	padding-right:5px;
	padding-left:5px;
	position:relative;
	top:2px;
	color:#222;
}

.ex1cartlinep, .ex2cartlinep {
	display:inline;
	background:rgba(0,0,0,0.0);
	padding:1px;
	padding-right:5px;
	padding-left:3px;
	color:#222;
	font-weight:550;
	margin-right:3px;
	float:left;
	margin-left:-15px;
}


ul.card_logos {
  display: inline-block;
  margin: 0;
  padding: 0;
}

.card_visa,
.card_mastercard,
.card_amex,
.card_discover,
.card_diners,
.card_jcb {
  display: inline-block;
  width: 50px;
  height: 30px;
  overflow: hidden;
  text-align: left;
  text-indent: -999px;
  background: url(../images/sprite-cards.png?raw=true)
    0 0 no-repeat;
}

.card_mastercard {
  background-position: -55px 0;
}

.card_amex {
  background-position: -110px 0;
}

.card_discover {
  background-position: -165px 0;
}

.card_diners {
  background-position: -220px 0;
}

.card_jcb {
  background-position: -660px 0;
}

.is_visa li,
.is_mastercard li,
.is_amex li,
.is_discover li,
.is_diners li,
.is_jcb li,
.is_nothing li {
  opacity: 0.2;
}

.is_visa li.card_visa,
.is_mastercard li.card_mastercard,
.is_amex li.card_amex,
.is_discover li.card_discover,
.is_diners li.card_diners,
.is_jcb li.card_jcb {
  opacity: 1;
}


	
							
.userbox {
	width:45px;
	height:45px;
	background:rgba(255,255,255,0.92);
	border-radius:50%;
	position:absolute;
	margin-top:-4px;
	margin-right:-125px;
	text-align:center;
	cursor:pointer;
	box-shadow: 0px 1px 5px rgba(0,0,0,0.1);
}

.userbox:hover .ssci {
	color:var(--primary-color);
}

.userbox:hover .ssci {
	color:var(--primary-color);
}

.sbview {
	position:fixed;
	cursor:default;
	width:335px;
	min-height:65px;
	background:rgba(255,255,255,0.98);
	top:93px;
	margin-right:-225px;
	border-radius:12px;
	box-shadow:0px 8px 22px rgba(0,0,0,0.165);
	display:none;
	padding:12px;
	padding-bottom:9px;
	z-index:9999;
}

.sbview3 {
	position:fixed;
	width:335px;
	min-height:65px;
	background:rgba(255,255,255,0.98);
	top:93px;
	margin-right:-285px;
	border-radius:12px;
	box-shadow:0px 8px 22px rgba(0,0,0,0.165);
	display:none;
	padding:12px;
	padding-bottom:9px;
	float:left;
	margin-top:-27px;
	float:left;
	position:absolute;
}

.search-input {
	font-size:20px;
	width:calc(100% - 82px);
	display:inline-block;
}

.tsearchbtn {
	font-size:20px;
	position:relative;
	top:-3px;
	font-weight:550;
	display:inline-block;
}


.taskcomplete {
  width: 255px;
  margin: 0 auto;
  padding-top: 10px;
}

.taskcomplete .path {
  stroke-dasharray: 1000;
  stroke-dashoffset: 0;
  animation: dash 2s ease-in-out;
  -webkit-animation: dashsx 2s ease-in-out;
}

.taskcomplete .spin {
  animation: spinsx 2s;
  -webkit-animation: spinsx 2s;
  transform-origin: 50% 50%;
  -webkit-transform-origin: 50% 50%;
}

.taskcomplete p {
  font-family: sans-serif;
  color: green;
  font-size: 24px;
  font-weight: bold;
  margin: 1px auto;
  text-align: center;
  animation: textsx .4s linear .3s;
  margin-top:15px;
  -webkit-animation: textsx .3s linear .2s;
}

.orderinfbox {
	width:100%;
	max-width:400px;
	min-height:100px;
	border-radius:7px;
	background:#f2f2f2;
	margin:0 auto;
	margin-top:0px;
	box-shadow:0px 1px 5px rgba(0,0,0,0.15);
	padding:12px;
	padding-left:12px;
	padding-right:12px;
	text-align:right;
}

@-webkit-keyframes dashsx {
 0% {
   stroke-dashoffset: 1000;
 }
 100% {
   stroke-dashoffset: 0;
 }
}

@keyframes dashsx {
 0% {
   stroke-dashoffset: 1000;
 }
 100% {
   stroke-dashoffset: 0;
 }
}

@-webkit-keyframes spinsx {
  0% {
    -webkit-transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
  }
}

@keyframes spinsx {
  0% {
    -webkit-transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
  }
}

@-webkit-keyframes textsx {
  0% {
    opacity: 0; }
  100% {
    opacity: 1;
  }
}

.navitem2 {
	min-width:155px;
	display:block;
}

.navitem2 {
	min-width:155px;
	display:block;
}

.quickaddbtn {
	position:absolute; 
	border-radius:60%;
	border-top-left-radius:0px;
	border-top-right-radius:0px;
	border-bottom-right-radius:0px;
	right:1px;
	top:1px;
	width:45px;
	height:45px;
	font-size:22px;
	padding:2px;
	padding-top:0px;
	padding-right:0px;
	padding-left:2px;
	background: rgb(42,214,42);
	color:white;
	opacity:1;
	box-shadow:-1px 1px 2px rgba(0,0,0,.25);
	text-shadow:0px 1px 3px rgba(0,0,0,0);
background: rgb(135,237,255);
background: -moz-radial-gradient(center, ellipse cover, rgba(135,237,255,1) 0%, rgba(158,235,255,1) 28%, rgba(158,235,255,1) 28%, rgba(255,255,255,1) 100%);
background: -webkit-radial-gradient(center, ellipse cover, rgba(135,237,255,1) 0%,rgba(158,235,255,1) 28%,rgba(158,235,255,1) 28%,rgba(255,255,255,1) 100%);
background: radial-gradient(ellipse at center, rgba(135,237,255,1) 0%,rgba(158,235,255,1) 28%,rgba(158,235,255,1) 28%,rgba(255,255,255,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#87edff', endColorstr='#ffffff',GradientType=1 );
background: rgb(255,255,255);
	color:var(--primary-color);
}


.quickaddbtnr {
	border-radius:60%;
	border-top-left-radius:0px;
	border-top-right-radius:5px;
	border-bottom-right-radius:0px;
} 

@media screen and (max-width: 767px) {
.quickaddbtn {

	width:55px;
	height:55px;
	font-size:28px;
	padding:2px;
	padding-top:0px;
	padding-right:0px;
}
}

.quickaddbtn:hover {
	background: rgb(255,255,255);
	box-shadow:-1px 1px 2px rgba(0,0,0,.25);
}
.quickaddbtn:active {
	background: rgb(255,255,255);
	box-shadow:-1px 1px 2px rgba(0,0,0,.25);
}
.quickaddbtn:visited {
	background: rgb(255,255,255);
	box-shadow:-1px 1px 2px rgba(0,0,0,.25);
}

.quickaddbtn:hover i {
	color:var(--primarys-color);
	text-shadow:none;
}

.carticount {
	left:-10px;
	top:-1px;
	position:absolute;
}

.uboxbdge {
	left:-5px;
	top:-1px;
	position:absolute;
	width:14px;
	height:14px;
	display:none;opacity:1;font-size:2px;
}

.quickaddbtns {
	margin-top:63px;
	margin-bottom:-15px;
	text-align:center;
	border:1px solid #999;
	width:100%;
	border:1px solid #ccc;
	border-radius:0px;
	background:white;
	color:#003e77;
	font-size:16px;
}

.quickaddbtns:hover {
	background:#f9f9f9;
	color:var(--primarys-color);
}

.prod_box_names {
	font-weight:normal;
	padding-left:10px;
	padding-right:10px;
	text-align:right;
	border:none;
	box-shadow:none;
	border-radius:0px;
	margin-top:62px;
	width:calc(100% + 2px);
	margin-right:-2px;
}

.quickaddbtnsx {
	margin-top:45px;
	margin-bottom:-15px;
	text-align:center;
	border:1px solid #999;
	width:100%;
	border:2px solid #ddd;
	border-radius:50vh;
	color:var(--primary-color);
}

.quickaddbtnsx:hover {
	background:#f9f9f9;
	color:var(--primarys-color);
}

.cgreen {
	color:green;
}

.btn-subcats {
	font-size:18px;margin-bottom:5px;width:auto;
	border-radius:0px;
	cursor:default;
	background: -webkit-linear-gradient(to top, #fcfcfc, #ececec) !important;  
	background: linear-gradient(to top, #fcfcfc, #ececec) !important;   
	box-shadow:inset 0px 1px 10px rgba(255,255,255,1); 
	border-left:1px solid #ccc;border-top-right-radius:6px;border-bottom-right-radius:6px;border:1px solid #ccc;
	font-weight:550;
}

.btn-defaultx {
	color:#157bbc;
	color:#003e77;
	box-shadow:inset 0px 0px 6px rgba(0,0,0,.12);
	background: -webkit-linear-gradient(to top, #fff, #efefef);  
	background: linear-gradient(to top, #ffffff, #efefef);  
}

.btn-primarys {
	color:#003e77;
	background: -webkit-linear-gradient(to bottom, #fff, #dfdfdf); 
	background: linear-gradient(to bottom, #fff, #dfdfdf); 
}

.btn-primarys.btn-subcats {
	background: -webkit-linear-gradient(to bottom, #fcfcfc, #ececec) !important;  
	background: linear-gradient(to bottom, #fcfcfc, #ececec) !important;   
}

.btn-subcat {
	font-size:17px;margin-bottom:5px;width:auto;border-radius:0px;
	border-left:1px solid #ccc;
	padding-top:10px;
	padding-bottom:7px;
	background:white;
	border-color:#ccc;
	border-right:0px;
	background: -webkit-linear-gradient(to bottom, #fff, #e9e9e9);  
	background: linear-gradient(to bottom, #fff, #e9e9e9);  
	box-shadow:inset 0px -5px 10px rgba(255,255,255,.65); 
}

.btn-subcats:hover {
	color:#157bbc;
	background:#f8f8f8;
	background: -webkit-linear-gradient(to bottom, #fff, e0e0e0); 
	background: linear-gradient(to bottom, #fff, #e0e0e0); 
}

.btn-subcat:hover {
	color:#157bbc;
	background:#f8f8f8;
}

.btn-subcat:first-child {
	border-left:1px solid #ccc;border-top-right-radius:6px;border-bottom-right-radius:6px;border-right:1px solid #ccc
}
.btn-subcat:last-child {
	border-top-left-radius:6px;border-bottom-left-radius:6px;border-right:0px; 
}


.btn-subcat.active {
	box-shadow:inset 0px 0px 4px rgba(0,0,0,.05);
	background:#eee;
	color:#003e77;
	background: -webkit-linear-gradient(to top, #f8f8f8, #e7e7e7);  
	background: linear-gradient(to top, #f8f8f8, #e7e7e7);  
}

.btn-subcats .badge {
	font-size:14px;
	font-weight:550;
	line-height:16px;
	margin-right:3px;
	// text-shadow:1px 1px 2px rgba(0,0,0,0.1);
}

.btn-subcat .badge {
	font-size:14px;
	// font-weight:normal;
	font-weight:550;
	line-height:16px;
	margin-right:3px;
	// text-shadow:1px 1px 2px rgba(0,0,0,0.2);
}

.badge.bg-info {
	background:white !important;
	color:#003e77;
	box-shadow:inset 0px -1px 3px rgba(0,0,0,.1);
}


.active .badge.bg-info {
	background:#dffafd !important;
	box-shadow:inset 0px 1px 3px rgba(255,255,255,.95);
}

.btn-defaultx .badge.bg-info {
	background:#dffafd !important;
	box-shadow:inset 0px 1px 3px rgba(255,255,255,.95);
}

@media screen and (max-width: 1400px) {
.cart_ibox_qud {
	color:#aaa;
}
.cart_ibox_qud {
	color:#aaa;
}
.cart_ibox:hover {
	background:#fefefe;
}
.btn-subcats {
	margin-bottom:0px;
	width:100%;
	border-radius:0px;
	border-top-left-radius:6px;
	border-top-right-radius:6px;
}
.btn-subcat {
	margin-bottom:0px;
	width:33.334%;
	border:1px solid #ccc;
	text-align:right;
	
}

.btn-subcat:first-child {
	border-radius:0px;
	border-left:1px solid #ccc;
	border-right:1px solid #ccc;
}
.btn-subcat:last-child {
	border-radius:0px;
	border-right:1px solid #ccc;
	border-left:1px solid #ccc;
}
.btn-subcat:last-of-type {
	border-radius:0px;
	border-right:1px solid #ccc;
	border-left:1px solid #ccc;
}
.btn-subcat:nth-child(3n) {
	border-left:1px solid #ccc;
}

.btn-subcat .badge {
	float:left;
}



}


@media screen and (max-width: 991px) {
.btn-subcat {
	width:50%;
}
}


@media screen and (max-width: 550px) {
.btn-subcat {
	width:100%;
}
}

.dropdown-item {
	text-align:right;
}



.dropdown-menu-top {
	padding:8px;
	min-width:200px;
	padding-top:4px;
	padding-bottom:4px;
	text-align:right;
    	position:relative;
   	 float:none;
}

.dropdown-menu-top li .dropdown-item {
	text-decoration:none;
	font-size:16px;
	line-height:30px;
	min-height:34px;
	padding-right:24px;
	border-bottom:1px solid #ccc;
	color:black;
}


.dropdown-menu-top li .dropdown-item i {
	margin-top:9px;
	margin-right:-17px;
	position:absolute;
	color:#bbb;
}

.dropdown-menu-top li  {
	text-decoration:none;
	border-bottom:0px solid orange;
}

.dropdown-item::before {

  transition:0;
}

.dropdown-item {
	transition:none;
	animation:none;
	color:transparent;
}
.dropdown-item:hover {
	background: -webkit-linear-gradient(to bottom, #fff, #f0f0f0); 
	background: linear-gradient(to bottom, #fff, #f0f0f0); 
}
.dropdown-item:visited {
	background: -webkit-linear-gradient(to bottom, #fff, #f0f0f0); 
	background: linear-gradient(to bottom, #fff, #f0f0f0); 
}
.dropdown-item:visited {
	background: -webkit-linear-gradient(to bottom, #fff, #f0f0f0); 
	background: linear-gradient(to bottom, #fff, #f0f0f0); 
}


@media only screen and (min-width: 1401px) {
.h2ni {
min-width:152px;display:block;text-align:center;
}

.navbar-nav2 {
	height:88px;
}
.dropdown-menu {
	position:relative;
	top:90px;
}
  .dropdown:hover .dropdown-menu {
    display: block;
    right:0;
    margin-top: 0;
  }
  .dropdown .dropdown-menu {
    display: none;
  }
  .dropdown:hover .dropdown-toggle::after {
    border-bottom: 0.3em solid;
    border-top: 0;
  }
}


.dropdown-toggle1 {
	position:relative;
	margin-bottom:-5px;
	padding-bottom:30px;
}


.dropdown-toggle1.show {
	position:relative;
	padding-top:30px;
	padding-bottom:35px;
}

.dropdown-toggle3.show {
	position:relative;
	margin-bottom:0px;
	padding-bottom:13px;
}
@media screen and (max-width: 1600px) {

.dropdown-menu1 {
	top:82px;
}

.dropdown-toggle1.show {
	position:relative;
	padding-top:30px;
	padding-bottom:35px;
}
.dropdown-toggle3 {
	position:relative;
	margin-top:0px;
	padding-bottom:5px;
}
.dropdown-toggle3.show {
	position:relative;
	padding-bottom:22px;
}
}

@media screen and (max-width: 1400px) {
  .dropdown-toggle3.show {
    position:relative;
    right:none;
	position:relative;
	margin-bottom:0px;
	padding-bottom:7px;
  }
  .dropdown-toggle.show::after {
    border-top: 0;
    border-bottom: 0.3em solid;
  }
  .dropdown-menu {
        width: 100%;
        position: relative;
    width:calc(100% - 30px);
    margin-right:15px;
        background-color:#f7f7f7 !important;
	box-shadow:;
    box-shadow:inset 0px 1px 25px rgba(255,255,255,1),0px 1px 3px rgba(0,0,0,0.15);
    }
  .dropdown {
        position: relative;
    }
}

.mainddil {
 	font-weight:550;
	color:#003e77 !important;
}

.dropdown-menu-top li .dropdown-item.lilddi {
	border-bottom:0px;
}

.cutend {

  text-overflow: ellipsis;
  overflow: hidden; 
  width: calc(100% - 30px); 
  height: 27px; 
  display:inline-block;
  white-space: nowrap;
  position:relative;
  top:2px;
}


.cutends {

  text-overflow: ellipsis;
  overflow: hidden; 
  width: calc(100% - 145px); 
  height: 29px; 
  display:inline-block;
  white-space: nowrap;
  position:relative;
  top:1px;
}

.h3tops {
	margin-top:35px;
	box-shadow:none
}
.nav-item3 {
	position:relative;
	margin-top:5px;
}

@media only screen and (max-width: 1400px) {

.dropdown-menu-top li .dropdown-item {
	font-size:18px;
}

.h3tops {
	margin-top:0px;
	background:white;
}

.dropdown {
    position:relative;
    float:none;
}
.dropdown-menu {
    position:relative;
    float:none;
}
.dropdown-menu-top {
	top:15px;
}
.nav-link.dropdown-toggle.sublinks {
	position:relative;
	margin-top:0px;
	top:20px;
	padding-top:5px;
	padding-bottom:15px;
	min-height:none;
}
}
.uboxnav2 {
	position:relative;
	margin-top:2px;
}
.uboxnav3 {
	position:relative;
	top:1px;
}
.header3_bg {
	position:fixed;
	top:0;
	left:0;
	background: linear-gradient(to bottom, rgba(255,255,255,1) 0%, rgba(239,239,239,1) 100%) !important; 
	height:120px;
	width:100%;
	z-index:99;
	box-shadow:0px 5px 22px rgba(0,0,0,0.12);
}
@media only screen and (max-width: 1200px) {
.dropdown-menu-top {
	top:0px;
}
.nav-link.dropdown-toggle.sublinks {
	top:0px;
	padding-top:10px;
	padding-bottom:10px;
}
.dropdown-menu {
    top:0px;
}
}

.uboxnav1 {
	margin-right:5px;
	top:25px;
}
.uboxnav1 .userbox1 {
	margin-top:0px;
}

.uboxnav1 .carti1 {
	margin-top:5px;
}

.uboxnav2 {
	position:relative;
	margin-top:3px;

}

@media only screen and (max-width: 1600px) {

.nav-item3 {
	position:relative;
	margin-top:9px;
}
.uboxnav2 {
	
	position:absolute;left:10px;float:left;
}
}
@media only screen and (max-width: 1400px) {
.header3_bg {
	height:100%;
	max-height:90px;
}
.uboxnav2 {
	position:absolute;left:10px;float:left;
}
}

.uboxnav3 {
	position:relative;
	margin-top:9px;
}

.sbview2 {
	margin-right:-290px;
}

@media only screen and (max-width: 1600px) {
.uboxnav3 {
	position:relative;left:0px;float:left;
	top:21px;
}
}
@media only screen and (max-width: 1400px) {
.uboxnav3 {
	position:absolute;left:48px;
	margin-top:33px;
}
}


.prodpage_text_box {
	display:block;font-size:16px;min-height:255px;padding-bottom:35px;
}

@media only screen and (max-width: 1200px) {
.prodpage_text_box {
	min-height:10px;padding-bottom:35px;
}
.sbview {
	position:fixed;
	max-width:100%;
	width:calc(100% - 20px); 
	left:10px;
	margin-right:-260px;
}
.sbview3,.sbview2 {
	position:fixed;
	margin-top:0px;
	max-width:100%;
	width:calc(100% - 20px);
	left:10px;
	margin-right:-260px;
}
.uboxnav3 {
	position:absolute;left:-98px;
	margin-top:-6px;
}
.uboxnav2 {
	margin-top:1px;
}
}
@media only screen and (max-width: 991px) {
.uboxnav3 {
	position:absolute;left:40px;
	margin-top:-6px;
}
}
@media only screen and  (max-width: 767px) {
.uboxnav3 {
	position:absolute;left:43px;
	margin-top:-6px;
}
}

.text-right {
	text-align:right;
  	vertical-align: middle;
    	align-items: right;
}



.cldanbtn {
	background:#f24a1c;
	border: 2px solid #fd7a56;
	text-shadow:1px 1px 3px rgba(0,0,0,0.4);
	font-weight:550;
	color:white;
}

.cldanbtn:hover {
	background:#ff2400;
	color:#cbfcff;
}

.clsucbtn {
	background:#777;
	text-shadow:1px 1px 3px rgba(0,0,0,0.4);
	border: 2px solid #999;
	font-weight:550;
	color:white;
}

.clsucbtn:hover {
	background:#666;
	color:#cbfcff;
}

.pupbtn {
	width:50px;position:relative;top:-2px;font-weight:550;font-size:20px;
}

.user_phones {
	width:calc(100% - 70px);max-width:175px;font-size:17px;
}

.pmi {
	font-size:20px;margin-right:2px;
}


@media screen and (min-width: 1400px) and (max-width: 1600px) {


.userbox3 {
	position:relative;
	top:15px;
}

}

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

.cartview3 {
	margin-top:-5px;
}

.sublinkslist3 {
	top:69px;
}

}

.navbar-brand2,.navbar-brand {
	height:60px;line-height:55px;margin-top:0px;
}

.bold {
	font-weight:bold;
}

.sbold {
	font-weight:550;
}

.mr10 {
	margin-right:10px;
}

.h2blanki {
	min-width:152px;display:block;
}

.navbar-brand3 {
	height:60px;line-height:55px;margin-top:0px;
}

.navbar-nav3 {
	margin-bottom:-25px;
}

.userbox3 {
	position:relative;left:-65px;margin-top:-51px;
}

.mainbox {
	overflow:hidden;
}

.hccb2,.hccb3 {	
	position:absolute;
}

.h3headerbox {
	max-width:500px;margin:0 auto;
	background:rgba(255,255,255,0) !important;height:50px;min-height:50px;max-height:50px;box-shadow:inset 0px 10px 18px rgba(0,0,0,0.0);
}

.h3headerboxc {
	position:relative;display:block;width:100%;margin:0 auto;text-align:center;
}

.navbar-brand33 {
	background:#fff;position:relative;max-width:200px;margin:0 auto;height:65px;line-height:55px;margin-top:12px;font-size:26px;
}	


.h3tops {
	background:none;
}

.hometopsliderbox {
	min-height:350px;background:#f5f5f5;width:100%;box-shadow:0px 2px 8px rgba(0,0,0,0.15);border-top:0px;border-bottom-left-radius:9px;border-bottom-right-radius:9px;
}

.semitopsliderbox {
	background:#f5f5f5;width:100%;box-shadow:0px 2px 8px rgba(0,0,0,0.15);border-top:0px;border-bottom-left-radius:9px;border-bottom-right-radius:9px;
	background-image: url("../images/ptopbg.jpg");
	background-repeat: no-repeat;
	background-position: top center;
	background-size:cover;
}

.c9 {
	color:#888;
}

.mfs14 {
	font-size:14px;
}

.mfs16 {
	font-size:16px;
}

.mfs18 {
	font-size:18px;
}

.mfs19 {
	font-size:19px;
}
.mfs22 {
	font-size:22px;
}

.fslinks {
	font-size:15px;font-weight:600;
}

.footer_addressline {
	font-size:15px;margin-bottom:8px;color:#222;
}

.fali {
	font-size:20px;position:relative;top:2px;color:#888;
}

#gmap_canvas {
	width:100%;height:165px;
}

.footer_phoneline {
	font-size:15px;margin-bottom:8px;font-weight:bold;
}

.fpli {
	font-size:18px;position:relative;top:3px;color:#777;
}

.footer_waline {
	font-size:15px;margin-bottom:8px;font-weight:bold;
}

.fwali {
	font-size:20px;position:relative;top:2px;color:#009600;
}

.ftktki {
	position:relative;top:5px;
}

  .userbox {
	z-index:999;
  }

.navbar-nav3 {
	z-index:999;
}

.navbar-toggler {
	z-index:999;
}

.cart_ibox_stocks {
	padding-left:0px;padding-right:0px;opacity:1;font-size:13px;width:30px;margin-right:10px;position:relative;top:5px;color:#333;background:white !important;
	border-color:#ccc;font-weight:500;
}

.cart_ibox_stocksx {
	margin-bottom:-3px;margin-top:-5px;padding-top:1px;padding-bottom:1px;width:48px;font-weight:550;cursor:default;padding-left:0px;padding-right:0px;font-size:12px;width:30px;margin-right:7px;background:white !important;
}

.op1{
	opacity:1;
}

.prodlistexlinesx {
	float:left;margin-top:3px;
}

.sumprices {
	font-weight:450;
}

.slnissi {
	margin-right:3px;font-weight:normal;
}

.ex2popalmt {
	float:left;
	margin-top:3px;
}

.cartitemtitle {
	position:relative;top:-4px;font-size:17px;
}

.cartitemprice {
	color:#222;margin-top:-3px;float:left;margin-left:-22px;font-size:15px;
}

.cartlistqbox {
	margin-top:-4px;margin-right:-1px;
}

.br50vh {
	border-radius:50vh;
}

.cartlistprodxline {
	position:relative;width:calc(100% + 20px);border-top:1px dashed #bbb;
}

.cart_ibox_h5co {
	position:absolute;
	margin-top:2px;
	left:3px;
}

.popcartitemlines {
	font-size:15px;font-weight:normal;padding-left:0px;margin-right:-30px;margin-bottom:1px;
}

.cart_ibox_delz {
	margin-top:-3px;margin-left:-10px;
}

.cpfs13 {
	font-size:13px;
}

.cpilqb {
	float:left;opacity:1;margin-top:-4px;margin-left:22px;padding-bottom:2px;padding-top:2px;font-size:15px;color:#075180;background:white !important;
}

.proflastlog {
	display:block;width:100%;font-size:13px;color:#555;
}



.navbar-brands {
	box-shadow:none;
	background:none;
	margin-top:7px;
	margin-right:0px
}

.navbar-brand img {
	width:200px;
	margin:0 auto;
}


.rating-stars {
	width:100%;
}

.rating-starsi {
	width:auto;
	display:inline;
	position:relative;
	top:-8px;
}
  
.rating-stars div {
}

.rating-stars ul {
  list-style-type:none;
  padding:0;
	display:inline-block;
  top:-10px;
  right:-5px;
  position:relative;
  -moz-user-select:none;
  -webkit-user-select:none;
}

.rating-stars .ratestars {
  top:8px;
  right:10px;
}

.rating-stars ul > li.star {
  display:inline-block;
  margin:0;
  max-width:20px;
}

.rating-stars .ratestars > li.star {
  max-width:23px;
  margin-right:4px;
}

.rating-stars ul > li.star > i.fa {
  font-size:22px; /* Change the size of the stars */
  color:#ccc; /* Color on idle state */
}

.rating-stars .ratestars > li.star > i.fa {
  font-size:28px; /* Change the size of the stars */
}

.rating-stars ul > li.star.hover > i.fa {
  color:#FFCC36;
}

.rating-stars ul > li.distar.hover > i.fa {
  color:#ccc;
}

.rating-stars ul > li.star.selectedd > i.fa {
  color:#FFCC36;
}

.rating-stars ul > li.xstar.selectedd > i.fa {
  color:#FFCC36;
}
  
.rating-stars .ratestars > li.star.hover > i.fa {
  color:#FFCC36;
  cursor:pointer;
}

.rating-stars .ratestars > li.star.selected > i.fa {
  color:#FF912C;
}

.rating-stars .ratestars > li.star.selected > i.fa {
  color:#FF912C;
}

.rating-stars ul > li.star > i.fa > span {
	position:absolute;
	font-weight:550;
	text-align:center;
	font-family:arial;
	width:25px;
  font-size:12px; 
  margin-top:10px;
  margin-right:-28px;
  color:#444; 
  text-shadow:0px 0px 4px rgba(255,255,255,1);
}

.prod_rate_box {
	max-width:295px;margin:0 auto;text-shadow:1px 1px 3px white;color:#555;font-size:18px;font-weight:550;border:1px solid #dfdfdf;background:#f3f3f3;border-radius:5px;box-shadow:inset 0px 5px 12px rgba(255,255,255,0.6);
}

.prodpagediv {
	min-height:400px;height:auto;
	position:relative;
	margin-top:-15px;
}


.prod_topnav_box {
	border:1px  solid #dfdfdf;background:#f3f3f3;border-radius:5px;box-shadow:inset 0px 5px 12px rgba(255,255,255,0.6);text-shadow:1px 1px 3px white;
	margin-top:-100px;height:46px;font-size:17px;padding-top:9px;position:relative;right:2px;
}

.prod_topnav_box.page_topnav_box {
	margin-top:-60px;right:0px;margin-bottom:65px;
}

.prod_options_box {
	border:1px  solid #dfdfdf;background:#f3f3f3;border-radius:5px;box-shadow:inset 0px 5px 12px rgba(255,255,255,0.6);text-shadow:1px 1px 3px white;
}

.prod_options_box h6 {
	color:#555;padding-bottom:0px;margin-top:0px;font-size:18px;
}

.prod_options_box h6 i {
	position:relative;top:0px;font-size:14px;color:#aaa;margin-left:6px;
}

.extras1s {
	width:100%;font-size:18px;display:inline-block;position:relative;top:0px;margin-left:10px;margin-right:0px;margin-bottom:0px;
}

.extras1ss {
	width:calc(100% - 175px);font-size:18px;display:inline-block;position:relative;top:5px;margin-left:10px;margin-right:0px;margin-bottom:10px;
}

.prodpage_ex2price {
	float:left;color:#222;position:relative;top:-4px;font-size:22px;
}

.extras2 {
	font-size:14px;resize: none;margin-bottom:0px;
}

.prodppobtn {
	font-size:17px;position:relative;top:-3px;
	margin-left:3px;
}

.prodpagesp {
	font-weight:550;float:left;font-size:20px;margin-left:-10px;margin-top:5px;
}

.product_page_title {
	color:#555;font-size:32px;
}

.prodpage_rates_count_box {
	display:inline-block;width:auto;font-size:15px;position:relative;top:-11px;right:5px;font-weight:normal;
}

.ratenum {
	color:#075180;
}

.prodpage_price_box {
	font-size:26px;color:#222;font-weight:550;position:relative;top:-10px;
}


.prodpage_qp_box {
	width:auto;display:inline-block;border:1px  solid #dfdfdf;background:#f3f3f3;border-radius:5px;box-shadow:inset 0px 5px 12px rgba(255,255,255,0.6);
}

.prodpage_qp_box i {
	font-size:26px;position:relative;top:5px;margin-left:5px;color:red;
}

.prodpage_sp_box {
	border:1px  solid #dfdfdf;background:#f3f3f3;border-radius:5px;box-shadow:inset 0px 5px 12px rgba(255,255,255,0.6);
} 

.btn-share {
	width:80px;float:left;margin-top:-3px;margin-left:-2px;font-weight:550;font-size:14px;
	background:#777 !important;
	border-color:#555 !important;
}

.btn-share:hover {
	background:#666 !important;
}

.topnav_catlink {
	cursor:pointer;color:#075180;
}

.topnav_catlink .topnav_bullet {
	color:#bbb;
}

.prod_topnav_box .topnav_caret {
	position:relative;top:1px;color:#aaa;
}

.cpointer {
	cursor:pointer;
}

.sharebtnbox {
	float:left;margin-left:-80px;margin-top:29px;display:none;
}

.sharebtnpop {
	overflow:hidden;box-shadow:0px 2px 3px rgba(0,0,0,.1);z-index:99;display:block;width:145px;background:white;border:1px solid #ddd;position:relative;border-radius:5px;
}

.prodpage_images_box {
	width: 86px;
	border-radius:5px;
	display:inline-block;
	height: 86px;
	margin: 4px;
	margin-top:0;
	margin-bottom:5px;
	overflow: hidden;
	border: 1px solid #ddd;
	cursor:pointer;
}



.pbls3btn1 {
	background:#FFF;
	font-size:17px;
	margin-top:3px;
	border-radius:50vh;
	color:#003e77;
	margin-left:5px;
}

.pbls3btn2 {
	background:#FFF;
	font-size:17px;
	margin-top:3px;
	border-radius:50vh;
	color:#003e77;
}

@media only screen and  (max-width: 767px) {


.cvitrr {
	font-size:17px;
	font-weight:normal;
	padding-left:0px;
	margin-right:-30px;
	margin-bottom:1px;
	position:relative;
	top:1px;
}
.pbls3btn1,.pbls3btn2 {
	margin:10px auto;
	margin-top:1px;
	padding-top:4px;
	height:42px;
	font-size:20px;
}
}

.pbls3btn1:hover {
	color:#1773c9;
}

.pbls3btn2:hover {
	color:#1773c9;
}

.pbls3p {
  display:block;
  position:absolute;
  top:-1px;
  height:0px;
  width:34%;
  left:33%;
  background: #efefef;
  padding-top:3px;
  font-size:17px;
  background: -webkit-linear-gradient(to top, rgba(255,255,255,.98), #eee);  
  background: linear-gradient(to top, rgba(255,255,255,.98), #eee);
  box-shadow:0px 2px 2px rgba(0,0,0,0.12);border-bottom-left-radius:19px;border-bottom-right-radius:19px;
  text-shadow:0px 0px 2px white;
 -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
      -o-transition: all .3s ease;
     -ms-transition: all .3s ease;
         transition: all .3s ease;
		 overflow:hidden;
		 opacity:0;
  height:33px;
		 opacity:1;
}

.pbls3b {
	border:2px solid rgba(255,255,255,.7);border-bottom:0px;
  background: #efefef;
  background: -webkit-linear-gradient(to bottom, rgba(255,255,255,.9), #eee);  
  background: linear-gradient(to bottom, rgba(255,255,255,.9), #eee); 
  text-shadow:0px 0px 2px white;
  display:block;
  position:absolute;
  bottom:-1px;
  height:0px;
  width:calc(100% - 30px);
  left:15px;
  box-shadow:0px -2px 2px rgba(0,0,0,0.12);
  border-top-left-radius:19px;
  border-top-right-radius:19px;
 -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
      -o-transition: all .3s ease;
     -ms-transition: all .3s ease;
         transition: all .3s ease;
		 overflow:hidden;
		 opacity:0;
}

.pbls3:hover .pbls3p {
  height:33px;
		 opacity:1;
}
.pbls3:hover .pbls3b {
  height:44px;
		 opacity:1;
}

@media only screen and  (max-width: 767px) {

.pbls3:hover .pbls3b {
  height:48px;
		 opacity:1;
}
}
. qo_d1 {
	margin-top:-25px;
}

. qo_d2 {
	width:63px;text-align:right;
}

.qo_pimg {
	float:right;margin-right:20px;width:55px;height:55px;max-height:55px;min-height:55px;
}

.qo_title {
	text-align:right;font-size:18px;position:relative;top:13px;right:-45px;font-weight:550;display:block;height:55px;width:calc(100% - 60px);overflow:hidden;text-overflow: ellipsis;white-space: nowrap;
}

.qo_qs1 {
	width:100%;height:auto;padding:8px;padding-top:5px;padding-bottom:2px;border-radius:8px;background:#f5f5f5;margin-top:15px;margin-bottom:15px;
}

.qo_qs1h6 {
	color:#888;padding-bottom:0px;margin-top:0px;text-align:right;
}

.qo_qs1h6 i {
	position:relative;top:-1px;font-size:15px;color:#aaa;margin-left:6px;
}

.qo_qs1s {
	width:100%;margin-top:0px;margin-bottom:20px;max-width:100%;font-size:20px;display:block;position:relative;top:5px;margin-left:10px;margin-right:0px;
}


.qo_qs2 {
	width:100%;height:auto;padding:8px;padding-top:5px;padding-bottom:2px;border-radius:8px;background:#f5f5f5;margin-top:15px;
}


.qo_qs2s {
	width:100%;font-size:20px;display:inline-block;position:relative;top:0px;margin-left:10px;margin-right:0px;margin-bottom:15px;
}

.qo_qs2e2p {
	float:left;color:#888;position:relative;top:0px;font-size:23px;
}

.qo_qs2e2ta {
	font-size:14px;resize: none;margin-bottom:10px;
}

.qo_qs2xb {
	margin-top:20px;width:100%;
}

.profxdib {
	border-top:0px dashed rgba(0,0,0,0.1);
}

.profxdillb {
	margin-top:-25px;
}

.profxdimb {
	height:38px;font-size:19px;font-weight:bold;color:#777;border:2px solid #f1f1f1;background:#f1f1f1;border-radius:10px;padding-top:5px;padding-right:10px;border-bottom-right-radius:0px;border-bottom-left-radius:0px;
}

.profxdimb1 {
	width:180px;
}

.profxdimb2 {
	width:220px;
}

.profxdimb3 {
	width:230px;
}

.profxdimb4 {
	width:195px;
}

.profxdimb i {
	position:relative;top:1px;
}

.profxdimbinner {
	width:100%;min-height:50px;border:10px solid #f1f1f1;border-top-left-radius:10px;padding-bottom:5px;background:#f1f1f1;padding:5px;font-size:18px;
}

.profxdimbinners{ 
	padding-left:10px;
	padding-right:10px;
}

.changepassbtn {
	font-size:19px;font-weight:550;margin-bottom:3px;width:calc(100% + 25px);
	position:relative;top:-2px;
}

.propagedboxbl {
	display:block;
	width:100%;min-height:10px;background:#f1f1f1;border-bottom-right-radius:10px;border-bottom-left-radius:10px;
}

.profphonebox {
	height:43px;
}

.phonenumres {
	font-size:16px;color:red;
}

.profpagenline {
	font-size:21px;font-weight:550;
}

.profpageaddalert {
	padding-right:32px;position:relative;right:10px;margin-bottom:4px;font-size:18px;font-weight:550;
}

.profpageaddalert i {
	position:absolute;font-size:18px;margin-right:-22px;margin-top:5px;
}

.uxcfdc {
	position:relative;right:12px;
}

.add_city {
	width:96%;font-size:17px;
}

.add_zip,.add_street {
	width:100%;font-size:17px;
}
.add_street {
	width:100%;font-size:16px;
}

.adadbtnsc {
	width:100%;position:relative;top:-2px;font-size:19px;font-weight:550;
}

.adadbtnsd {
	width:100%;position:relative;top:-4px;right:12px;font-size:19px;font-weight:550;
}

.profpalcz {
	font-size:19px;font-weight:550;padding-top:0px;
}

.proflastr {
	padding-top:5px;padding-bottom:4px;
}

.proflactr {
	padding-top:6px;
}

.addremovephonebtn {
	height:39px;position:relative;top:-1px;
}

.cartpblpd {
	font-size:22px;font-weight:550;color:#333;text-align:left;
}

.cartpblpd div {
	margin-left:20px;margin-bottom:15px;
}

.gotoco {
	top:-7px;right:15px;font-size:19px;font-weight:550;margin-bottom:3px;width:calc(100% - 30px);
}

.gotoco2 {
	top:-7px;right:0px;font-size:19px;font-weight:bold;margin-bottom:50px;width:calc(100% - 30px)
}

.coflabel {
	font-weight:550;color:#666;
}

.cofbt1 {
	border-bottom:1px dashed #ccc;
}

.w100p {
	width:100%;
}

.w96pc {
	width:97%;
	margin: 0 auto;
}

.hauto {
	max-height:auto;line-height:auto;height:auto;max-height:auto;
}

.bgf2 {
	background:#f2f2f2;
}

.cofccli {
	max-width:95px;display:inline;
}

.cofcclix {
	max-width:80px;display:inline;
}

.coftermsbox {
	font-size:13px;width:100%;min-height:30px;border:10px solid #f1f1f1;border-top-left-radius:10px;border-top-right-radius:10px;padding-left:10px;padding-right:10px;padding-top:8px;padding-bottom:0px;background:#f1f1f1;
}

.cart_iboxx {
	border-bottom:1px solid #ddd;
}

.porderline {
	cursor:pointer;
	padding-top:8px;
	padding-bottom:8px;
	background:white;
	border-radius:7px;
	margin-top:5px;
	margin-bottom:12px;
	font-size:15px;
}

.porderline:hover {
	background:#f5f5f5;
}

.statusc0 {
	position:relative;top:-1px;
	color:orange;
}
.statusc1 {
	position:relative;top:-1px;
	color:#84da7f;
}
.statusc2 {
	position:relative;top:-1px;
	color:#ff6b6b;
}

.ordc_datel {
	font-size:15px;display:inline;font-weight:450;position:relative;top:-5px;
}

.ordc_statl {
	float:left;font-size:15px;font-weight:bold;color:#666;
}

.ordc_statbtn {
	cursor:default;background:#333;font-weight:550;
}

.ordc_b1 {
	position:relative;right:-5px;margin-top:15px;font-size:14px;padding:8px;min-height:100px;background:#f2f2f2;border-radius:5px;border:2px solid #ddd;
}

.ordc_b2 {
	position:relative;right:0px;margin-top:15px;font-size:14px;padding:8px;min-height:100px;background:#f2f2f2;border-radius:5px;border:2px solid #ddd;
}

.ordc_mainb {
	margin-top:15px;font-size:14px;padding:8px;width:100%;min-height:40px;background:#f2f2f2;border-radius:5px;border:2px solid #ccc;
}

.ordc_mainbin {
	width:100%;min-height:35vh;max-height:250px;overflow-y:scroll;padding-top:0px;padding-bottom:5px;
}

.prodc_img {
	width:28px;position:relative;top:-1px;margin-left:7px;border-radius:4px;
}

.prodc_pline {
	background: linear-gradient(0deg, rgba(255,255,255,.1) 0%, rgba(255,255,255,.55) 50%, rgba(255,255,255,.1) 100%);width:100%;margin-top:4px;padding-top:4px;padding-bottom:4px;padding-left:5px;padding-right:5px;text-shadow:1px 1px 3px rgba(255,255,255,1);
}

#csum {
	font-weight:550;
}

.prodc_nl {
	position:relative;top:8px;font-weight:550;color:#333;font-size:16px;width:calc(100% - 250px);height:25px;display:inline-block;text-overflow: ellipsis;white-space: nowrap;overflow:hidden;font-weight:450;
}

.prodc_ql {
	padding:1px;height:30px;text-align:center;width:42px;display:inline;margin-left:4px;background:none !important;border:none !important;font-size:14px;outline:none;
}

.prodc_pl {
	float:left;position:relative;top:10px;
}

.prodc_xli {
	padding-right:47px;width:100%;margin-top:3px;margin-bottom:2px;
}

.prodc_xlin {
	border-radius:4px;background:#fff;padding:2px;padding-left:4px;padding-right:4px;margin-top:2px;color:#666;
}

.prodc_xlinx {
	float:left;color:#666;font-weight:550;
}

.prodc_xlinxs {
	background:#fff;padding:2px;padding-left:4px;padding-right:4px;margin-top:2px;
}

.prodc_bsl {
	width:100%;border-top:1px solid #aaa;padding:5px;padding-top:10px;margin-top:15px;
}

.prodc_bslx { 
	float:left;font-size:20px;position:relative;top:-3px;color:#555;
}

.order_totalxsa {
	color:#1c3b69;
}

.prodc_dpl {
	margin-top:15px;font-size:14px;padding:8px;width:100%;min-height:40px;background:#f2f2f2;border-radius:5px;border:2px solid #ddd;
}

.prodc_dpli {
	padding:1px;height:30px;text-align:center;width:58px;display:inline;margin-left:4px;background:none !important;border:none !important;outline:none !important;
}

.whyusbox {
	width:100%;height:100%;font-size:16px;border-radius:7px;border:1px solid #115192;padding:8px;padding-top:6px;padding-left:14px;padding-right:14px;background: linear-gradient(to bottom, rgba(8,159,255,1) 0%, rgba(0,86,175,1) 100%) !important;color:white;text-shadow:1px 1px 3px rgba(0,0,0,0.5);box-shadow:0px 1px 8px rgba(0,0,0,0.12),inset 0px 0px 12px rgba(153,247,255,0.95);
	color:#111;width:100%;height:100%;font-size:16px;border-radius:7px;border:1px solid #ddd;padding:9px;padding-top:6px;padding-left:10px;padding-right:13px;background: linear-gradient(to bottom, rgba(255,255,255,1) 0%, rgba(239,239,239,1) 100%) !important;text-shadow:1px 1px 5px rgba(255,255,255,1);box-shadow:0px 1px 8px rgba(0,0,0,0.12),inset 0px 0px 12px rgba(255,255,255,0.95);
}

.cwubt {
	color:#f7ffa3;
	color:#444;
}

.cwubt i {
	color:#fbffd4;
	color:#3b80c6;
}

.prodtexts {
	width:100%;min-height:172px;overflow:hidden;display:block;position:relative;top:0px;margin-bottom:20px
}

.ginfos {
	width:1px;height:1px;overflow:hidden;position:absolute;
}



.zx_img {
	opacity:0;
	display:none;
}
.zx_img_1,.zx_img_2,.zx_img_3,.zx_img_4,.zx_img_5,.zx_img_6,.zx_img_7,.zx_img_8,.zx_img_9,.zx_img_10 {
	opacity:1;
    -webkit-filter: blur(0px);
    -webkit-animation: fadeinzx linear .17s;
}


@-webkit-keyframes fadeinzx {
   0% {    -webkit-filter: opacity(0%) blur(25px);}
  50% { -webkit-filter: opacity(100%)  blur(25px);}
  90% { -webkit-filter: opacity(100%)  blur(25px);}
 100% {  -webkit-filter: opacity(0%) blur(0px);}
}


.mid_ps_icons {
	width:105px;
	height:81px;
	margin:0 auto;
	opacity:1;
	margin-top:25px;
	position:relative;
	right:7px;
	// background-image: url("../images/icon_ps_hover.png");
	background-image: url("../images/icon_ps.png");
	background-repeat: no-repeat;
	background-position:center center;
	background-size: cover;
	text-align:center;
	opacity:1;
  	transition: 1s;
}

.mid_ps_iconss {
	width:105px;
	height:81px;
	margin:0 auto;
	margin-top:-81px;
	opacity:0.5;
	position:relative;
	right:7px;
	background-image: url("../images/icon_ps_w.png");
	background-repeat: no-repeat;
	background-position:center center;
	background-size: cover;
	text-align:center;
  animation-name: fadeCons;
  animation-duration: 1s;
  animation-iteration-count: infinite;
  animation-timing-function: ease-in-out;
}

.mid_xb_icons {
	width:105px;
	height:81px;
	margin:0 auto;
	opacity:1;
	margin-top:25px;
	position:relative;
	right:7px;
	// background-image: url("../images/icon_xb_hover.png");
	background-image: url("../images/icon_xb.png");
	background-repeat: no-repeat;
	background-position:center center;
	background-size: cover;
	text-align:center;
	opacity:1;
  	transition: 1s;
}

.mid_xb_iconss {
	width:105px;
	height:81px;
	margin:0 auto;
	margin-top:-81px;
	opacity:0.5;
	position:relative;
	right:7px;
	background-image: url("../images/icon_xb_w.png");
	background-repeat: no-repeat;
	background-position:center center;
	background-size: cover;
	text-align:center;
  animation-name: fadeCons;
  animation-duration: 1s;
  animation-iteration-count: infinite;
}


.mid_nt_icons {
	width:105px;
	height:81px;
	margin:0 auto;
	opacity:1;
	margin-top:25px;
	position:relative;
	right:7px;
	// background-image: url("../images/icon_nt_hover.png");
	background-image: url("../images/icon_nt.png");
	background-repeat: no-repeat;
	background-position:center center;
	background-size: cover;
	text-align:center;
	opacity:1;
  	transition: 1s;
}

.mid_nt_iconss {
	width:105px;
	height:81px;
	margin:0 auto;
	margin-top:-81px;
	opacity:0.5;
	position:relative;
	right:7px;
	background-image: url("../images/icon_nt_w.png");
	background-repeat: no-repeat;
	background-position:center center;
	background-size: cover;
	text-align:center;
  animation-name: fadeCons;
  animation-duration: 1s;
  animation-iteration-count: infinite;
}


.mid_mo_icons {
	width:105px;
	height:81px;
	margin:0 auto;
	opacity:1;
	margin-top:25px;
	position:relative;
	right:7px;
	// background-image: url("../images/icon_mo_hover.png");
	background-image: url("../images/icon_mo.png");
	background-repeat: no-repeat;
	background-position:center center;
	background-size: cover;
	text-align:center;
	opacity:1;
  	transition: 1s;
}


.mid_pc_icons {
	width:110px;
	height:85px;
	margin:0 auto;
	opacity:1;
	margin-top:25px;
	position:relative;
	right:7px;
	// background-image: url("../images/icon_pc_hover.png");
	background-image: url("../images/icon_pc.png");
	background-repeat: no-repeat;
	background-position:center center;
	background-size: cover;
	text-align:center;
	opacity:1;
  	transition: 1s;
}

.mid_mo_iconss {
	width:105px;
	height:81px;
	margin:0 auto;
	margin-top:-81px;
	opacity:0.5;
	position:relative;
	right:7px;
	background-image: url("../images/icon_mo_w.png");
	background-repeat: no-repeat;
	background-position:center center;
	background-size: cover;
	text-align:center;
  animation-name: fadeCons;
  animation-duration: 1s;
  animation-iteration-count: infinite;
}

.mid_pc_iconss {
	width:110px;
	height:85px;
	margin:0 auto;
	margin-top:-85px;
	opacity:0.5;
	position:relative;
	right:7px;
	background-image: url("../images/icon_pc_w.png");
	background-repeat: no-repeat;
	background-position:center center;
	background-size: cover;
	text-align:center;
  animation-name: fadeCons;
  animation-duration: 1s;
  animation-iteration-count: infinite;
}

@keyframes fadeCons {
  0%   {opacity: 0;}
  25%  {opacity: .2;} 
  50%  {opacity: .2;} 
  100% {opacity: 0;}
} 

.mid_a_card ,.mid_b_card ,.mid_x_card ,.mid_z_card ,.mid_p_card {
	min-height:185px;
}

.mid_a_card:hover .mid_ps_icons {
	background-image: url("../images/icon_ps.png");
	opacity:1;
}
.mid_b_card:hover .mid_xb_icons {
	background-image: url("../images/icon_xb.png");
	opacity:1;
}
.mid_x_card:hover .mid_nt_icons {
	background-image: url("../images/icon_nt.png");
	opacity:1;
}
.mid_z_card:hover .mid_mo_icons {
	background-image: url("../images/icon_mo.png");
	opacity:1;
}
.mid_p_card:hover .mid_pc_icons {
	background-image: url("../images/icon_pc.png");
	opacity:1;
}



.hbox_inner {
	z-index:1;border-radius:6px;
	background: linear-gradient(to top, rgba(252,252,252,1), rgba(255,255,255,1), rgba(252,252,252,1));width:calc(100%);right:0px;
	height:calc(100%);
	position:absolute;
	box-shadow:inset 0px 0px 7px rgba(0,0,0,.1);
}


.mid_box_ap_cover {
	 background-image: url("../images/boxpat.png");
	background-repeat: no-repeat;
	background-position:bottom left;
	background-size: 220px 220px;
	margin-right:-10px;
	margin-top:0px;
	position:absolute;
	width:100%;
	height:100%;
	z-index:-1;
	opacity:0.05;
}


.mid_box_az_cover {
	 background-image: url("../images/boxglow.png");
	background-repeat: no-repeat;
	background-position:bottom right;
	background-size: 400px 258px;
	margin-right:10px;
	margin-top:5px;
	right:0;
	top:0;
	position:absolute;
	width:100%;
	height:100%;
	z-index:-1;
	opacity:0.05;
}



.btn-primary {
	border:0px solid rgba(255,255,255,0);
	border-color:rgba(255,255,255,0);
	background-color:#df6326 !important;
	border-color:#ddd;
//	border:1px solid #ddd;
	text-shadow: 0px 0px 3px rgba(0,0,0,1);
	color:#fff;
	box-shadow:inset 0px 0px 10px rgba(255,181,0,1);
}

.btn-primary:hover {
	background-color:#bd2507 !important;
	color:#fff;
}


.mid_a_card:hover .mid_ps_iconss {
    animation-play-state: paused;
	opacity:0;
	display:none;
}
.mid_b_card:hover .mid_xb_iconss {
    animation-play-state: paused;
	opacity:0;
	display:none;
}
.mid_x_card:hover .mid_nt_iconss {
    animation-play-state: paused;
	opacity:0;
	display:none;
}
.mid_z_card:hover .mid_mo_iconss {
    animation-play-state: paused;
	opacity:0;
	display:none;
}
.mid_p_card:hover .mid_pc_iconss {
    animation-play-state: paused;
	opacity:0;
	display:none;
}



.navbar-darks.scrolled {
}

.mid_box_xb_cover {
	// background-image: url("../images/mid_box_xb_cover.png");
	background-repeat: repeat;
	background-position:center center;
	background-size: 47px 21px;
	position:absolute;
	width:100%;
	height:100%;
	z-index:-1;
	opacity:0.6;
}

.mid_box_ps_cover {
	// background-image: url("../images/mid_box_ps_cover.png");
	background-repeat: repeat;
	background-position:center center;
	background-size: 108px 21px;
	position:absolute;
	width:100%;
	height:100%;
	z-index:-1;
	opacity:0.6;
}

.mid_box_nt_cover {
	// background-image: url("../images/mid_box_nt_cover.png");
	background-repeat: repeat;
	background-position:center center;
	background-size: 108px 21px;
	position:absolute;
	width:100%;
	height:100%;
	z-index:-1;
	opacity:0.6;
}


.mid_box_ap_cover {
	 background-image: url("../images/boxpat.png");
	background-repeat: no-repeat;
	background-position:bottom left;
	background-size: 220px 220px;
	margin-right:0px;
	margin-top:0px;
	position:absolute;
	width:100%;
	height:100%;
	z-index:-1;
	opacity:0.05;
}

.card-title {
	font-size:18px;
	color:#444;
	text-shadow:1px 1px 3px #fff;
}


.mid_box_az_cover {
	 background-image: url("../images/boxglow.png");
	background-repeat: no-repeat;
	background-position:bottom right;
	background-size: 400px 258px;
	margin-right:10px;
	margin-top:5px;
	right:0;
	top:0;
	position:absolute;
	width:100%;
	height:100%;
	z-index:-1;
	opacity:0.03;
}



.mid_ps_icons {
	width:105px;
	height:81px;
	margin:0 auto;
	opacity:1;
	margin-top:25px;
	position:relative;
	right:7px;
	// background-image: url("../images/icon_ps_hover.png");
	background-image: url("../images/icon_ps.png");
	background-repeat: no-repeat;
	background-position:center center;
	background-size: cover;
	text-align:center;
	opacity:1;
  	transition: 1s;
}

.mid_ps_iconss {
	width:105px;
	height:81px;
	margin:0 auto;
	margin-top:-81px;
	opacity:0.5;
	position:relative;
	right:7px;
	background-image: url("../images/icon_ps_w.png");
	background-repeat: no-repeat;
	background-position:center center;
	background-size: cover;
	text-align:center;
  animation-name: fadeCons;
  animation-duration: 1s;
  animation-iteration-count: infinite;
  animation-timing-function: ease-in-out;
}

.mid_xb_icons {
	width:105px;
	height:81px;
	margin:0 auto;
	opacity:1;
	margin-top:25px;
	position:relative;
	right:7px;
	// background-image: url("../images/icon_xb_hover.png");
	background-image: url("../images/icon_xb.png");
	background-repeat: no-repeat;
	background-position:center center;
	background-size: cover;
	text-align:center;
	opacity:1;
  	transition: 1s;
}

.mid_xb_iconss {
	width:105px;
	height:81px;
	margin:0 auto;
	margin-top:-81px;
	opacity:0.5;
	position:relative;
	right:7px;
	background-image: url("../images/icon_xb_w.png");
	background-repeat: no-repeat;
	background-position:center center;
	background-size: cover;
	text-align:center;
  animation-name: fadeCons;
  animation-duration: 1s;
  animation-iteration-count: infinite;
}


.mid_nt_icons {
	width:105px;
	height:81px;
	margin:0 auto;
	opacity:1;
	margin-top:25px;
	position:relative;
	right:7px;
	// background-image: url("../images/icon_nt_hover.png");
	background-image: url("../images/icon_nt.png");
	background-repeat: no-repeat;
	background-position:center center;
	background-size: cover;
	text-align:center;
	opacity:1;
  	transition: 1s;
}

.mid_nt_iconss {
	width:105px;
	height:81px;
	margin:0 auto;
	margin-top:-81px;
	opacity:0.5;
	position:relative;
	right:7px;
	background-image: url("../images/icon_nt_w.png");
	background-repeat: no-repeat;
	background-position:center center;
	background-size: cover;
	text-align:center;
  animation-name: fadeCons;
  animation-duration: 1s;
  animation-iteration-count: infinite;
}


.mid_mo_icons {
	width:105px;
	height:81px;
	margin:0 auto;
	opacity:1;
	margin-top:25px;
	position:relative;
	right:7px;
	// background-image: url("../images/icon_mo_hover.png");
	background-image: url("../images/icon_mo.png");
	background-repeat: no-repeat;
	background-position:center center;
	background-size: cover;
	text-align:center;
	opacity:1;
  	transition: 1s;
}


.mid_pc_icons {
	width:110px;
	height:85px;
	margin:0 auto;
	opacity:1;
	margin-top:25px;
	position:relative;
	right:7px;
	// background-image: url("../images/icon_pc_hover.png");
	background-image: url("../images/icon_pc.png");
	background-repeat: no-repeat;
	background-position:center center;
	background-size: cover;
	text-align:center;
	opacity:1;
  	transition: 1s;
}

.mid_mo_iconss {
	width:105px;
	height:81px;
	margin:0 auto;
	margin-top:-81px;
	opacity:0.5;
	position:relative;
	right:7px;
	background-image: url("../images/icon_mo_w.png");
	background-repeat: no-repeat;
	background-position:center center;
	background-size: cover;
	text-align:center;
  animation-name: fadeCons;
  animation-duration: 1s;
  animation-iteration-count: infinite;
}

.mid_pc_iconss {
	width:110px;
	height:85px;
	margin:0 auto;
	margin-top:-85px;
	opacity:0.5;
	position:relative;
	right:7px;
	background-image: url("../images/icon_pc_w.png");
	background-repeat: no-repeat;
	background-position:center center;
	background-size: cover;
	text-align:center;
  animation-name: fadeCons;
  animation-duration: 1s;
  animation-iteration-count: infinite;
}

@keyframes fadeCons {
  0%   {opacity: 0;}
  25%  {opacity: .2;} 
  50%  {opacity: .2;} 
  100% {opacity: 0;}
} 

.mid_a_card ,.mid_b_card ,.mid_x_card ,.mid_z_card ,.mid_p_card {
	min-height:185px;
	padding:0px;border-radius:7px;
}

.mid_a_card:hover .mid_ps_icons {
	background-image: url("../images/icon_ps.png");
	opacity:1;
}
.mid_b_card:hover .mid_xb_icons {
	background-image: url("../images/icon_xb.png");
	opacity:1;
}
.mid_x_card:hover .mid_nt_icons {
	background-image: url("../images/icon_nt.png");
	opacity:1;
}
.mid_z_card:hover .mid_mo_icons {
	background-image: url("../images/icon_mo.png");
	opacity:1;
}
.mid_p_card:hover .mid_pc_icons {
	background-image: url("../images/icon_pc.png");
	opacity:1;
}

.mid_ps_title,.mid_xb_title,.mid_nt_title,.mid_mo_title {
	width:calc(100% - 16px);
	margin:0 auto;
	margin-right:15px;
	margin-top:10px;
	font-size:19px;
	text-align:center;
	cursor:default;
	color:rgba(255,255,255,1);
	padding:2px;
	background:red;
	border-radius:25px;
	cursor:pointer;
	text-shadow:0px 0px 5px rgba(0,0,0,.85);
	// background:linear-gradient(to top, rgba(20,20,20,1), rgba(50,50,50,1), rgba(20,20,20,1)); 
	background:linear-gradient(to top, rgba(150,150,150,1), rgba(180,180,180,1), rgba(150,150,150,1)); 
	box-shadow:inset 0px 0px 5px rgba(255,255,255,.96);
}

.hbox_inner {
	z-index:1;border-radius:6px;
	background: linear-gradient(to top, rgba(245,245,245,1), rgba(255,255,255,1), rgba(245,245,245,1));width:100%;
	height:100%;
	position:absolute;
	box-shadow:inset 0px 0px 7px rgba(0,0,0,.1);
}

.mid_a_card:hover .mid_ps_title {
	background:linear-gradient(to top, rgba(150,150,150,1), rgba(205,205,205,1), rgba(150,150,150,1)); 
	text-shadow:0px 0px 5px rgba(0,0,0,1);
}

.mid_b_card:hover .mid_xb_title {
	background:linear-gradient(to top, rgba(150,150,150,1), rgba(205,205,205,1), rgba(150,150,150,1)); 
	text-shadow:0px 0px 5px rgba(0,0,0,1);
}

.mid_x_card:hover .mid_nt_title {
	background:linear-gradient(to top, rgba(150,150,150,1), rgba(205,205,205,1), rgba(150,150,150,1)); 
	text-shadow:0px 0px 5px rgba(0,0,0,1);
}

.mid_z_card:hover .mid_mo_title {
	background:linear-gradient(to top, rgba(150,150,150,1), rgba(205,205,205,1), rgba(150,150,150,1)); 
	text-shadow:0px 0px 5px rgba(0,0,0,1);
}



.back-shapes {
  width: 100%;
  height: 100%;
  position: absolute;
  top:0;
  right:0;
  overflow: hidden;
  opacity: 0.55;
  animation-name: floatingzz;
  -webkit-animation-name: floatingzz;
  animation-duration: 2s;
  -webkit-animation-duration: 2s;
  animation-iteration-count: infinite;
  -webkit-animation-iteration-count: infinite;
  box-shadow:inset 0px 0px 15px rgba(255,105,0,0.3);
}

.back-shapes img {
  opacity: 0.2;
  position: absolute;
  width: 1.5%;
}

.floatingz {
  position: absolute;
  animation-name: floatingz;
  -webkit-animation-name: floatingz;
  animation-duration: 5s;
  -webkit-animation-duration: 5s;
  animation-iteration-count: infinite;
  -webkit-animation-iteration-count: infinite;
}
.floatingz.circlez {
  display: inline-block;
  width: 29px;
  height: 29px;
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACcAAAAnCAYAAACMo1E1AAAABHNCSVQICAgIfAhkiAAAA0pJREFUWIXdmL1O40AQx8fZ5BxQCqRrLqKxqKjAOl0JvMHxBIjHyCu4dGkJ+khpQNa9QeTyZIkihbtYCKWwbC1KFXbtvYJxbrIYMOBD1o20UhDe//x2dnb2w1BKQVut25SQYRhG+Vs1NGLjvToI0yHNwKawFWV7L+yb4AhQFwC6QRB8tyzrxDTN3V6vN2SMfc3zPBVCLFar1d18Pp8eHR2FACCxvQ1UKfVqg8eIMADo+75/kKbphRDiVtUwIcRtmqYXvu8fAEAfdYxafmuC9TzPs5IkuSyK4qEOlG5FUTwkSXLpeZ4FAL06gHXA+mEYnkops1f851LKe6VU/tJHUsosDMNTjOKLgK+CxXE8KopCVDjhWZZNZrPZ2Xg83rdtewcABrZt74zH4/3ZbHaWZdlESskroijiOB69BvgSmBnH8ahq9JzzK8dxLBTvweZqLRdNDwD6juNYnPOrKh0ENJ8DfDbHwjA81SMmpUyiKDoHgO06iU0W0nYURedSykSPIE5xZQ5WCTLP8yw9x5bL5dR13b26yVw1YNd195bL5VQbcIaLhL0IV+ZZkiSXesQQrPtWME2767runh7BJEkuq/LvSdR83z/QywVO5Zf3gmmAX6IoOtem9wHr4Eb09M5mmqYXtCPn/AoAtgCg8xEw4qMDAFv6IknT9AIAzEo4HNWAVn4pJcdV+SQfPgjIHMexaJkRQtwCwIDOzkaHIAiO6WiyLJvUKZbvnN5+lmUT6i8IgmMaiA7ZZpllWSd0310sFr8AIFeo2JShXo76a0P/rPybwhmmae7Sj29ubn4DQN4kGLEc9deG/tfnwo0wc86vSZRz3JIanVI6tbZt7yiyF3POr4Gk0QYcLZBSynvQEvQf5N0ADwtKqcdCT+HotEKe52n5mzE2sG27sWN8ldm23WWMDar8A2DOYYIqIcSC/m80Gn0DmgPNmoH66wChf1UuQBo5tVqt7mjvw8PDH0BWT8PGUH9t6H9dGShcPp/Pp/Tj4XD4EwAYvVk1YajHUH9t6P9vddATtJU7BHZq595ajqjNp5L2nufK6LXyJEyFWnmHIKLtu31pgO27t+qArbvxa4DteyvRAD/9lanV73P/z8tmDVgAaMGb8GfYHwpq7kYvpXclAAAAAElFTkSuQmCC");
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
  filter: invert(1) brightness(2);
  opacity: 0.15;
}
.floatingz.squarez {
  display: inline-block;
  width: 25px;
  height: 25px;
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACMAAAAjCAYAAAAe2bNZAAAABHNCSVQICAgIfAhkiAAAAUNJREFUWIXt2DFugzAUBuD/EVMGJMyQsZ3aA+QQ3ZjrIzKQgYWD5ACVOjRjBkBiSHF4XRJEIzmBCgiD/83Ysj9ZxrJNzIylRHQLREQAaMbxmTuz0WKUUk9Zlj0XRbHSWk8OEkKwlPKklNonSfLTYojISdP0JYqiz6kR16nr+o2Ivpi5cS4fy7JczQ25Hte51XDuCFOF1vpQVdWOiEb73ZiZfN/fCCHWgzBVVe3CMPwAcAQwBogAeHmeb6WU74Mw5xk5jozBrZk2Yjr5sxf8W0L3d4tFLWCLMcViTLEYUyzGFIsxxWJMsRhTFoXpc7iiPgejPv3ca2DEMDMB8C7FkTDeud9hGN/3N3meb6e4HQzGCCHWplP8VFnUAm4xQRCcHgHojisAgJkbpdS367qvc79CxHG8Z+YGAKh7JXr0+wwt6eXqFzNGfAM6wJFPAAAAAElFTkSuQmCC");
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
  filter: invert(1) brightness(2);
  opacity: 0.15;
}
.floatingz.trianglez {
  display: inline-block;
  width: 25px;
  height: 25px;
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACkAAAAjCAYAAAAJ+yOQAAAABHNCSVQICAgIfAhkiAAABARJREFUWIXNVj2IGlsU/sa/3XWDRWCICyFNTF4Rq7AQSJUmiKRN2rAuBlKlM03gRV4lj9hYmSLwigQMCA9iZcAmNrIpDLurNiNKoiiODE+HmXXezNz7ird3ubvPdf17cQ9MMXfunPud75zvniNQSnHZzbFqANPYUkEKguDY3t52C4Kw3OAppUt5ADjC4bBP1/U/w+GwD4Bjab6XBFAAsNZqtV5RSmmr1XoFYA2AcJlAOlOp1E3btgeUUmrb9iCVSt0E4LwUII9Z3FAU5T3lTFGU9wA2lsHmMkC6isXiA0qpTU+bXSwWHwBwrRQk/r0dNnVd/0rHmK7rXwFsLiqiRUF66vX6cx7Y0dGRxL/X6/XnADwrAQnAEYvF/KZpdhkgwzB+7O7u/mIYxg+2ZppmNxaL+Rdhc16AAoD1Xq+X4lmr1Wo7ADZrtdoOv97r9VIA1ucV0bwgnblc7i4hxGBANE0rHtefE8CmpmlF9o0QYuRyubvzXklzpRmAV1XVzxwIq1Ao3GdKBuAqFAr3CSEW26Oq6mcA3nnSPg9Id6VSecKns9/vv+PTycqh3++/4/dVKpUnANz/K0gAjlAodNUwjBMFW5alJBKJG2cZAuBIJBI3LMtS2F7DMKRQKHR1VjZnFctau91+zbPTbDZj510xADzNZjPG72+3269n7esziSWdTt+ybVtlB45Go0ogEDh34gHgCAQCvtFoVGH/2LatptPpW7OIaBYWNxRF+cizUi6XH13U9gC4yuXyI/4/RVE+ztLXpwXpKpVKDymlhB00GAw+TXMQC3AwGHzicJJSqfRw2r4+lVhEUbyi6/q3kxMIOcpkMsFpUwbAmclkgoSQI+ZD1/VvoihemUZE0xzgaTQaL/h0dTqdN7MUPxNdp9N5w/tpNBovpunrF7IYj8evW5YlM8emabaj0ei1ma8RwBGNRq+ZptlmvizLkuPx+PWLfF0U/bosy2/56CVJejbvVAPAI0nSM96fLMtvL+rrE8WSz+fvEUJM5lDTtL1F5kM2f2qatsd8EkLMfD5/b5KIJjpTVfULF/RSJu1xk7yqql8mBX+eI3e1Wn3Kp0VRlA+z3G0TQLI79wPvv1qtPj2vr49lMRKJiIZhfD+h0LaHyWTyNgDP8Si26ONJJpO3bdsesjMMw/geiUTEcWyyqQUAIAiCAMDT6XR+8/v9L9m6LMvZw8PDP3w+n4kl2XA4dAeDwR1RFB+ztW63+/vW1tavAP6mPLAzLDqz2ewdQohOV2CEED2bzd7BmSbxn1o5075+uo1rt6dYlCQpvEqAzCRJCvNsurgyIfv7+3sHBwcBXdcdlmUJy6q/ac3lclGv10sopX8BIGx9nHB+OrgxRikH7BTIy2r/AAlu0j5Iy8AaAAAAAElFTkSuQmCC");
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
  filter: invert(1) brightness(2);
  opacity: 0.15;
}
.floatingz.crossz {
  display: inline-block;
  width: 25px;
  height: 25px;
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACUAAAAlCAYAAADFniADAAAABHNCSVQICAgIfAhkiAAAAgJJREFUWIXN2MFO4zAQBuDfbSpaiUOvvTRS3w6EoEChwAvsZS9IvAnwOK5rV5V7Se8cNrOHNVXWpMk4caEj5dDInvkySeMkgohwbNH5aUBZJP4OIYQA0HU//9ABWllXo+MN7gDobzab+/V6fQbgxCWIDTqx1k6ttdPSGkQEBxUABsaYJ/oXuZTyGkAfgPgc12ZzNfpa6zkR5USUa63nfo3ihMRae0f/Ry6lvIkBKwHtalhrZwCSz7H+hU5u23V7Mpn8llKel7Y58JRpra/G4/EvB9wfjCMhIsoXi8Vtk47V5a08fZwEy+UyCNYE9AUVE9YUVIpiwmZVsDagvag2sLagShQTdlcsEANUiwqEJTFALBSzA/cAhjFAbBQHlmXZWwxQEIoB86MRKBhVgA2UUg8VsFwp9QBgEApqhHKwLoBhlmXvZaLtdvsKYAig2yj/ATs1/5ZOhV5T/n0sOorx73sv298EFgXk/mV771N1a2UwKmDpqLyjh8BigVhrH/uxJxaIO48Diwrizq97tI4O4uapeks6CKgt7GAgbl6l1NTPW5ycWGtnMUFc2Gq1ukTFy6gfZIx5TNP0GcAHuQqh4eZ9pGn6bIx5hPfC2+v1Tv0J+46mdYc4HTPGPMFbuEXx4AtfRC4AYDQavbTpUFl4NUShRr4b49c7hu9TX1DHEEf5efEvSKr5qd+QqggAAAAASUVORK5CYII=");
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
  filter: invert(1) brightness(2);
  opacity: 0.15;
}



.floatingz.circlezz {
  display: inline-block;
  font-size:30px;
  width: 29px;
  height: 29px;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
  filter: invert(1) brightness(2);
  opacity: 0.15;
  color:white;
  font-size:30px;
}
.floatingz.squarezz {
  display: inline-block;
  font-size:30px;
  width: 25px;
  height: 25px;
  background-repeat: no-repeat;
  background-position: center center;
  filter: invert(1) brightness(2);
  opacity: 0.15;
  color:white;
  font-size:30px;
}
.floatingz.trianglezz {
  display: inline-block;
  font-size:30px;
  width: 25px;
  height: 25px;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
  filter: invert(1) brightness(2);
  opacity: 0.15;
  color:white;
  font-size:30px;
}
.floatingz.crossz {
  display: inline-block;
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACUAAAAlCAYAAADFniADAAAABHNCSVQICAgIfAhkiAAAAgJJREFUWIXN2MFO4zAQBuDfbSpaiUOvvTRS3w6EoEChwAvsZS9IvAnwOK5rV5V7Se8cNrOHNVXWpMk4caEj5dDInvkySeMkgohwbNH5aUBZJP4OIYQA0HU//9ABWllXo+MN7gDobzab+/V6fQbgxCWIDTqx1k6ttdPSGkQEBxUABsaYJ/oXuZTyGkAfgPgc12ZzNfpa6zkR5USUa63nfo3ihMRae0f/Ry6lvIkBKwHtalhrZwCSz7H+hU5u23V7Mpn8llKel7Y58JRpra/G4/EvB9wfjCMhIsoXi8Vtk47V5a08fZwEy+UyCNYE9AUVE9YUVIpiwmZVsDagvag2sLagShQTdlcsEANUiwqEJTFALBSzA/cAhjFAbBQHlmXZWwxQEIoB86MRKBhVgA2UUg8VsFwp9QBgEApqhHKwLoBhlmXvZaLtdvsKYAig2yj/ATs1/5ZOhV5T/n0sOorx73sv298EFgXk/mV771N1a2UwKmDpqLyjh8BigVhrH/uxJxaIO48Diwrizq97tI4O4uapeks6CKgt7GAgbl6l1NTPW5ycWGtnMUFc2Gq1ukTFy6gfZIx5TNP0GcAHuQqh4eZ9pGn6bIx5hPfC2+v1Tv0J+46mdYc4HTPGPMFbuEXx4AtfRC4AYDQavbTpUFl4NUShRr4b49c7hu9TX1DHEEf5efEvSKr5qd+QqggAAAAASUVORK5CYII=");
  font-size:30px;
  width: 25px;
  height: 25px;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
  filter: invert(1) brightness(2);
  opacity: 0.15;
  color:white;
  font-size:30px;
}


@keyframes floatingz {
  0% {
    transform: translateY(0%) rotate(-95deg);
  }
  50% {
    transform: translateY(300%) rotate(95deg);
  }
  100% {
    transform: translateY(0%) rotate(-95deg);
  }
}
@-webkit-keyframes floatingz {
  0% {
    -webkit-transform: translateY(0%) rotate(-95deg);
  }
  50% {
    -webkit-transform: translateY(300%) rotate(95deg);
  }
  100% {
    -webkit-transform: translateY(0%) rotate(-95deg);
  }
}

@keyframes floatingzz {
  0% {
    opacity:.25;
  }
  50% {
    opacity:.35;
  }
  100% {
    opacity:.25;
  }
}
@-webkit-keyframes floatingzz {
  0% {
    opacity:.25;
  }
  50% {
    opacity:.35;
  }
  100% {
    opacity:.25; 
  }
}
		
		
@-webkit-keyframes ripple {
  from {
    transform: scale(0);
    opacity: 1;
  }
  to {
    transform: scale(1);
    opacity: 0;
  }
}

@keyframes ripple {
  from {
    transform: scale(0);
    opacity: 1;
  }
  to {
    transform: scale(1);
    opacity: 0;
  }
}
.multi-ripple {
	transform:scale(2);
  width: 2.6rem;
  height: 2.6rem;
  margin: 2rem auto;
  
}
.multi-ripple div {
  position: absolute;
  width: 2rem;
  height: 2rem;
  border-radius: 50%;
  border: 0.3rem solid #eb5e00;
  -webkit-animation: 1.5s ripple infinite;
          animation: 1.5s ripple infinite;
}
.multi-ripple div:nth-child(2) {
  border-color:#eb2700;
  opacity: 0;
  -webkit-animation-delay: 0.5s;
          animation-delay: 0.5s;
}

.pttitle {
	width:1px;
	height:1px;
	opacity:0;
	position:absolute;
}

.ptdesc {
	width:1px;
	height:1px;
	opacity:0;
	position:absolute;
}

.ptlinks {
	width:1px;
	height:1px;
	opacity:0;
	position:absolute;
}

		
#slider1_container {
	border-bottom-left-radius:12px;
	border-bottom-right-radius:12px;
	overflow:hidden;
	border:10px solid rgba(255,255,255,1);
	border-top:0px;
	min-height:165px;
	box-shadow:inset 0px 8px 10px rgba(0,0,0,.37) ,0px 3px 15px rgba(0,0,0,0.15);
	box-shadow:inset 0px 0px 45px rgba(255,255,255,0.85),0px 3px 15px rgba(0,0,0,0.15);
	background:linear-gradient(to right, rgba(255,255,255,1),rgba(228,247,255,1),rgba(228,247,255,1), rgba(228,247,255,1), rgba(228,247,255,1), rgba(255,255,255,1)); 
	position: relative; 
	margin: 0 auto;
	top: 0px; 
	left: 0px; 
	width:100%; 
	width: 100%;
	max-width: 1300px; 
	padding:10px;
	height: 320px;
	overflow: hidden;
	margin-top:-25px;
}