@import url("reset.css");
@import url("fonts.css");

/*FONTS*/

body{ padding:0px; margin:0px; color:#333; font-size:12px; font-family:"Calibri", Lucida Sans Unicode, Lucida Grande, sans-serif; background-color: #ebebeb;}
html, .h100 {height: 100%;}

/* Anchors
---------------------------------------------------*/
h1 {color:#333; font-family: 'chunkfive'; font-size:38px; font-weight:normal; margin:0 0 15px 0;}
h1 span {color:#de2a2a; font-size:25px; display:inline-block; margin:0 0 0 15px;}
h2 {}
h3 {}
p {font-size:13px; line-height:17px; margin:0 0 15px 0;}
a:focus { outline:none;}
a{ text-decoration:none; color:#000;}
a:hover { text-decoration:none !important;}
hr { border:none; height:1px !important; background-color:#de2a2a; display:block; margin:5px 0;}

/* Font Hacks
---------------------------------------------------*/
.font-09{ font-size:9px; } .font-10{ font-size:10px; } .font-11{ font-size:11px; } .font-12{ font-size:12px; } .font-13{ font-size:13px; } .font-14{ font-size:14px; } .font-16{ font-size:16px; } .font-18{ font-size:18px; } .font-20{ font-size:20px; } .font-21{ font-size:21px; } .font-22{ font-size:22px; } .font-24{ font-size:24px; } .font-25 { font-size:25px;} .font-26{ font-size:26px; } .font-27{ font-size:27px;} .font-28{ font-size:28px; } .font-30{ font-size:30px; } .font-31{ font-size:31px; } .font-32{ font-size:32px; } .font-34{ font-size:34px; } .font-36{ font-size:36px; } .font-48{ font-size:48px; } .font-72{ font-size:72px; } .font-80{ font-size:80px; } .font-48{ font-size:48px;}

.text-left { text-align:left;}
.text-center { text-align:center;}
.text-rigt { text-align:right;}
.text-justify { text-align:justify;}

/* Button
---------------------------------------------------*/
.btn {}
.btn-primary { }
.btn-warning {}
.btn-xs {}


.navbar {text-transform:uppercase; font-family: 'weston';  font-size: 12px; color:#333; margin-top: 45px; margin-bottom: 65px; z-index: 999; }
.navbar ul li { border-top: solid 2px #de2a2a; border-bottom: solid 2px #de2a2a; min-height: 38px;}
.navbar ul li.logo{  position:relative; min-width: 250px;}
.navbar ul li.logo a{ position: absolute; left:50px; top: -50px; } 
.navbar .nav-item.active .nav-link,
.navbar .nav-item:hover .nav-link {
    background-color:#de2a2a; color:#FFF !important;
}
/*SUBMENU*/
.navbar ul li ul { display:none; position:absolute; top:34px; left:0; width:100%; background-color:#FFF; padding:5px; z-index:400; border: solid 1px #de2a2a;}
.navbar ul li ul li { width:100%; float:none; text-align:left; border:0; height: auto; min-height: unset;}
.navbar ul li ul li a {color:#222222; padding:5px; font-size: 12px; display: block; }
.navbar ul li ul li:last-child a { border:none; }
.navbar ul li ul li:hover > a { background-color:transparent; color:#de2a2a; border: none; text-decoration: none;}


/*asdf*/
.navbar .nav-item .dropdown-menu{ display: none; }
.navbar .nav-item:hover .nav-link{ color: #fff;  }
.navbar .nav-item:hover .dropdown-menu{ display: block; }
.navbar .nav-item .dropdown-menu{ margin-top:0; }
.dropdown-menu .dropdown-toggle:after{
  border-top: .3em solid transparent;
  border-right: 0;
  border-bottom: .3em solid transparent;
  border-left: .3em solid;
}
.navbar .dropdown-menu .dropdown-menu{
  margin-left:0; margin-right: 0;
}
.navbar .dropdown-menu li{
  position: relative;
}
.navbar .nav-item .submenu{ 
  display: none;
  position: absolute;
  left:100%; top:-7px;
  border-radius: .25rem;
}
.navbar .nav-item .submenu-left{ 
  right:100%; left:auto;
}
.navbar .dropdown-menu > li:hover{ background-color: #f1f1f1 }
.navbar .dropdown-menu > li:hover > .submenu{
  display: block;
}
/* Sub sub menu */



/* Wrapper
--------------------------------------------------*/
#loading { width:100%; height:100%; background-color:#999; position:absolute; top:0; left:0; z-index:499;}
#wrapper { width:980px; margin:0 auto;}
.meu-col-left, .meu-col-center, 
.meu-col-right { float:left;}
.meu-col-left { width:290px;}
.meu-col-right { margin-left:140px; float:right;}
.meu-col-center { width:200px;}
#menu { margin:70px 0; padding:0 100px; border-top:solid 2px #de2a2a;  border-bottom:solid 2px #de2a2a; font-size: 12px;}
#menu ul { margin:0; padding:0;}
#menu ul li { float:left; list-style:none; display:block; width:145px; text-align:center; position:relative;}
#menu ul li a { display:block; color:#333; text-decoration:none; text-transform:uppercase; font-family: 'weston'; padding:5px 0;}
#menu ul li:hover > a, #menu ul li.current > a { background-color:#de2a2a; color:#FFF;}
/* Submenu */
#menu ul li ul { display:none; position:absolute; top:24px; left:0; width:100%; background-color:#FFF; padding:5px; z-index:400;
-webkit-box-shadow:3px 3px 10px #000;
-moz-box-shadow:3px 3px 10px #000;
box-shadow:3px 3px 10px #000;
}
#menu ul li:hover ul.sub { display:block;}
#menu ul li ul li { width:100%; float:none; text-align:left;}
#menu ul li ul li a {color:#222222; border-bottom:dotted 2px #222222; display:block; padding:5px;}
#menu ul li ul li:last-child a { border:none;}
#menu ul li ul li:hover > a { background-color:transparent; color:#de2a2a;}
/* Sub sub menu */
#menu ul li ul li ul { display:none; position:relative; margin:0; padding:0; top: 0;
-webkit-box-shadow:none;
-moz-box-shadow:none;
box-shadow:none;
}
#menu ul li ul li ul li { float:none; display:block; text-align:center;}
#menu ul li ul li ul li a { border:none; color:#8C8C8C;}

#logo { width:140px; margin:0 auto; position:relative;}
#logo a { display:block; height:137px; position:absolute; top: -65px;}

#slider { margin:0 0 15px 0;}

/* Category */
#category { margin:0 0 25px 0;}
#category ul li a { display:block; font-size:23px; font-family: 'chunkfive'; color:#333; text-align:center;}
#category ul li:hover a, #category ul li.active a {color:#de2a2a;}


#products ul li a { display:block; font-size:23px; font-family: 'chunkfive'; color:#333; text-align:center;}
#products ul li:hover a, #category ul li.active a {color:#de2a2a;}


.onetoy { margin:15px 0;}
.onetoy ul li a, .liga-footer { display:block; font-size:16px; color:#333;}
.onetoy ul li a i { margin:0 0 0 10px; color:#de2a2a;}
.onetoy ul li:hover a, .liga-footer:hover {color:#BF2E2E;}
.onetoy ul li:hover a i {color:#de2a2a;}

/* Product */
dl { margin:0 0 10px 0;}
.product-text h4 {color:#de2a2a; font-family: 'chunkfive'; font-size:20px;}
.product-text p { font-size:14px;}

/* Testimonials*/
#testimonials h4{color:#de2a2a;}
#testimonials > div { padding:20px 0; border-bottom:solid 1px #EEE;}
#testimonials > div:last-child { border:none;}

/* Contact*/
#contactform {}
#contactform .input { display:block; background-color:transparent; border:solid 1px #333; padding:7px; text-transform:uppercase; width:100%; margin:0 0 10px 0; font-family: 'weston'; font-size:13px;}
.submit { background-color:#de2a2a; color:#fff; font-family: 'weston'; padding:6px 10px; border:none; cursor:pointer;}
label.error { display:none !important; }
input.error, textarea.error, select.error { border:solid 1px #F00 !important; -moz-box-shadow:0 0 10px #990000 !important; -webkit-box-shadow:0 0 10px #990000 !important; box-shadow: 0 0 6px #990000 !important; }



/* FOOTER
---------------------------------------------------*/
#footer { margin-top:30px; padding:0 0 5px 0;}

/* RESPONSIVE
---------------------------------------------------*/
/* Large desktop */
@media (min-width: 1200px) {

}

/* Portrait tablet to landscape and desktop */
@media (min-width: 768px) and (max-width: 979px) {	

}

/* Landscape phone to portrait tablet */
@media (max-width: 767px) {
  .navbar{margin-top: 10px; margin-bottom: 15px;}
  .wrapper ul li a{ padding: 4px !important;}
}

/* Landscape phones and down */
@media (max-width: 480px) {
	
}

/* start hover effect
---------------------------------------------------*/
.trans {
-webkit-transition: all 0.3s ease 0s; 
-o-transition: all 0.3s ease 0s; 	
transition: all 0.3s ease 0s;
}

/*rotate*/
.rotate{
  -webkit-transition: all 0.5s ease;
     -moz-transition: all 0.5s ease;
       -o-transition: all 0.5s ease;
      -ms-transition: all 0.5s ease;
          transition: all 0.5s ease;
}
 
.rotate:hover {
  -webkit-transform: rotate(360deg);
     -moz-transform: rotate(360deg);
       -o-transform: rotate(360deg);
      -ms-transform: rotate(360deg);
          transform: rotate(360deg);
}
li.active a img.rotate {
  -webkit-transform: rotate(90deg);
     -moz-transform: rotate(90deg);
       -o-transform: rotate(90deg);
      -ms-transform: rotate(90deg);
          transform: rotate(90deg);
}
/*rotate*/

/*expand*/
.expand
{
	-webkit-transition:all 100ms;
	-o-transition:all 100ms;
	transition:all 100ms;
}

.expand:hover, .circle.active
{
	-webkit-transform:scale(1.05, 1.05);
	-o-transform:scale(1.05, 1.05);
	transform:scale(1.05, 1.05);
}
/*expand*/

/*opacity*/
.opacity{
opacity: 1;
-webkit-transition: opacity;
-webkit-transition-timing-function: ease-out;
-webkit-transition-duration: 250ms;
-moz-transition: opacity;
-moz-transition-timing-function: ease-out;
-moz-transition-duration: 250ms;
}
.opacity:hover{
opacity: 0.8;
-webkit-transition: opacity;
-webkit-transition-timing-function: ease-out;
-webkit-transition-duration: 250ms;
-moz-transition: opacity;
-moz-transition-timing-function: ease-out;
-moz-transition-duration: 250ms;
}
/*opacity*/
/*end hover effect*/



/* CLEARING
---------------------------------------------------*/
.clear5px{clear:both;height:5px;}
.clear7px{clear:both;height:7px;}
.clear10px{clear:both;height:10px;}
.clear15px{clear:both;height:15px;}

.clear { clear:both;}
.clearfix:after {content: "."; display:block; height: 0; clear: both; visibility: hidden;}
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

.wrapper {
  z-index: 1022;
}
.wrapper p {
  font-size: 1.1em;
  font-weight: 300;
  line-height: 1.7em;
  color: #333;
}
.wrapper a,
.wrapper a:hover,
.wrapper a:focus {
  color: inherit;
  font-family: 'weston';
  font-weight: 700;
  text-decoration: none;
  transition: all 0.3s;
}
.wrapper .navbar {
  padding: 15px 10px;
  background: #fff;
  border: none;
  border-radius: 0;
  margin-bottom: 40px;
  box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.1);
}

.wrapper .overlay {
  display: none;
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0;
  background: white;
  z-index: 1021;
  opacity: 0;
  transition: all 0.5s ease-in-out;
}
.wrapper .overlay.active {
  display: block;
  opacity: 0.6;
}

.wrapper .close {
  display: none;
  position: fixed;
  color: #fff;
  top: 10px;
  right: 10px;
  z-index: 1022;
  opacity: 0;
  transition: all 0.5s ease-in-out;
  font-size: 35px;
}
.wrapper.close:hover{
  color: #fff;
}
.wrapper.close.active {
  display: block;
  opacity: 1;
}

.wrapper #sidebar {
  width: 250px;
  position: fixed;
  top: 0;
  left: -250px;
  height: 100vh;
  z-index: 1022;
  background: #de2a2a;
  color: #fff;
  transition: all 0.3s;
  overflow-y: visible;
}
#sidebar.active {
  left: 0;
  box-shadow: 3px 3px 3px rgba(0, 0, 0, 0.2);
}
.wrapper .sidebar-header {
  padding: 20px;
  background: white;
}
.wrapper ul p {
  color: #fff;
  padding: 10px;
}
.wrapper ul li a {
  padding: 12px;
  font-size: 1.1em;
  display: block;
  padding-left: 1.5em;
}

.wrapper ul li a:hover {
  color: #fff;
  background: #de2a2a;
}
.wrapper ul ul a {
  font-size: 0.9em !important;
  padding-left: 30px !important;
  background: #de2a2a;
  text-align: left;
  padding-top: 5px;
  padding-bottom: 5px;
}
a[data-toggle="collapse"] {
  position: relative;
}

.dropdown-toggle::after {
  display: block;
  position: absolute;
  top: 50%;
  right: 20px;
  transform: translateY(-50%);
}