/* DISEÑADO / MAQUETADO / PROGRAMADO POR: POR ZLATAN :) */
/*=====================================================================
  ESTILOS GENERALES:
======================================================================*/
/* BLANCO Y NEGRO */
/* COLORES PRINCIPALES */
/* COLORES SECUNDARIOS */
/* ESCALA DE GRISES PRINCIPALES*/
/* ESCALA DE GRISES OSCUROS Y CLAROS */
/**************** FUENTES ****************/
/* FUENTES PRINCIPALES */
.fp1 {
  font-family: 'Montserrat', sans-serif;
}
.fp2 {
  font-family: 'Montserrat', sans-serif;
}
/* FUENTE TEXTOS */
.ft1 {
  font-family: 'Montserrat', sans-serif;
}
.ft2 {
  font-family: 'Montserrat', sans-serif;
}

/*=====================================================================
  BASE:
======================================================================*/
/**************** GENERALES ****************/
.none {
  display: none;
}
.over {
  overflow: hidden;
}
.f-left {
  float: left;
}
.f-right {
  float: right;
}
.center {
  text-align: center;
}
.relative {
  position: relative;
}
/**************** TIPOGRAFICOS ****************/
h1 {
  font-size: 15px;
  margin: 0px;
}
.strong {
  font-weight: 700;
}
.italic {
  font-style: italic;
}
/**************** OPACIDAD ****************/
.op00 {
  opacity: 0;
  filter: alpha(opacity=00);
}
.op10 {
  opacity: 0.1;
  filter: alpha(opacity=10);
}
.op20 {
  opacity: 0.2;
  filter: alpha(opacity=20);
}
.op30 {
  opacity: 0.3;
  filter: alpha(opacity=30);
}
.op40 {
  opacity: 0.4;
  filter: alpha(opacity=40);
}
.op50 {
  opacity: 0.5;
  filter: alpha(opacity=50);
}
.op60 {
  opacity: 0.6;
  filter: alpha(opacity=60);
}
.op70 {
  opacity: 0.7;
  filter: alpha(opacity=70);
}
.op80 {
  opacity: 0.8;
  filter: alpha(opacity=80);
}
.op90 {
  opacity: 0.9;
  filter: alpha(opacity=90);
}
.op100 {
  opacity: 1;
  filter: alpha(opacity=100);
}
/**************** EFECTOS ****************/
/**************** ESCALA DE GRISES ****************/
/**************** BORDES ****************/
/* BORDES INTELIGENTES */
.border-left {
  -webkit-box-shadow: -1px 0px 0px 0px #e3e3e3;
  -moz-box-shadow: -1px 0px 0px 0px #e3e3e3;
  box-shadow: -1px 0px 0px 0px #e3e3e3;
}
.border-right {
  -webkit-box-shadow: 1px 0px 0px 0px #e3e3e3;
  -moz-box-shadow: 1px 0px 0px 0px #e3e3e3;
  box-shadow: 1px 0px 0px 0px #e3e3e3;
}
.border-bottom {
  -webkit-box-shadow: 0px 1px 0px 0px #e3e3e3;
  -moz-box-shadow: 0px 1px 0px 0px #e3e3e3;
  box-shadow: 0px 1px 0px 0px #e3e3e3;
}
.border-top {
  -webkit-box-shadow: 0px -1px 0px 0px #e3e3e3;
  -moz-box-shadow: 0px -1px 0px 0px #e3e3e3;
  box-shadow: 0px -1px 0px 0px #e3e3e3;
}
/* BORDES CIRCULARES */
.rad5bot {
  -webkit-border-bottom-right-radius: 5px;
  -webkit-border-bottom-left-radius: 5px;
  -moz-border-radius-bottomright: 5px;
  -moz-border-radius-bottomleft: 5px;
  border-bottom-right-radius: 5px;
  border-bottom-left-radius: 5px;
}
.rad10bot {
  -webkit-border-bottom-right-radius: 10px;
  -webkit-border-bottom-left-radius: 10px;
  -moz-border-radius-bottomright: 10px;
  -moz-border-radius-bottomleft: 10px;
  border-bottom-right-radius: 10px;
  border-bottom-left-radius: 10px;
}
.rad5top {
  -webkit-border-top-right-radius: 5px;
  -webkit-border-top-left-radius: 5px;
  -moz-border-radius-topright: 5px;
  -moz-border-radius-topleft: 5px;
  border-top-right-radius: 5px;
  border-top-left-radius: 5px;
}
.rad10top {
  -webkit-border-top-right-radius: 10px;
  -webkit-border-top-left-radius: 10px;
  -moz-border-radius-topright: 10px;
  -moz-border-radius-topleft: 10px;
  border-top-right-radius: 10px;
  border-top-left-radius: 10px;
}
/**************** SOMBRAS ****************/
.sombra {
  background: url(../img/sombra.png) no-repeat top;
  background-size: 100% 10px;
  height: 10px;
  float: left;
  width: 100%;
}
.sombra-mod {
  background: url(../img/sombra.png) no-repeat top;
  background-size: 100% 10px;
  height: 10px;
  opacity: 0.7;
  filter: alpha(opacity=70);
  float: left;
  width: 100%;
  position: absolute;
  bottom: 0px;
  z-index: 100;
}
.sombra-v {
  background: url(../img/sombra-v.png) no-repeat top;
  background-size: 15px 100%;
  height: 100%;
  float: left;
  width: 10px;
}
.sombra-on {
  background: url(../img/sombra-top.png) no-repeat top;
  background-size: 100% 20px;
  height: 20px;
  float: left;
  width: 100%;
}
.sombra-css {
  -webkit-box-shadow: 2px 2px 5px 0px rgba(0, 0, 0, 0.5);
  -moz-box-shadow: 2px 2px 5px 0px rgba(0, 0, 0, 0.5);
  box-shadow: 2px 2px 5px 0px rgba(0, 0, 0, 0.5);
}
.text-shadow {
  text-shadow: 3px 1px 2px rgba(0, 0, 0, 0.7);
}
/**************** FONDOS ****************/
/**************** FONDOS DEGRADE ****************/
.grad-black {
  background: #555555;
  background: -moz-linear-gradient(top, #555555 0%, #252525 100%);
  background: -webkit-linear-gradient(top, #555555 0%, #252525 100%);
  background: linear-gradient(to bottom, #555555 0%, #252525 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#555555', endColorstr='#252525', GradientType=0);
}
/**************** ZLATAN ****************/
#footer_ov {
  float: right;
}
#footer_ov p {
  opacity: 0.7;
  filter: alpha(opacity=20);
  color: #ffffff;
  font-size: 18px;
  float: left;
  margin: 0px 5px 0px 0px;
  font-family: 'Montserrat', sans-serif;
  line-height: 25px;
}
#footer_ov:hover p {
  opacity: 1;
  filter: alpha(opacity=50);
}
#footer_ov img {
  float: left;
}
#footer_ov:hover img {
  opacity: 1;
  filter: alpha(opacity=100);
}
/**************** PAGINADOR ****************/
#paginador {
  float: right;
  width: 100%;
  margin-top: 30px;
  margin-bottom: 30px;
  text-align: center;
}
#paginador .paginador_bottom {
  width: 100%;
  float: right;
  margin: 30px 0px;
}
#paginador .contenedor_paginador {
  display: inline-block;
  margin-bottom: 15px;
  margin-top: 12px;
  float: right;
}
#paginador .text {
  float: left;
  color: #b9b9b9;
  font-weight: 400;
  margin-top: 5px;
}
#paginador .contenedor_paginador a {
  font-family: 'Montserrat', sans-serif;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  background-color: #ffffff;
  margin-left: 8px;
  width: 50px;
  height: 30px;
  line-height: 18px;
  font-size: 15px;
  border: 1px solid #ddd;
  float: left;
  text-align: center;
  padding: 5px;
  color: #636363;
}
#paginador .contenedor_paginador .active,
#paginador .contenedor_paginador a:hover {
  background: #E20613;
  color: #ffffff;
  border: 1px solid #E20613;
}
/**************** SUBIR ****************/
.back-to-top {
  background-color: #d84500;
  cursor: pointer;
  position: fixed;
  bottom: 0;
  right: 15px;
  display: none;
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  border-radius: 0px;
  -webkit-border-top-right-radius: 5px;
  -webkit-border-top-left-radius: 5px;
  -moz-border-radius-topright: 5px;
  -moz-border-radius-topleft: 5px;
  border-top-right-radius: 5px;
  border-top-left-radius: 5px;
  border: none!important;
  z-index: 100000;
}
.back-to-top:hover,
.back-to-top:active,
.back-to-top:focus {
  background-color: #E20613;
}
.btn-primary.active.focus,
.btn-primary.active:focus,
.btn-primary.active:hover,
.btn-primary:active.focus,
.btn-primary:active:focus,
.btn-primary:active:hover,
.open > .dropdown-toggle.btn-primary.focus,
.open > .dropdown-toggle.btn-primary:focus,
.open > .dropdown-toggle.btn-primary:hover {
  background-color: #E20613;
}

 /**************** BASE ****************/ dl, dt, dd, ol, ul, li {margin: 0; padding: 0; } .clear {clear: both; display: block; font-size: 0; height: 0; line-height: 0; width: 100%; overflow: hidden; } ::selection {background: #1ABC9C; color: #FFF; text-shadow: none; } ::-moz-selection {background: #1ABC9C; color: #FFF; text-shadow: none; } ::-webkit-selection {background: #1ABC9C; color: #FFF; text-shadow: none; } :active, :focus {outline: none !important; } body {line-height: 1.5; color: #555; font-family: 'Lato', sans-serif; } a {text-decoration: none!important; color: #1ABC9C; } a:hover {color: #222; } a img {border: none; } img {max-width: 100%; } iframe {border: none !important; } h1, h2, h3, h4, h5, h6 {color: #444; font-weight: 600; line-height: 1.5; margin: 0 0 30px; font-family: 'Raleway', sans-serif; } h5, h6 {margin-bottom: 20px; } h1 {font-size: 36px; } h2 {font-size: 30px; } h3 {font-size: 24px; } h4 {font-size: 18px; } h5 {font-size: 14px; } h6 {font-size: 12px; } h4 {font-weight: 600; } h5, h6 {font-weight: 700; } h1 > span:not(.nocolor):not(.badge), h2 > span:not(.nocolor):not(.badge), h3 > span:not(.nocolor):not(.badge), h4 > span:not(.nocolor):not(.badge), h5 > span:not(.nocolor):not(.badge), h6 > span:not(.nocolor):not(.badge) {color: #1ABC9C; } p, pre, ul, ol, dl, dd, blockquote, address, table, fieldset, form {margin-bottom: 30px; } small {font-family: 'Lato', sans-serif; } .uppercase {text-transform: uppercase !important; } .lowercase {text-transform: lowercase !important; } .capitalize {text-transform: capitalize !important; } .nott {text-transform: none !important; } .tright {text-align: right !important; } .tleft {text-align: left !important; } .fright {float: right !important; } .fleft {float: left !important; } .fnone {float: none !important; } .ohidden {position: relative; overflow: hidden !important; } #wrapper {position: relative; float: none; width: 1220px; margin: 0 auto; background-color: #FFF; box-shadow: 0 0 10px rgba(0, 0, 0, 0.1); -moz-box-shadow: 0 0 10px rgba(0, 0, 0, 0.1); -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.1); } .line, .double-line {clear: both; position: relative; width: 100%; margin: 60px 0; border-top: 1px solid #EEE; } .line.line-sm {margin: 30px 0; } span.middot {display: inline-block; margin: 0 5px; } .double-line {border-top: 3px double #E5E5E5; } .emptydiv {display: block!important; position: relative !important; } .allmargin {margin: 50px !important; } .leftmargin {margin-left: 50px !important; } .rightmargin {margin-right: 50px !important; } .topmargin {margin-top: 50px !important; } .bottommargin {margin-bottom: 50px !important; } .clear-bottommargin {margin-bottom: -50px !important; } .allmargin-sm {margin: 30px !important; } .leftmargin-sm {margin-left: 30px !important; } .rightmargin-sm {margin-right: 30px !important; } .topmargin-sm {margin-top: 30px !important; } .bottommargin-sm {margin-bottom: 30px !important; } .clear-bottommargin-sm {margin-bottom: -30px !important; } .allmargin-lg {margin: 80px !important; } .leftmargin-lg {margin-left: 80px !important; } .rightmargin-lg {margin-right: 80px !important; } .topmargin-lg {margin-top: 80px !important; } .bottommargin-lg {margin-bottom: 80px !important; } .clear-bottommargin-lg {margin-bottom: -80px !important; } .nomargin {margin: 0 !important; } .noleftmargin {margin-left: 0 !important; } .norightmargin {margin-right: 0 !important; } .notopmargin {margin-top: 0 !important; } .nobottommargin {margin-bottom: 0 !important; } .header-stick {margin-top: -50px !important; } .content-wrap .header-stick {margin-top: -80px !important; } .footer-stick {margin-bottom: -50px !important; } .content-wrap .footer-stick {margin-bottom: -80px !important; } .noborder {border: none !important; } .noleftborder {border-left: none !important; } .norightborder {border-right: none !important; } .notopborder {border-top: none !important; } .nobottomborder {border-bottom: none !important; } .noradius {-webkit-border-radius: 0!important; -moz-border-radius: 0!important; -ms-border-radius: 0!important; -o-border-radius: 0!important; border-radius: 0 !important; } .col-padding {padding: 60px; } .nopadding {padding: 0 !important; } .noleftpadding {padding-left: 0 !important; } .norightpadding {padding-right: 0 !important; } .notoppadding {padding-top: 0 !important; } .nobottompadding {padding-bottom: 0 !important; } .noabsolute {position: relative !important; } .noshadow {box-shadow: none !important; } .notextshadow {text-shadow: none !important; } .hidden {display: none !important; } .nothidden {display: block !important; } .inline-block {float: none!important; display: inline-block !important; } .center {text-align: center !important; } .divcenter {position: relative!important; float: none!important; margin-left: auto!important; margin-right: auto !important; } .bgcolor, .bgcolor #header-wrap {background-color: #1ABC9C !important; } .color {color: #1ABC9C !important; } .border-color {border-color: #1ABC9C !important; } .nobg {background: none !important; } .nobgcolor {background-color: transparent !important; } .t300 {font-weight: 300 !important; } .t400 {font-weight: 400 !important; } .t500 {font-weight: 500 !important; } .t600 {font-weight: 600 !important; } .t700 {font-weight: 700 !important; } .ls0 {letter-spacing: 0 !important; } .ls1 {letter-spacing: 1px !important; } .ls2 {letter-spacing: 2px !important; } .ls3 {letter-spacing: 3px !important; } .ls4 {letter-spacing: 4px !important; } .ls5 {letter-spacing: 5px !important; } .noheight {height: 0 !important; } .nolineheight {line-height: 0 !important; } .font-body {font-family: 'Lato', sans-serif; } .font-primary {font-family: 'Raleway', sans-serif; } .font-secondary {font-family: 'Crete Round', serif; } .bgicon {display: block; position: absolute; bottom: -60px; right: -50px; font-size: 210px; color: rgba(0, 0, 0, 0.1); } .imagescale, .imagescalein {display: block; overflow: hidden; } .imagescale img, .imagescalein img {-webkit-transform: scale(1.1); transform: scale(1.1); -webkit-transition: all 1s ease; transition: all 1s ease; } .imagescale:hover img {-webkit-transform: scale(1); transform: scale(1); } .imagescalein img {-webkit-transform: scale(1); transform: scale(1); } .imagescalein:hover img {-webkit-transform: scale(1.1); transform: scale(1.1); } .grayscale {filter: brightness(80%) grayscale(1) contrast(90%); -webkit-filter: brightness(80%) grayscale(1) contrast(90%); -moz-filter: brightness(80%) grayscale(1) contrast(90%); -o-filter: brightness(80%) grayscale(1) contrast(90%); -ms-filter: brightness(80%) grayscale(1) contrast(90%); transition: 1s filter ease; -webkit-transition: 1s -webkit-filter ease; -moz-transition: 1s -moz-filter ease; -ms-transition: 1s -ms-filter ease; -o-transition: 1s -o-filter ease; } .grayscale:hover {filter: brightness(100%) grayscale(0); -webkit-filter: brightness(100%) grayscale(0); -moz-filter: brightness(100%) grayscale(0); -o-filter: brightness(100%) grayscale(0); -ms-filter: brightness(100%) grayscale(0); } .bganimate {-webkit-animation: BgAnimated 30s infinite linear; -moz-animation: BgAnimated 30s infinite linear; -ms-animation: BgAnimated 30s infinite linear; -o-animation: BgAnimated 30s infinite linear; animation: BgAnimated 30s infinite linear; } @-webkit-keyframes BgAnimated {from {background-position: 0 0; } to {background-position: 0 400px; } } @-moz-keyframes BgAnimated {from {background-position: 0 0; } to {background-position: 0 400px; } } @-ms-keyframes BgAnimated {from {background-position: 0 0; } to {background-position: 0 400px; } } @-o-keyframes BgAnimated {from {background-position: 0 0; } to {background-position: 0 400px; } } @keyframes BgAnimated {from {background-position: 0 0; } to {background-position: 0 400px; } } .input-block-level {display: block; width: 100%!important; min-height: 30px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .vertical-middle {height: auto!important; left: 0; max-width: none!important; z-index: 2; } .vertical-middle + .video-wrap {z-index: 1 !important; } .magnific-max-width .mfp-content {max-width: 800px; } .section {position: relative; margin: 60px 0; padding: 60px 0; background-color: #F9F9F9; overflow: hidden; } .parallax {background-color: transparent; background-attachment: fixed; background-position: 50% 0; background-repeat: no-repeat; overflow: hidden; } .mobile-parallax, .video-placeholder {background-size: cover!important; background-attachment: scroll!important; background-position: center center !important; } .section .container {z-index: 2; } .section .container + .video-wrap {z-index: 1; } .revealer-image {position: relative; bottom: -100px; transition: bottom 0.3s ease-in-out; -webkit-transition: bottom 0.3s ease-in-out; -o-transition: bottom 0.3s ease-in-out; } .section:hover .revealer-image {bottom: -50px; } .col_full {width: 100%; } .col_half, .postcontent.bothsidebar {width: 48%; } .col_one_third {width: 30.63%; } .col_two_third {width: 65.33%; } .col_one_fourth, .sidebar {width: 22%; } .col_three_fourth, .postcontent {width: 74%; } .col_one_fifth {width: 16.8%; } .col_two_fifth {width: 37.6%; } .col_three_fifth {width: 58.4%; } .col_four_fifth {width: 79.2%; } .col_one_sixth {width: 13.33%; } .col_five_sixth {width: 82.67%; } body.stretched .container-fullwidth {position: relative; padding: 0 60px; width: 100%; } .postcontent, .sidebar, .col_full, .col_half, .col_one_third, .col_two_third, .col_three_fourth, .col_one_fourth, .col_one_fifth, .col_two_fifth, .col_three_fifth, .col_four_fifth, .col_one_sixth, .col_five_sixth {display: block; position: relative; margin-right: 4%; margin-bottom: 50px; float: left; } .col_full {clear: both; float: none; margin-right: 0; } .postcontent.col_last, .sidebar.col_last {float: right; } .col_last {margin-right: 0!important; clear: right; } .fslider, .fslider .flexslider, .fslider .slider-wrap, .fslider .slide, .fslider .slide > a, .fslider .slide > img, .fslider .slide > a > img {position: relative; display: block; width: 100%; height: auto; overflow: hidden; -webkit-backface-visibility: hidden; } .fslider {min-height: 32px; } .flex-container a:active, .flexslider a:active, .flex-container a:focus, .flexslider a:focus {outline: none; border: none; } .slider-wrap, .flex-control-nav, .flex-direction-nav {margin: 0; padding: 0; list-style: none; border: none; } .flexslider {position: relative; margin: 0; padding: 0; } .flexslider .slider-wrap > .slide {display: none; -webkit-backface-visibility: hidden; } .flexslider .slider-wrap img {width: 100%; display: block; } .flex-pauseplay span {text-transform: capitalize; } .slider-wrap:after {content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; } html[xmlns] .slider-wrap {display: block; } * html .slider-wrap {height: 1%; } .no-js .slider-wrap > .slide:first-child {display: block; } .flex-viewport {max-height: 2000px; -webkit-transition: all 1s ease; -o-transition: all 1s ease; transition: all 1s ease; } .flex-control-nav {position: absolute; z-index: 10; text-align: center; top: 14px; right: 10px; margin: 0; } .flex-control-nav li {float: left; display: block; margin: 0 3px; width: 10px; height: 10px; } .flex-control-nav li a {display: block; cursor: pointer; text-indent: -9999px; width: 10px!important; height: 10px!important; border: 1px solid #FFF; border-radius: 50%; transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; } .flex-control-nav li:hover a, .flex-control-nav li a.flex-active {background-color: #FFF; } #top-bar {position: relative; border-bottom: 1px solid #EEE; height: 45px; line-height: 44px; font-size: 13px; } #top-bar .col_half {width: auto; } .top-links {position: relative; float: left; } .top-links ul {margin: 0; list-style: none; } .top-links ul li {float: left; position: relative; height: 44px; border-left: 1px solid #EEE; } .top-links ul li:first-child, .top-links ul ul li {border-left: 0 !important; } .top-links li > a {display: block; padding: 0 12px; font-size: 12px; font-weight: 700; text-transform: uppercase; height: 44px; color: #666; } .top-links li i {vertical-align: top; } .top-links li i.icon-angle-down {margin: 0 0 0 5px !important; } .top-links li i:first-child {margin-right: 3px; } .top-links li.full-icon i {top: 2px; font-size: 14px; margin: 0; } .top-links li:hover {background-color: #EEE; } .top-links ul ul, .top-links ul div.top-link-section {display: none; pointer-events: none; position: absolute; z-index: 210; line-height: 1.5; background: #FFF; border: 0; top: 44px; left: 0; width: 140px; margin: 0; border-top: 1px solid #1ABC9C; border-bottom: 1px solid #EEE; box-shadow: 0 0 5px -1px rgba(0, 0, 0, 0.2); -moz-box-shadow: 0 0 5px -1px rgba(0, 0, 0, 0.2); -webkit-box-shadow: 0 0 5px -1px rgba(0, 0, 0, 0.2); } .top-links li:hover ul, .top-links li:hover div.top-link-section {pointer-events: auto; } .top-links ul ul li {float: none; height: 36px; border-top: 1px solid #F5F5F5; border-left: 1px solid #EEE; } .top-links ul ul li:hover {background-color: #F9F9F9; } .top-links ul ul li:first-child {border-top: none!important; border-left: 1px solid #EEE; } .top-links ul ul a {height: 36px; line-height: 36px; font-size: 12px; } .top-links ul ul img {display: inline-block; position: relative; top: -1px; width: 16px; height: 16px; margin-right: 4px; } .top-links ul ul.top-demo-lang img {top: 4px; width: 16px; height: 16px; } .top-links ul div.top-link-section {padding: 25px; left: 0; width: 280px; } .fright .top-links ul div.top-link-section, .top-links.fright ul div.top-link-section {left: auto; right: 0; } #top-social, #top-social ul {margin: 0; } #top-social li, #top-social li a, #top-social li .ts-icon, #top-social li .ts-text {display: block; position: relative; float: left; width: auto; overflow: hidden; height: 44px; line-height: 44px; } #top-social li {border-left: 1px solid #EEE; } #top-social li:first-child {border-left: 0 !important; } #top-social li a {float: none; width: 40px; font-weight: 700; color: #666; -webkit-transition: color 0.3s ease-in-out, background-color 0.3s ease-in-out, width 0.3s ease-in-out; -o-transition: color 0.3s ease-in-out, background-color 0.3s ease-in-out, width 0.3s ease-in-out; transition: color 0.3s ease-in-out, background-color 0.3s ease-in-out, width 0.3s ease-in-out; } #top-social li a:hover {color: #FFF !important; text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.2); } #top-social li .ts-icon {width: 40px; text-align: center; font-size: 14px; } #top-login {margin-bottom: 0; } #top-login .checkbox {margin-bottom: 10px; } #top-login .form-control {position: relative; } #top-login .form-control:focus {border-color: #CCC; } #top-login .input-group#top-login-username {margin-bottom: -1px; } #top-login #top-login-username input, #top-login #top-login-username .input-group-addon {border-bottom-right-radius: 0; border-bottom-left-radius: 0; } #top-login .input-group#top-login-password {margin-bottom: 10px; } #top-login #top-login-password input, #top-login #top-login-password .input-group-addon {border-top-left-radius: 0; border-top-right-radius: 0; } #header {position: relative; background-color: #FFF; border-bottom: 1px solid #F5F5F5; } #header .container {position: relative; } #header.transparent-header {background: transparent; border-bottom: none; z-index: 199; } #header.semi-transparent {background-color: rgba(255, 255, 255, 0.8); } #header.transparent-header.floating-header {margin-top: 60px; } #header.transparent-header.floating-header .container {width: 1190px; max-width: 1190px; background-color: #FFF; padding: 0 40px; border-radius: 2px; } #header.transparent-header.floating-header.sticky-header .container {width: 1140px; max-width: 1140px; padding: 0 15px; } #header.transparent-header + #slider, #header.transparent-header + #page-title.page-title-parallax, #header.transparent-header + #google-map, #slider + #header.transparent-header {top: -100px; margin-bottom: -100px; } #header.transparent-header.floating-header + #slider, #header.transparent-header.floating-header + #google-map {top: -160px; margin-bottom: -160px; } #header.transparent-header + #page-title.page-title-parallax .container {z-index: 5; padding-top: 100px; } #header.full-header {border-bottom-color: #EEE; } body.stretched #header.full-header .container {width: 100%; max-width: none; padding: 0 30px; } #header.transparent-header.full-header #header-wrap {border-bottom: 1px solid rgba(0, 0, 0, 0.1); } #slider + #header.transparent-header.full-header #header-wrap {border-top: 1px solid rgba(0, 0, 0, 0.1); border-bottom: none; } #logo {position: relative; float: left; font-family: 'Raleway', sans-serif; font-size: 36px; line-height: 100%; margin-right: 40px; } #header.full-header #logo {padding-right: 30px; margin-right: 30px; border-right: 1px solid #EEE; } #header.transparent-header.full-header #logo {border-right-color: rgba(0, 0, 0, 0.1); } #logo a {display: block; color: #000; } #logo img {display: block; max-width: 100%; } #logo a.standard-logo {display: block; } #logo a.retina-logo {display: none; } .header-extras {float: right; margin: 30px 0 0; } .header-extras li {float: left; margin-left: 20px; height: 40px; overflow: hidden; list-style: none; } .header-extras li i {margin-top: 3px !important; } .header-extras li:first-child {margin-left: 0; } .header-extras li .he-text {float: left; padding-left: 10px; font-weight: 700; font-size: 14px; line-height: 1.43; } .header-extras li .he-text span {display: block; font-weight: 400; color: #1ABC9C; } #primary-menu {float: right; } #primary-menu ul.mobile-primary-menu {display: none; } #header.full-header #primary-menu > ul {float: left; padding-right: 15px; margin-right: 15px; border-right: 1px solid #EEE; } #header.transparent-header.full-header #primary-menu > ul {border-right-color: rgba(0, 0, 0, 0.1); } #primary-menu-trigger, #page-submenu-trigger {opacity: 0; pointer-events: none; cursor: pointer; font-size: 14px; position: absolute; top: 50%; margin-top: -25px; width: 50px; height: 50px; line-height: 50px; text-align: center; -webkit-transition: opacity 0.3s ease; -o-transition: opacity 0.3s ease; transition: opacity 0.3s ease; } #primary-menu ul {list-style: none; margin: 0; } #primary-menu > ul {float: left; } #primary-menu ul li {position: relative; } #primary-menu ul li.mega-menu {position: inherit; } #primary-menu ul > li {float: left; margin-left: 2px; } #primary-menu > ul > li:first-child {margin-left: 0; } #primary-menu ul li > a {display: block; line-height: 22px; padding: 39px 15px; color: #444; font-weight: 700; font-size: 13px; letter-spacing: 1px; text-transform: uppercase; font-family: 'Raleway', sans-serif; -webkit-transition: margin 0.4s ease, padding 0.4s ease; -o-transition: margin 0.4s ease, padding 0.4s ease; transition: margin 0.4s ease, padding 0.4s ease; } #primary-menu ul li > a span {display: none; } #primary-menu ul li > a i {position: relative; top: -1px; font-size: 14px; width: 16px; text-align: center; margin-right: 6px; vertical-align: top; } #primary-menu ul li > a i.icon-angle-down:last-child {font-size: 12px; margin: 0 0 0 5px; } #primary-menu ul li:hover > a, #primary-menu ul li.current > a {color: #1ABC9C; } body.no-superfish #primary-menu li:hover > ul:not(.mega-menu-column), body.no-superfish #primary-menu li:hover > .mega-menu-content {display: block; } #primary-menu ul ul:not(.mega-menu-column), #primary-menu ul li .mega-menu-content {display: none; position: absolute; width: 220px; background-color: #FFF; box-shadow: 0 13px 42px 11px rgba(0, 0, 0, 0.05); border: 1px solid #EEE; border-top: 2px solid #1ABC9C; height: auto; z-index: 199; top: 100%; left: 0; margin: 0; } #primary-menu ul ul:not(.mega-menu-column) ul {top: -2px !important; left: 218px; } #primary-menu ul ul.menu-pos-invert:not(.mega-menu-column), #primary-menu ul li .mega-menu-content.menu-pos-invert {left: auto; right: 0; } #primary-menu ul ul:not(.mega-menu-column) ul.menu-pos-invert {right: 218px; } #primary-menu ul ul li {float: none; margin: 0; } #primary-menu ul ul li:first-child {border-top: 0; } #primary-menu ul ul li > a {font-size: 12px; font-weight: 700; color: #666; padding-top: 10px; padding-bottom: 10px; border: 0; letter-spacing: 0; font-family: 'Lato', sans-serif; -webkit-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; } #primary-menu ul ul li > a i {vertical-align: middle; } #primary-menu ul ul li:hover > a {background-color: #F9F9F9; padding-left: 18px; color: #1ABC9C; } #primary-menu ul ul > li.sub-menu > a, #primary-menu ul ul > li.sub-menu:hover > a {background-image: url(images/icons/submenu.png); background-position: right center; background-repeat: no-repeat; } #primary-menu ul li .mega-menu-content, #primary-menu ul li.mega-menu-small .mega-menu-content {width: 720px; max-width: 400px; } #primary-menu ul li.mega-menu .mega-menu-content, .floating-header.sticky-header #primary-menu ul li.mega-menu .mega-menu-content {margin: 0 15px; width: 1140px; max-width: none; } .floating-header #primary-menu ul li.mega-menu .mega-menu-content {margin: 0; width: 1220px; } body.stretched .container-fullwidth #primary-menu ul li.mega-menu .mega-menu-content {margin: 0 60px; } body.stretched #header.full-header #primary-menu ul li.mega-menu .mega-menu-content {margin: 0 30px; } #primary-menu ul li.mega-menu .mega-menu-content.style-2 {padding: 0 10px; } #primary-menu ul li .mega-menu-content ul {display: block; position: relative; top: 0; min-width: inherit; border: 0; box-shadow: none; background-color: transparent; } #primary-menu ul li .mega-menu-content ul:not(.megamenu-dropdown) {display: block!important; opacity: 1!important; top: 0; left: 0; } #primary-menu ul li .mega-menu-content ul.mega-menu-column {float: left; margin: 0; padding-left: 0; padding-right: 0; } #primary-menu ul li .mega-menu-content ul.mega-menu-column.col-5 {width: 20%; max-width: none; } #primary-menu ul li .mega-menu-content ul:not(.mega-menu-column) {width: 100%; } #primary-menu ul li .mega-menu-content ul.mega-menu-column:not(:first-child) {border-left: 1px solid #F2F2F2; } #primary-menu ul li .mega-menu-content.style-2 ul.mega-menu-column {padding: 30px 20px; } #primary-menu ul li .mega-menu-content.style-2 ul.mega-menu-column > li.mega-menu-title {margin-top: 20px; } #primary-menu ul li .mega-menu-content.style-2 ul.mega-menu-column > li.mega-menu-title:first-child {margin-top: 0; } #primary-menu ul li .mega-menu-content.style-2 ul.mega-menu-column > li.mega-menu-title > a {font-size: 13px; font-weight: 700; font-family: 'Raleway', sans-serif; letter-spacing: 1px; text-transform: uppercase!important; margin-bottom: 15px; color: #444; padding: 0!important; line-height: 1.3 !important; } #primary-menu ul li .mega-menu-content.style-2 ul.mega-menu-column > li.mega-menu-title:hover > a {background-color: transparent; } #primary-menu ul li .mega-menu-content.style-2 ul.mega-menu-column > li.mega-menu-title > a:hover {color: #1ABC9C; } #primary-menu ul li .mega-menu-content.style-2 ul.mega-menu-column > li.mega-menu-title.sub-menu > a, #primary-menu ul li .mega-menu-content.style-2 ul.mega-menu-column > li.mega-menu-title.sub-menu:hover > a {background: none; } #primary-menu ul li .mega-menu-content.style-2 li {border: 0; } #primary-menu ul li .mega-menu-content.style-2 ul li > a {padding-left: 5px; padding-top: 7px; padding-bottom: 7px; } #primary-menu ul li .mega-menu-content.style-2 ul li > a:hover {padding-left: 12px; } .mega-menu-column .entry-meta {margin: 8px -10px 0 0 !important; border: none!important; padding: 0 !important; } .mega-menu-column .entry-meta li {float: left!important; border: none!important; margin: 0 10px 0 0 !important; } #primary-menu.style-2 {float: none; max-width: none; border-top: 1px solid #F5F5F5; } #primary-menu.style-2 > div > ul {float: left; } #primary-menu.style-2 > div > ul > li > a {padding-top: 19px; padding-bottom: 19px; } #logo + #primary-menu.style-2 {border-top: 0; } #primary-menu.style-2 > div #top-search, #primary-menu.style-2 > div #top-cart, #primary-menu.style-2 > div #side-panel-trigger {margin-top: 20px; margin-bottom: 20px; } body:not(.device-md):not(.device-sm):not(.device-xs) #primary-menu.style-2.center > ul, body:not(.device-md):not(.device-sm):not(.device-xs) #primary-menu.style-2.center > div {float: none; display: inline-block !important; width: auto; text-align: left; } #primary-menu.style-3 > ul > li > a {margin: 28px 0; padding-top: 11px; padding-bottom: 11px; border-radius: 2px; } #primary-menu.style-3 > ul > li:hover > a {color: #444; background-color: #F5F5F5; } #primary-menu.style-3 > ul > li.current > a {color: #FFF; text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.2); background-color: #1ABC9C; } #primary-menu.style-4 > ul > li > a {margin: 28px 0; padding-top: 10px; padding-bottom: 10px; border-radius: 2px; border: 1px solid transparent; } #primary-menu.style-4 > ul > li:hover > a, #primary-menu.style-4 > ul > li.current > a {border-color: #1ABC9C; } #primary-menu.style-5 > ul {padding-right: 10px; margin-right: 5px; border-right: 1px solid #EEE; } #primary-menu.style-5 > ul > li:not(:first-child) {margin-left: 15px; } #primary-menu.style-5 > ul > li > a {padding-top: 25px; padding-bottom: 25px; line-height: 14px; } #primary-menu.style-5 > ul > li > a i {display: block; width: auto; margin: 0 0 8px; font-size: 28px; line-height: 1; } #primary-menu.style-6 ul > li > a {position: relative; } #primary-menu.style-6 > ul > li > a:after, #primary-menu.style-6 > ul > li.current > a:after, #primary-menu.style-6 > div > ul > li > a:after, #primary-menu.style-6 > div > ul > li.current > a:after {content: ''; position: absolute; top: 0; left: 0; height: 2px; width: 0; border-top: 2px solid #1ABC9C; -webkit-transition: width 0.3s ease; -o-transition: width 0.3s ease; transition: width 0.3s ease; } #primary-menu.style-6 > ul > li.current > a:after, #primary-menu.style-6 > ul > li:hover > a:after, #primary-menu.style-6 > div > ul > li.current > a:after, #primary-menu.style-6 > div > ul > li:hover > a:after {width: 100%; } #primary-menu.sub-title > ul > li, #primary-menu.sub-title.style-2 > div > ul > li {background: url(images/icons/menu-divider.png) no-repeat right center; margin-left: 1px; } #primary-menu.sub-title ul li:first-child {padding-left: 0; margin-left: 0; } #primary-menu.sub-title > ul > li > a, #primary-menu.sub-title > div > ul > li > a {line-height: 14px; padding: 27px 20px 32px; text-transform: uppercase; border-top: 5px solid transparent; } #primary-menu.sub-title > ul > li > a span, #primary-menu.sub-title > div > ul > li > a span {display: block; margin-top: 10px; line-height: 12px; font-size: 11px; font-weight: 400; color: #888; text-transform: capitalize; } #primary-menu.sub-title > ul > li:hover > a, #primary-menu.sub-title > ul > li.current > a, #primary-menu.sub-title > div > ul > li:hover > a, #primary-menu.sub-title > div > ul > li.current > a {background-color: #1ABC9C; color: #FFF; text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.2); border-top-color: rgba(0, 0, 0, 0.1); } #primary-menu.sub-title > ul > li:hover > a span, #primary-menu.sub-title > ul > li.current > a span, #primary-menu.sub-title.style-2 > div > ul > li:hover > a span, #primary-menu.sub-title.style-2 > div > ul > li.current > a span {color: #EEE; } #primary-menu.sub-title.style-2 ul ul span {display: none; } #primary-menu.sub-title.style-2 > div > ul > li {background-position: left center; } #primary-menu.sub-title.style-2 > div #top-search, #primary-menu.sub-title.style-2 > div #top-cart, #primary-menu.sub-title.style-2 > div #side-panel-trigger {float: right; margin-top: 30px; margin-bottom: 30px; } #primary-menu.sub-title.style-2 div ul li:first-child, #primary-menu.sub-title.style-2 > div > ul > li:hover + li, #primary-menu.sub-title.style-2 > div > ul > li.current + li {background-image: none; } #primary-menu.sub-title.style-2 > div > ul > li > a {padding-top: 17px; padding-bottom: 22px; } @media (min-width: 992px) {#header.split-menu #logo {position: absolute; width: 100%; text-align: center; margin: 0; float: none; height: 100px; } #header.split-menu #logo a.standard-logo {display: inline-block; } } #header.split-menu #primary-menu {float: none; margin: 0; } #header.split-menu #primary-menu > ul {z-index: 199; } #header.split-menu #primary-menu > ul:first-child {float: left; } #header.split-menu #primary-menu > ul:last-child {float: right; } @media (min-width: 992px) {.overlay-menu:not(.top-search-open) #primary-menu-trigger {opacity: 1; pointer-events: auto; left: auto; right: 75px; width: 20px; height: 20px; line-height: 20px; margin-top: -10px; } .overlay-menu:not(.top-search-open) .full-header #primary-menu-trigger {right: 90px; } .overlay-menu #primary-menu > #overlay-menu-close {opacity: 0; pointer-events: none; position: fixed; top: 25px; left: auto; right: 25px; width: 48px; height: 48px; line-height: 48px; font-size: 24px; text-align: center; color: #444; z-index: 300; -webkit-transform: translateY(-80px); -ms-transform: translateY(-80px); -o-transform: translateY(-80px); transform: translateY(-80px); -webkit-transition: opacity 0.4s ease, transform 0.45s 0.15s ease; -o-transition: opacity 0.4s ease, transform 0.45s 0.15s ease; transition: opacity 0.4s ease, transform 0.45s 0.15s ease; } .overlay-menu #primary-menu > ul {opacity: 0!important; pointer-events: none; position: fixed; left: 0; top: 0; width: 100%; height: 100%!important; z-index: 299; background: rgba(255, 255, 255, 0.95); -webkit-transition: opacity 0.7s ease; -o-transition: opacity 0.7s ease; transition: opacity 0.7s ease; } .overlay-menu #primary-menu > ul.d-block {opacity: 1!important; display: inherit!important; pointer-events: auto; } .overlay-menu #primary-menu > ul.d-block ~ #overlay-menu-close {opacity: 1; -webkit-transition: opacity 0.7s 0.4s ease, transform 0.45s 0.15s ease; -o-transition: opacity 0.7s 0.4s ease, transform 0.45s 0.15s ease; transition: opacity 0.7s 0.4s ease, transform 0.45s 0.15s ease; -webkit-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); pointer-events: auto; } .overlay-menu #primary-menu > ul > li {float: none; text-align: center; max-width: 400px; margin: 0 auto; } .overlay-menu #primary-menu > ul > li > a {font-size: 24px; padding-top: 19px; padding-bottom: 19px; letter-spacing: 2px; text-transform: none; opacity: 0; -webkit-transform: translateY(-80px); -ms-transform: translateY(-80px); -o-transform: translateY(-80px); transform: translateY(-80px); -webkit-transition: opacity 0.7s 0.15s ease, transform 0.45s 0.15s ease, color 0.2s linear; -o-transition: opacity 0.7s 0.15s ease, transform 0.45s 0.15s ease, color 0.2s linear; transition: opacity 0.7s 0.15s ease, transform 0.45s 0.15s ease, color 0.2s linear; } .overlay-menu #primary-menu > ul.d-block > li > a {opacity: 1; -webkit-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); } } #top-search, #top-cart, #side-panel-trigger, #top-account {float: right; margin: 40px 0 40px 15px; } #top-cart {position: relative; } #top-search a, #top-cart > a, #side-panel-trigger a {display: block; position: relative; width: 14px; height: 14px; font-size: 14px; line-height: 20px; text-align: center; color: #333; -webkit-transition: color 0.3s ease-in-out; -o-transition: color 0.3s ease-in-out; transition: color 0.3s ease-in-out; } #top-search a {z-index: 11; } #top-search a i {position: absolute; top: 0; left: 0; -webkit-transition: opacity 0.3s ease; -o-transition: opacity 0.3s ease; transition: opacity 0.3s ease; } body.top-search-open #top-search a i.icon-search3, #top-search a i.icon-line-cross {opacity: 0; } body.top-search-open #top-search a i.icon-line-cross {opacity: 1; z-index: 11; font-size: 16px; } #top-cart > a:hover {color: #1ABC9C; } #top-search form {opacity: 0; z-index: -2; position: absolute; width: 100%!important; height: 100%!important; padding: 0 15px; margin: 0; top: 0; left: 0; -webkit-transition: opacity 0.3s ease-in-out; -o-transition: opacity 0.3s ease-in-out; transition: opacity 0.3s ease-in-out; } body.top-search-open #top-search form {opacity: 1; z-index: 10; } #top-search form input {box-shadow: none!important; pointer-events: none; border-radius: 0; border: 0; outline: 0!important; font-size: 32px; padding: 10px 80px 10px 0; height: 100%; background-color: transparent; color: #333; font-weight: 700; margin-top: 0!important; font-family: 'Raleway', sans-serif; letter-spacing: 2px; } body:not(.device-md):not(.device-sm):not(.device-xs) #header.full-header #top-search form input {padding-left: 40px; } body:not(.device-md):not(.device-sm):not(.device-xs) .container-fullwidth #top-search form input {padding-left: 60px; } body.top-search-open #top-search form input {pointer-events: auto; } body:not(.device-md):not(.device-sm):not(.device-xs) #header.transparent-header:not(.sticky-header):not(.full-header):not(.floating-header) #top-search form input {border-bottom: 1px solid rgba(0, 0, 0, 0.1); } #top-search form input::-moz-placeholder {color: #555; opacity: 1; text-transform: uppercase; } #top-search form input:-ms-input-placeholder {color: #555; text-transform: uppercase; } #top-search form input::-webkit-input-placeholder {color: #555; text-transform: uppercase; } #primary-menu .container #top-search form input, .sticky-header #top-search form input {border: none !important; } #top-cart {margin-right: 0; } #top-cart > a > span {display: block; position: absolute; top: -7px; left: auto; right: -14px; font-size: 10px; color: #FFF; text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.2); width: 16px; height: 16px; line-height: 16px; text-align: center; background-color: #E20613; border-radius: 50%; } #top-cart .top-cart-content {opacity: 0; z-index: -2; position: absolute; width: 280px; background-color: #FFF; box-shadow: 0 20px 50px 10px rgba(0, 0, 0, 0.05); border: 1px solid #EEE; border-top: 2px solid #1ABC9C; top: 60px; right: -15px; left: auto; margin: -10000px 0 0; -webkit-transition: opacity 0.5s ease, top 0.4s ease; -o-transition: opacity 0.5s ease, top 0.4s ease; transition: opacity 0.5s ease, top 0.4s ease; } .style-2 .container #top-cart .top-cart-content {top: 40px; } .style-2.sub-title .container #top-cart .top-cart-content {top: 50px; } #top-cart.top-cart-open .top-cart-content {opacity: 1; z-index: 11; margin-top: 0; } .top-cart-title {padding: 12px 15px; border-bottom: 1px solid #EEE; } .top-cart-title h4 {margin-bottom: 0; font-size: 15px; font-weight: 700; text-transform: uppercase; letter-spacing: 1px; } .top-cart-items {padding: 15px; } .top-cart-item {padding-top: 15px; margin-top: 15px; border-top: 1px solid #F5F5F5; } .top-cart-item:first-child {padding-top: 0; margin-top: 0; border-top: 0; } .top-cart-item-image {float: left; margin-right: 15px; width: 48px!important; height: 48px!important; border: 2px solid #EEE; -webkit-transition: border-color 0.2s linear; -o-transition: border-color 0.2s linear; transition: border-color 0.2s linear; } .top-cart-item-image a, .top-cart-item-image img {display: block; width: 44px!important; height: 44px !important; } .top-cart-item-image:hover {border-color: #1ABC9C; } .top-cart-item-desc {position: relative; overflow: hidden; } .top-cart-item-desc a {text-align: left!important; font-size: 13px!important; width: auto!important; height: auto!important; color: #333; font-weight: 700; } .top-cart-item-desc a:hover {color: #1ABC9C !important; } .top-cart-item-desc span.top-cart-item-price {display: block; line-height: 20px; font-size: 12px!important; color: #999; } .top-cart-item-desc span.top-cart-item-quantity {display: block; position: absolute; font-size: 12px!important; right: 0; top: 2px; color: #444; } .top-cart-action {padding: 15px; border-top: 1px solid #EEE; } .top-cart-action span.top-checkout-price {font-size: 20px; color: #1ABC9C; } #top-account {margin: 35px 0 34px 20px; } #top-account a {-webkit-transition: color 0.3s ease-in-out; -o-transition: color 0.3s ease-in-out; transition: color 0.3s ease-in-out; } #top-account a span {margin-left: 5px; font-weight: 700; } #top-account a i.icon-angle-down {margin-left: 5px; font-size: 12px; } #top-account .dropdown-menu {padding: 10px 0; } #top-account .dropdown-menu li a {font-family: 'Lato', sans-serif; font-weight: 400; text-align: left; line-height: 22px; } #top-account .dropdown-menu li a .badge {display: block; float: right; margin: 2px 0 0; } #top-account .dropdown-menu li a i:last-child {position: relative; top: 1px; margin-left: 5px; } #header, #header-wrap, #logo img {height: 100px; -webkit-transition: height 0.4s ease, opacity 0.3s ease; -o-transition: height 0.4s ease, opacity 0.3s ease; transition: height 0.4s ease, opacity 0.3s ease; } #header.sticky-style-2 {height: 161px; } #header.sticky-style-3 {height: 181px; } #header.sticky-style-2 #header-wrap {height: 60px; } #header.sticky-style-3 #header-wrap {height: 80px; } #primary-menu > ul > li > ul, #primary-menu > ul > li > .mega-menu-content, #primary-menu > ul > li.mega-menu > .mega-menu-content {-webkit-transition: top 0.4s ease; -o-transition: top 0.4s ease; transition: top 0.4s ease; } #top-search, #top-cart {-webkit-transition: margin 0.4s ease, opacity 0.3s ease; -o-transition: margin 0.4s ease, opacity 0.3s ease; transition: margin 0.4s ease, opacity 0.3s ease; } body:not(.top-search-open) #header-wrap #logo, body:not(.top-search-open) #primary-menu > ul, body:not(.top-search-open) #primary-menu > .container > ul, body:not(.top-search-open) #top-cart, body:not(.top-search-open) #side-panel-trigger, body:not(.top-search-open) #top-account {opacity: 1; -webkit-transition: height 0.4s ease, margin 0.4s ease, opacity 0.2s 0.2s ease; -o-transition: height 0.4s ease, margin 0.4s ease, opacity 0.2s 0.2s ease; transition: height 0.4s ease, margin 0.4s ease, opacity 0.2s 0.2s ease; } body.top-search-open #header-wrap #logo, body.top-search-open #primary-menu > ul, body.top-search-open #primary-menu > .container > ul, body.top-search-open #top-cart, body.top-search-open #side-panel-trigger, body.top-search-open #top-account {opacity: 0; } #header.sticky-header.semi-transparent {background-color: transparent; } #header-wrap {position: relative; z-index: 199; -webkit-backface-visibility: hidden; } #header.sticky-header #header-wrap {position: fixed; top: 0; left: 0; width: 100%; background-color: #FFF; box-shadow: 0 0 10px rgba(0, 0, 0, 0.1); } #header.semi-transparent.sticky-header #header-wrap {background-color: rgba(255, 255, 255, 0.8); } #header.sticky-header:not(.static-sticky), #header.sticky-header:not(.static-sticky) #header-wrap, #header.sticky-header:not(.static-sticky):not(.sticky-style-2):not(.sticky-style-3) #logo img {height: 60px; } #header.sticky-header:not(.static-sticky) #primary-menu > ul > li > a {padding-top: 19px; padding-bottom: 19px; } #header.sticky-header:not(.static-sticky).sticky-style-2, #header.sticky-header:not(.static-sticky).sticky-style-3 {height: 161px; } #header.sticky-header:not(.static-sticky).sticky-style-2 #primary-menu, #header.sticky-header:not(.static-sticky).sticky-style-3 #primary-menu {border-top: 0; } #header.sticky-header:not(.static-sticky) #top-search, #header.sticky-header:not(.static-sticky) #top-cart, #header.sticky-header:not(.static-sticky) #side-panel-trigger {margin-top: 20px!important; margin-bottom: 20px !important; } #header.sticky-header:not(.static-sticky) #top-account {margin-top: 15px!important; margin-bottom: 14px !important; } #header.sticky-header:not(.static-sticky) #top-cart .top-cart-content {top: 40px; } #header.sticky-header.sticky-style-2 #primary-menu {border-top: 0; } #header.sticky-header:not(.static-sticky) #primary-menu.style-3 > ul > li > a {margin: 0; border-radius: 0; } #header.sticky-header:not(.static-sticky) #primary-menu.style-4 > ul > li > a {padding-top: 8px; padding-bottom: 8px; margin: 10px 0; } #header.sticky-header:not(.static-sticky) #primary-menu.style-5 > ul > li {margin-left: 2px; } #header.sticky-header:not(.static-sticky) #primary-menu.style-5 > ul > li:first-child {margin-left: 0; } #header.sticky-header:not(.static-sticky) #primary-menu.style-5 > ul > li > a {line-height: 22px; padding-top: 19px; padding-bottom: 19px; } #header.sticky-header:not(.static-sticky) #primary-menu.style-5 > ul > li > a > div {padding: 0; } #header.sticky-header:not(.static-sticky) #primary-menu.style-5 > ul > li > a i {display: inline-block; width: 16px; top: -1px; margin: 0 6px 0 0; font-size: 14px; line-height: 22px; } #header.sticky-header:not(.static-sticky) #primary-menu.sub-title > ul > li, #header.sticky-header:not(.static-sticky) #primary-menu.sub-title.style-2 > div > ul > li {background: none!important; margin-left: 2px; } #header.sticky-header:not(.static-sticky) #primary-menu.sub-title > ul > li:first-child, #header.sticky-header:not(.static-sticky) #primary-menu.sub-title.style-2 > div > ul > li:first-child {margin-left: 0; } #header.sticky-header:not(.static-sticky) #primary-menu.sub-title > ul > li > a, #header.sticky-header:not(.static-sticky) #primary-menu.sub-title > div > ul > li > a {line-height: 22px; padding: 19px 15px; text-transform: none; font-size: 14px; border-top: 0; } #header.sticky-header:not(.static-sticky) #primary-menu.sub-title ul li span {display: none; } #page-menu, #page-menu-wrap {position: relative; height: 44px; line-height: 44px; text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.1); } #page-menu-wrap {z-index: 99; background-color: #1ABC9C; -webkit-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); -webkit-backface-visibility: hidden; } #page-menu.sticky-page-menu #page-menu-wrap {position: fixed; z-index: 99; left: 0; width: 100%; box-shadow: 0 0 15px rgba(0, 0, 0, 0.3); } #header.static-sticky ~ #page-menu.sticky-page-menu #page-menu-wrap, #header.static-sticky ~ #content #page-menu.sticky-page-menu #page-menu-wrap {top: 100px; } #header ~ #page-menu.sticky-page-menu #page-menu-wrap, #header.no-sticky ~ #page-menu.sticky-page-menu #page-menu-wrap, #header ~ #content #page-menu.sticky-page-menu #page-menu-wrap, #header.no-sticky ~ #content #page-menu.sticky-page-menu #page-menu-wrap {top: 0; } #header.sticky-header ~ #page-menu.sticky-page-menu #page-menu-wrap, #header.sticky-header ~ #content #page-menu.sticky-page-menu #page-menu-wrap {top: 60px; } #page-submenu-trigger {top: 0; margin-top: 0; left: auto; right: 15px; width: 40px; height: 44px; line-height: 44px; } #page-menu .menu-title {float: left; color: #FFF; font-size: 20px; font-weight: 300; } #page-menu .menu-title span {font-weight: 700; } #page-menu nav {position: relative; float: right; } #page-menu nav ul {margin-bottom: 0; height: 44px; } #page-menu nav li {position: relative; float: left; list-style: none; } #page-menu nav li a {display: block; height: 28px; line-height: 28px; margin: 8px 4px; padding: 0 14px; color: #FFF; font-size: 14px; border-radius: 14px; } #page-menu nav li a .icon-angle-down {margin-left: 5px; } body:not(.device-touch) #page-menu nav li a {-webkit-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; } #page-menu nav li:hover a, #page-menu nav li.current a {background-color: rgba(0, 0, 0, 0.15); } #page-menu li:hover ul {display: block; } #page-menu ul ul {display: none; position: absolute; width: 150px; top: 44px; left: 0; z-index: 149; height: auto; background-color: #1ABC9C; } #page-menu ul ul ul {display: none !important; } #page-menu ul ul li {float: none; } #page-menu ul ul a {height: auto; line-height: 22px; margin: 0; padding: 8px 14px; border-radius: 0; background-color: rgba(0, 0, 0, 0.15); } #page-menu ul ul li:hover a, #page-menu ul ul li.current a {background-color: rgba(0, 0, 0, 0.3); } @media (min-width: 992px) {#page-menu.dots-menu, #page-menu.dots-menu #page-menu-wrap {position: fixed; z-index: 99; top: 50%; left: auto; right: 20px; width: 24px; height: auto; line-height: 1.5; background-color: transparent; text-shadow: none; } #page-menu.dots-menu #page-menu-wrap {position: relative; box-shadow: none; } #page-menu.dots-menu .menu-title {display: none; } #page-menu.dots-menu nav {float: none; width: 24px; } #page-menu.dots-menu nav ul {height: auto; } #page-menu.dots-menu nav ul li {float: none; width: 14px; height: 14px; margin: 10px 6px; } #page-menu.dots-menu nav li a {position: relative; width: 10px; height: 10px; line-height: 1.5; padding: 0; margin: 0 2px; background-color: rgba(0, 0, 0, 0.4); border-radius: 50%; color: #777; } #page-menu.dots-menu nav li a:hover {background-color: rgba(0, 0, 0, 0.7); } #page-menu.dots-menu nav li.current a {background-color: #1ABC9C; } #page-menu.dots-menu nav li div {position: absolute; width: auto; top: -11px; right: 25px; background-color: #1ABC9C; color: #FFF; padding: 5px 14px; white-space: nowrap; pointer-events: none; text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.15); border-radius: 2px; opacity: 0; } body:not(.device-touch) #page-menu.dots-menu nav li div {-webkit-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; } #page-menu.dots-menu nav li div:after {position: absolute; content: ''; top: 50%; margin-top: -6px; left: auto; right: -5px; width: 0; height: 0; border-top: 7px solid transparent; border-bottom: 7px solid transparent; border-left: 6px solid #1ABC9C; } #page-menu.dots-menu nav li a:hover div {opacity: 1; right: 30px; } } .one-page-arrow {position: absolute; z-index: 3; bottom: 20px; left: 50%; margin-left: -16px; width: 32px; height: 32px; font-size: 32px; text-align: center; color: #222; } @media (min-width: 992px) {.side-header #header {position: fixed; top: 0; left: 0; z-index: 10; width: 260px; height: 100%; height: calc(100vh); background-color: #FFF; border: none; border-right: 1px solid #EEE; overflow: hidden; box-shadow: 0 0 15px rgba(0, 0, 0, 0.065); } .side-header #header-wrap {width: 300px; height: 100%; overflow: auto; padding-right: 40px; } .side-header #header .container {width: 260px!important; padding: 0 30px!important; margin: 0 !important; } .side-header #logo {float: none; margin: 60px 0 40px; } .side-header #logo img {height: auto !important; } .side-header #logo:not(.nobottomborder):after, .side-header #primary-menu:not(.nobottomborder):after {display: block; content: ''; width: 20%; border-bottom: 1px solid #E5E5E5; } .side-header .center #logo:after {margin: 0 auto; } .side-header #primary-menu {margin-bottom: 30px; } .side-header #primary-menu:not(.nobottomborder):after {margin-top: 40px; } .side-header #primary-menu, .side-header #primary-menu ul {float: none; height: auto; } .side-header #primary-menu ul li {float: none; margin: 15px 0 0; } .side-header #primary-menu ul li:first-child {margin-top: 0; } .side-header #primary-menu ul li a {height: 25px; line-height: 25px; padding: 0; text-transform: uppercase; } .side-header #primary-menu ul li i {line-height: 24px; } .side-header #primary-menu ul ul {position: relative; width: 100%; background-color: transparent; box-shadow: none; border: none; height: auto; z-index: 1; top: 0; left: 0; margin: 5px 0; padding-left: 12px; } .side-header #primary-menu ul ul ul {top: 0!important; left: 0; } .side-header #primary-menu ul ul.menu-pos-invert {left: 0; right: auto; } .side-header #primary-menu ul ul ul.menu-pos-invert {right: auto; } .side-header #primary-menu ul ul li {margin: 0; border: 0; } .side-header #primary-menu ul ul li:first-child {border-top: 0; } .side-header #primary-menu ul ul a {font-size: 12px; height: auto!important; line-height: 24px!important; padding: 2px 0 !important; } .side-header #primary-menu ul ul li:hover > a {background-color: transparent!important; color: #444 !important; } .side-header #primary-menu ul > li.sub-menu > a, .side-header #primary-menu ul > li.sub-menu:hover > a {background-image: none !important; } .side-header #primary-menu ul > li.sub-menu > a:after {position: absolute; content: '\e7a5'; top: 1px; right: 0; -webkit-transition: transform 0.2s linear; -o-transition: transform 0.2s linear; transition: transform 0.2s linear; } .side-header #primary-menu ul > li.sub-menu:hover > a:after {filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1); -webkit-transform: rotate(90deg); -moz-transform: rotate(90deg); -ms-transform: rotate(90deg); -o-transform: rotate(90deg); transform: rotate(90deg); } .side-header:not(.open-header) #wrapper {margin: 0 0 0 260px !important; width: auto !important; } .side-header:not(.open-header) #wrapper .container {width: auto; max-width: none; margin: 0 40px; } .side-header.open-header.push-wrapper {overflow-x: hidden; } .side-header.open-header #header {left: -260px; } .side-header.open-header.side-header-open #header {left: 0; } .side-header.open-header #wrapper {left: 0; } .side-header.open-header.push-wrapper.side-header-open #wrapper {left: 260px; } #header-trigger {display: none; } .side-header.open-header #header-trigger {display: block; position: fixed; cursor: pointer; top: 20px; left: 20px; z-index: 11; font-size: 16px; width: 32px; height: 32px; line-height: 32px; background-color: #FFF; text-align: center; border-radius: 2px; } .side-header.open-header.side-header-open #header-trigger {left: 280px; } .side-header.open-header #header-trigger i:nth-child(1), .side-header.open-header.side-header-open #header-trigger i:nth-child(2) {display: block; } .side-header.open-header.side-header-open #header-trigger i:nth-child(1), .side-header.open-header #header-trigger i:nth-child(2) {display: none; } .side-header.open-header #header, .side-header.open-header #header-trigger, .side-header.open-header.push-wrapper #wrapper {-webkit-transition: left 0.4s ease; -o-transition: left 0.4s ease; transition: left 0.4s ease; } .side-header.side-header-right #header {left: auto; right: 0; border: none; border-left: 1px solid #EEE; } .side-header.side-header-right:not(.open-header) #wrapper {margin: 0 260px 0 0 !important; } .side-header.side-header-right.open-header #header {left: auto; right: -260px; } .side-header.side-header-right.open-header.side-header-open #header {left: auto; right: 0; } .side-header.side-header-right.open-header.push-wrapper.side-header-open #wrapper {left: -260px; } .side-header.side-header-right.open-header #header-trigger {left: auto; right: 20px; } .side-header.side-header-right.open-header.side-header-open #header-trigger {left: auto; right: 280px; } .side-header.side-header-right.open-header #header, .side-header.side-header-right.open-header #header-trigger {-webkit-transition: right 0.4s ease; -o-transition: right 0.4s ease; transition: right 0.4s ease; } } body.side-push-panel {overflow-x: hidden; } #side-panel {position: fixed; top: 0; right: -300px; z-index: 399; width: 300px; height: 100%; background-color: #F5F5F5; overflow: hidden; -webkit-backface-visibility: hidden; } body.side-panel-left #side-panel {left: -300px; right: auto; } body.side-push-panel.stretched #wrapper, body.side-push-panel.stretched #header.sticky-header .container {right: 0; } body.side-panel-left.side-push-panel.stretched #wrapper, body.side-panel-left.side-push-panel.stretched #header.sticky-header .container {left: 0; right: auto; } #side-panel .side-panel-wrap {position: absolute; top: 0; left: 0; bottom: 0; width: 330px; height: 100%; overflow: auto; padding: 50px 70px 50px 40px; } body.device-touch #side-panel .side-panel-wrap {overflow-y: scroll; } #side-panel .widget {margin-top: 40px; padding-top: 40px; width: 220px; border-top: 1px solid #E5E5E5; } #side-panel .widget:first-child {padding-top: 0; border-top: 0; margin: 0; } body.side-panel-open #side-panel {right: 0; } body.side-panel-left.side-panel-open #side-panel {left: 0; right: auto; } body.side-push-panel.side-panel-open.stretched #wrapper, body.side-push-panel.side-panel-open.stretched #header.sticky-header .container {right: 300px; } body.side-push-panel.side-panel-open.stretched.device-xl .slider-parallax-inner, body.side-push-panel.side-panel-open.stretched.device-lg .slider-parallax-inner {left: -300px; } body.side-panel-left.side-push-panel.side-panel-open.stretched #wrapper, body.side-panel-left.side-push-panel.side-panel-open.stretched #header.sticky-header .container, body.side-panel-left.side-push-panel.side-panel-open.stretched .slider-parallax-inner {left: 300px; right: auto; } #side-panel-trigger {display: block; cursor: pointer; z-index: 11; margin-right: 5px; } #side-panel-trigger-close a {display: none; } #side-panel, body.side-push-panel.stretched #wrapper, body.side-push-panel.stretched #header .container {-webkit-transition: right 0.4s ease; -o-transition: right 0.4s ease; transition: right 0.4s ease; } body.side-panel-left #side-panel, body.side-panel-left.side-push-panel.stretched #wrapper, body.side-panel-left.side-push-panel.stretched #header .container, body.side-push-panel.stretched .slider-parallax-inner {-webkit-transition: left 0.4s ease; -o-transition: left 0.4s ease; transition: left 0.4s ease; } .body-overlay {opacity: 0; position: fixed; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.6); z-index: -1; pointer-events: none; -webkit-backface-visibility: hidden; -webkit-transition: opacity 0.3s ease; -o-transition: opacity 0.3s ease; transition: opacity 0.3s ease; } body.side-panel-open .body-overlay {opacity: 1; z-index: 298; pointer-events: auto; } body.side-panel-open:not(.device-xs):not(.device-sm):not(.device-md) .body-overlay:hover {cursor: url(images/icons/close.png) 15 15, default; } .slider-element {position: relative; width: 100%; overflow: hidden; } .slider-parallax {position: relative; } .slider-parallax, .slider-parallax .swiper-container {visibility: visible; -webkit-backface-visibility: hidden; } .slider-parallax .slider-parallax-inner {position: fixed; width: 100%; height: 100%; } .device-touch .slider-parallax .slider-parallax-inner {position: relative; } body:not(.side-header) .slider-parallax .slider-parallax-inner {left: 0; } body:not(.stretched) .slider-parallax .slider-parallax-inner {left: auto; } #header.transparent-header + .slider-parallax .slider-parallax-inner {top: 0; } .slider-parallax .slider-parallax-inner, .slider-parallax .slider-caption {will-change: transform; -webkit-transform: translate3d(0, 0, 0); -webkit-transition: transform 0 linear; -webkit-backface-visibility: hidden; } .boxed-slider {padding-top: 40px; } .fslider[data-animation="fade"][data-thumbs="true"] .flexslider, .fslider.testimonial[data-animation="fade"] .flexslider {height: auto !important; } .flex-control-nav.flex-control-thumbs {position: relative; top: 0; left: 0; right: 0; margin: 2px -2px -2px 0; height: 75px; } .flex-control-nav.flex-control-thumbs li {margin: 0 2px 2px 0; } .flex-control-nav.flex-control-thumbs li img {cursor: pointer; text-indent: -9999px; border: 0; border-radius: 0; margin: 0; opacity: 0.5; -webkit-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } .flex-control-nav.flex-control-thumbs li, .flex-control-nav.flex-control-thumbs li img {display: block; width: 100px!important; height: auto !important; } .flex-control-nav.flex-control-thumbs li:hover img, .flex-control-nav.flex-control-thumbs li img.flex-active {border-width: 0; opacity: 1; } .fslider.flex-thumb-grid .flex-control-nav.flex-control-thumbs {margin: 2px -2px -2px 0; height: auto; } .fslider.flex-thumb-grid .flex-control-nav.flex-control-thumbs li {width: 25%!important; height: auto!important; margin: 0; padding: 0 2px 2px 0; } .fslider.flex-thumb-grid.grid-3 .flex-control-nav.flex-control-thumbs li {width: 33.3% !important; } .fslider.flex-thumb-grid.grid-5 .flex-control-nav.flex-control-thumbs li {width: 20% !important; } .fslider.flex-thumb-grid.grid-6 .flex-control-nav.flex-control-thumbs li {width: 16.66% !important; } .fslider.flex-thumb-grid.grid-8 .flex-control-nav.flex-control-thumbs li {width: 12.5% !important; } .fslider.flex-thumb-grid.grid-10 .flex-control-nav.flex-control-thumbs li {width: 10% !important; } .fslider.flex-thumb-grid.grid-12 .flex-control-nav.flex-control-thumbs li {width: 8.33% !important; } .fslider.flex-thumb-grid .flex-control-nav.flex-control-thumbs li img {width: 100%!important; height: auto !important; } .swiper-slide [data-caption-animate] {-webkit-backface-visibility: hidden; } .swiper-slide .video-wrap, .section .video-wrap, .swiper-slide .yt-bg-player, .section .yt-bg-player {position: absolute; width: 100%; height: 100%; z-index: -1; top: 0; left: 0; } .slider-element .container {position: relative; height: 100%; } .slider-element.canvas-slider .swiper-slide img {width: 100%; } .slider-element.canvas-slider a {display: block; height: 100%; } .swiper-pagination {position: absolute; width: 100%; z-index: 20; margin: 0; top: auto; bottom: 20px!important; text-align: center; line-height: 1; } .swiper-pagination span {display: inline-block; cursor: pointer; width: 10px; height: 10px; margin: 0 4px; opacity: 1; background-color: transparent; border: 1px solid #FFF; border-radius: 50%; -webkit-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; } .swiper-pagination span:hover, .swiper-pagination span.swiper-pagination-bullet-active {background-color: #FFF !important; } .tp-banner .button {height: auto !important; } .video-wrap {overflow: hidden; width: 100%; position: relative; } .video-wrap video {position: relative; z-index: 1; width: 100%; } .video-overlay, .video-placeholder {position: absolute; width: 100%; height: 100%; top: 0; left: 0; z-index: 5; background: transparent url(images/grid.png) repeat; -webkit-backface-visibility: hidden; } .video-placeholder {z-index: 4; background-repeat: no-repeat !important; } .slider-caption, .flex-caption {position: absolute; top: 0; left: 15px; z-index: 20; max-width: 550px; color: #EEE; font-size: 1.375rem; font-weight: 300; text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.15); -webkit-transition: top 0.3s ease; -o-transition: top 0.3s ease; transition: top 0.3s ease; } .slider-caption:not(.dark), .slider-caption:not(.dark) h2 {color: #222; text-shadow: none; } .slider-caption h2 {font-size: 4rem; letter-spacing: 2px; text-transform: uppercase; font-weight: 700; line-height: 1; margin-bottom: 0; } .slider-caption p {margin-top: 30px; margin-bottom: 10px; font-size: 24px; } .slider-caption.slider-caption-right {left: auto; right: 15px; } .slider-caption.slider-caption-center {position: relative; max-width: 800px; text-align: center; margin: 0 auto; left: 0; right: 0; } .slider-caption-bg {padding: 5px 12px; border-radius: 2px; background-color: rgba(0, 0, 0, 0.6); top: auto; bottom: 50px; left: 50px; } .slider-caption-bg.slider-caption-bg-light {background-color: rgba(255, 255, 255, 0.8); color: #333; font-weight: 400; text-shadow: none; } .slider-caption-top-left {top: 50px; bottom: auto; } .slider-caption-top-right {top: 50px; bottom: auto; left: auto; right: 50px; } .slider-caption-bottom-right {left: auto; right: 50px; } .slider-element .owl-carousel {margin: 0; } .slider-arrow-left, .slider-arrow-right, .flex-prev, .flex-next, .slider-arrow-top-sm, .slider-arrow-bottom-sm {position: absolute; cursor: pointer; z-index: 10; top: 50%; left: 0; margin-top: -26px; background-color: rgba(0, 0, 0, 0.3); width: 52px; height: 52px; border: 0; border-radius: 0 3px 3px 0; -webkit-transition: background-color 0.3s ease-in-out; -o-transition: background-color 0.3s ease-in-out; transition: background-color 0.3s ease-in-out; } .slider-arrow-top-sm, .slider-arrow-bottom-sm {top: auto; bottom: 57px; left: auto; right: 20px; margin: 0; width: 32px; height: 32px; border-radius: 3px 3px 0 0; } .slider-arrow-bottom-sm {bottom: 20px; border-radius: 0 0 3px 3px; } .fslider[data-thumbs="true"] .flex-prev, .fslider[data-thumbs="true"] .flex-next {margin-top: -64px; } .slider-arrow-right, .slider-element .owl-next, .flex-next {left: auto; right: 0; border-radius: 3px 0 0 3px; } .slider-arrow-left i, .slider-arrow-right i, .flex-prev i, .flex-next i, .slider-arrow-top-sm i, .slider-arrow-bottom-sm i {line-height: 50px; width: 34px; height: 52px; color: #DDD; color: rgba(255, 255, 255, 0.8); text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.1); font-size: 34px; text-align: center; margin-left: 7px; } .slider-arrow-top-sm i, .slider-arrow-bottom-sm i {width: 32px; height: 32px; margin: 0; line-height: 30px; font-size: 18px; color: #FFF; color: #ffffff; } .flex-prev i {margin-left: 9px; } .slider-element .owl-prev i {margin-left: 0; } .slider-arrow-right i {margin-left: 10px; } .flex-next i {margin-left: 11px; } .slider-element .owl-next i {margin-right: 4px; } .slider-arrow-left:hover, .slider-arrow-right:hover, .flex-prev:hover, .flex-next:hover, .slider-arrow-top-sm:hover, .slider-arrow-bottom-sm:hover {background-color: rgba(0, 0, 0, 0.6) !important; } .slide-number {position: absolute; opacity: 0; top: auto; right: 20px; bottom: 20px; z-index: 20; width: 36px; height: 40px; text-align: center; color: rgba(255, 255, 255, 0.8); text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.15); font-size: 18px; font-weight: 300; -webkit-transition: all 0.3s linear; -o-transition: all 0.3s linear; transition: all 0.3s linear; } .slider-element:hover .slide-number {opacity: 1; } .slide-number-current, .slide-number-total {position: absolute; line-height: 1; top: 5px; left: 0; } .slide-number-total {top: auto; bottom: 5px; left: auto; right: 0; } .slide-number span {display: block; font-size: 32px; line-height: 40px; } .slider-element .owl-dots {position: absolute; width: 100%; z-index: 20; margin: 0; top: auto; bottom: 15px; } .slider-element .owl-dots button {width: 10px; height: 10px; margin: 0 3px; opacity: 1!important; background-color: transparent!important; border: 1px solid #FFF; } .slider-element .owl-dots .owl-dot.active, .slider-element .owl-dots .owl-dot:hover {background-color: #FFF !important; } #page-title {position: relative; padding: 50px 0; background-color: #F5F5F5; border-bottom: 1px solid #EEE; } #page-title .container {position: relative; } #page-title h1 {padding: 0; margin: 0; line-height: 1; font-weight: 600; letter-spacing: 1px; color: #333; font-size: 28px; text-transform: uppercase; } #page-title span {display: block; margin-top: 10px; font-weight: 300; color: #777; font-size: 18px; } .breadcrumb {position: absolute!important; width: auto!important; top: 50%!important; left: auto!important; right: 15px!important; margin: -10px 0 0 !important; background-color: transparent!important; padding: 0!important; font-size: 12px; } body.stretched .container-fullwidth .breadcrumb {right: 60px !important; } #header.transparent-header + #page-title.page-title-parallax .breadcrumb {margin-top: 35px !important; } .breadcrumb a {color: #555; } .breadcrumb a:hover {color: #1ABC9C; } .breadcrumb i {width: auto !important; } #page-title.page-title-dark {background-color: #333; text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.15) !important; border-bottom: none; } #page-title.page-title-dark h1 {color: rgba(255, 255, 255, 0.9) !important; } #page-title.page-title-dark span {color: rgba(255, 255, 255, 0.7); } #page-title.page-title-dark .breadcrumb > .active {color: rgba(255, 255, 255, 0.6); } #page-title.page-title-dark .breadcrumb a {color: rgba(255, 255, 255, 0.8); } #page-title.page-title-dark .breadcrumb a:hover {color: rgba(255, 255, 255, 0.95); } #page-title.page-title-right {text-align: right; } #page-title.page-title-right .breadcrumb {left: 15px!important; right: auto !important; } #page-title.page-title-center {text-align: center; } #page-title.page-title-center span {max-width: 700px; margin-left: auto; margin-right: auto; } #page-title.page-title-center .breadcrumb {position: relative!important; top: 0!important; left: 0!important; right: 0!important; margin: 20px 0 0!important; justify-content: center; } #page-title.page-title-pattern {background-image: url(images/pattern.png); background-repeat: repeat; background-attachment: fixed; } #page-title.page-title-parallax {padding: 100px 0; text-shadow: none; border-bottom: none; } #page-title.page-title-parallax h1 {font-size: 40px; font-weight: 600; letter-spacing: 2px; } #page-title.page-title-parallax span {font-size: 22px; } #page-title.page-title-parallax .breadcrumb {font-size: 13px; } #page-title.page-title-parallax {background-color: transparent; background-image: url(images/parallax/parallax-bg.jpg); background-attachment: fixed; background-position: 50% 0; background-repeat: no-repeat; } #page-title.page-title-mini {padding: 20px 0; } #page-title.page-title-mini h1 {font-weight: 600; font-size: 18px; color: #444; } #page-title.page-title-mini span {display: none; } #page-title.page-title-nobg {background: transparent!important; border-bottom: 1px solid #F5F5F5; } #page-title.page-title-video {background: none; position: relative; overflow: hidden; } #page-title.page-title-video .container {z-index: 3; } #page-title.page-title-video .video-wrap {position: absolute; width: 100%; height: 100%; top: 0; left: 0; } #page-title.page-title-video .video-wrap video {width: 100%; } #content {position: relative; overflow: hidden; background-color: #FFF; } #content p {line-height: 1.8; } .content-wrap {position: relative; padding: 80px 0; } #content .container {position: relative; } .grid-container {position: relative; overflow: hidden; } body:not(.device-touch) .grid-container {-webkit-transition: height 0.4s ease; -o-transition: height 0.4s ease; transition: height 0.4s ease; } .portfolio-filter {position: relative; margin: 0 0 40px; list-style: none; border: 1px solid rgba(0, 0, 0, 0.07); float: left; border-radius: 4px; } .portfolio-filter li {float: left; position: relative; } .portfolio-filter li a {display: block; position: relative; padding: 12px 18px; font-size: 13px; line-height: 15px; color: #666; border-left: 1px solid rgba(0, 0, 0, 0.07); } .portfolio-filter li:first-child a {border-left: none; border-radius: 4px 0 0 4px; } .portfolio-filter li:last-child a {border-radius: 0 4px 4px 0; } .portfolio-filter li a:hover {color: #1ABC9C; } .portfolio-filter li.activeFilter a {color: #FFF !important; background-color: #1ABC9C; margin: -1px 0; padding: 13px 18px; font-weight: 700; } .bothsidebar .portfolio-filter li a {padding: 12px 14px; } .bothsidebar .portfolio-filter li.activeFilter a {padding: 13px 18px; } .portfolio-filter.style-2, .portfolio-filter.style-3, .portfolio-filter.style-4 {border: none; border-radius: 0; } .portfolio-filter.style-2 li, .portfolio-filter.style-3 li, .portfolio-filter.style-4 li {margin-bottom: 10px; } .portfolio-filter.style-2 li:not(:first-child), .portfolio-filter.style-3 li:not(:first-child) {margin-left: 10px; } .portfolio-filter.style-2 li a, .portfolio-filter.style-3 li a, .portfolio-filter.style-4 li a {padding-top: 9px; padding-bottom: 9px; font-size: 14px; line-height: 16px; border-radius: 22px; border: none; } .portfolio-filter.style-2 li.activeFilter a {color: #FFF !important; margin: 0; } .portfolio-filter.style-3 li a {border: 1px solid transparent; } .portfolio-filter.style-3 li.activeFilter a {color: #1ABC9C !important; border-color: #1ABC9C; background-color: transparent; margin: 0; } .portfolio-filter.style-4 li:not(:first-child) {margin-left: 30px; } .portfolio-filter.style-4 li a {padding: 13px 5px; font-size: 15px; border-radius: 0; } .portfolio-filter.style-4 li a:after {content: ''; position: absolute; top: auto; bottom: 0; left: 50%; width: 0; height: 2px; -webkit-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; } .portfolio-filter.style-4 li.activeFilter a {color: #444 !important; background-color: transparent; margin: 0; } .portfolio-filter.style-4 li.activeFilter a:after {width: 100%; left: 0; background-color: #1ABC9C; } .portfolio-filter.center.style-2 li, .portfolio-filter.center.style-3 li, .portfolio-filter.center.style-4 li {display: inline-block; float: none; } .portfolio-shuffle {float: right; width: 41px; height: 41px; border: 1px solid rgba(0, 0, 0, 0.07); font-size: 14px; text-align: center; line-height: 41px; color: #333; border-radius: 4px; cursor: pointer; -webkit-transition: all 0.2s linear; -o-transition: all 0.2s linear; transition: all 0.2s linear; } .portfolio-shuffle:hover {background-color: #1ABC9C; color: #FFF; text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.2); } .portfolio {position: relative; margin: 0 -12px -12px 0; } body:not(.device-touch) .portfolio {-webkit-transition: height 0.4s linear; -o-transition: height 0.4s linear; transition: height 0.4s linear; } .portfolio-item {float: left; position: relative; width: 25%; height: auto; padding: 0 12px 12px 0; } .portfolio-notitle .portfolio-item, .portfolio-notitle .iportfolio {overflow: hidden; } .portfolio-item .portfolio-image {position: relative; overflow: hidden; } .portfolio-item .portfolio-image, .portfolio-item .portfolio-image a, .portfolio-item .portfolio-image img {display: block; width: 100%; height: auto; } body:not(.device-touch):not(.device-sm):not(.device-xs) .portfolio-notitle .portfolio-image img {-webkit-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; } .portfolio-desc {z-index: 3; padding: 15px 5px 10px; } .portfolio-desc h3 {margin: 0; padding: 0; font-size: 19px; } .portfolio-desc h3 a {color: #222; } .portfolio-desc h3 a:hover {color: #1ABC9C; } .portfolio-desc span {display: block; margin-top: 3px; color: #888; } .portfolio-desc span a {color: #888; } .portfolio-desc span a:hover {color: #000; } .portfolio-notitle .portfolio-desc {position: absolute; display: block!important; width: 100%; height: 78px; padding: 15px 5px; top: auto; bottom: -79px; left: 0; background-color: #FFF; border-bottom: 1px solid #EEE; } body:not(.device-touch):not(.device-sm):not(.device-xs) .portfolio-notitle .portfolio-desc {-webkit-transition: bottom 0.2s ease-in-out; -o-transition: bottom 0.2s ease-in-out; transition: bottom 0.2s ease-in-out; } .portfolio-full.portfolio-notitle .portfolio-desc, .portfolio-nomargin.portfolio-notitle .portfolio-desc {bottom: -78px; border-bottom: 0; } .portfolio-notitle .portfolio-item:hover .portfolio-desc, .portfolio-notitle .iportfolio:hover .portfolio-desc {bottom: 0 !important; } .bothsidebar .portfolio-notitle .portfolio-item:hover .portfolio-image img {-webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); } body:not(.device-touch):not(.device-sm):not(.device-xs) .portfolio-notitle .portfolio-item:hover .portfolio-image img, body:not(.device-touch):not(.device-sm):not(.device-xs) .bothsidebar .portfolio-3.portfolio-notitle .portfolio-item:hover .portfolio-image img, body:not(.device-touch):not(.device-sm):not(.device-xs) .bothsidebar .portfolio-2.portfolio-notitle .portfolio-item:hover .portfolio-image img, body:not(.device-touch):not(.device-sm):not(.device-xs) .portfolio-notitle .iportfolio:hover .portfolio-image img {-webkit-transform: translateY(-20px); -moz-transform: translateY(-20px); -ms-transform: translateY(-20px); -o-transform: translateY(-20px); transform: translateY(-20px); } body.device-touch.device-sm .portfolio-notitle .portfolio-desc, body.device-touch.device-xs .portfolio-notitle .portfolio-desc {display: none !important; } .portfolio.portfolio-nomargin, .portfolio.portfolio-full {margin: 0 !important; } .portfolio-nomargin .portfolio-item, .portfolio-full .portfolio-item {padding: 0 !important; } .portfolio-nomargin .portfolio-desc {padding: 15px 10px; } .portfolio.portfolio-full {margin: 0!important; width: 100%; } .portfolio-full .portfolio-item {overflow: hidden !important; } .portfolio-full .portfolio-desc {padding: 15px; } .postcontent .portfolio-desc h3 {font-size: 17px; } .postcontent .portfolio-desc span {font-size: 12px; } .postcontent .portfolio-notitle .portfolio-desc {height: 70px; bottom: -71px; } .postcontent .portfolio-full.portfolio-notitle .portfolio-desc, .postcontent .portfolio-nomargin.portfolio-notitle .portfolio-desc {bottom: -70px; } .postcontent .portfolio-notitle .portfolio-item:hover .portfolio-overlay a {margin-top: -50px !important; } .bothsidebar .portfolio {margin: 0; } .bothsidebar .portfolio-item {padding: 0; } .bothsidebar .portfolio-desc {display: none !important; } .portfolio.portfolio-3 {margin: 0 -15px -15px 0; } .portfolio-3 .portfolio-item {width: 33.33333333%; padding: 0 15px 15px 0; } .postcontent .portfolio-3 .portfolio-desc h3 {font-size: 18px; } .postcontent .portfolio-3 .portfolio-desc span {font-size: 13px; } .postcontent .portfolio-3.portfolio-notitle .portfolio-desc {height: 72px; bottom: -73px; } .postcontent .portfolio-3.portfolio-full.portfolio-notitle .portfolio-desc, .postcontent .portfolio-3.portfolio-nomargin.portfolio-notitle .portfolio-desc {bottom: -72px; } .postcontent .portfolio-3.portfolio-notitle .portfolio-item:hover .portfolio-overlay a {margin-top: -40px !important; } .bothsidebar .portfolio.portfolio-3 {margin: 0 -11px -11px 0; } .bothsidebar .portfolio-3 .portfolio-item {padding: 0 11px 11px 0; } .bothsidebar .portfolio-3 .portfolio-desc {display: block !important; } .bothsidebar .portfolio-3 .portfolio-desc h3 {font-size: 15px; } .bothsidebar .portfolio-3 .portfolio-desc span {font-size: 12px; } .bothsidebar .portfolio-3.portfolio-notitle .portfolio-desc {height: 68px; bottom: -69px; } .bothsidebar .portfolio-3.portfolio-full.portfolio-notitle .portfolio-desc, .bothsidebar .portfolio-3.portfolio-nomargin.portfolio-notitle .portfolio-desc {bottom: -68px; } .bothsidebar .portfolio-3.portfolio-notitle .portfolio-item:hover .portfolio-overlay a {margin-top: -50px !important; } .portfolio.portfolio-2 {margin: 0 -20px -20px 0; } .portfolio-2 .portfolio-item {width: 50%; padding: 0 20px 20px 0; } .portfolio-2 .portfolio-desc {padding: 20px 5px 10px; } .portfolio-2 .portfolio-desc h3 {font-size: 21px; } .portfolio-2 .portfolio-desc span {margin-top: 4px; font-size: 14px; } .portfolio-2.portfolio-nomargin .portfolio-desc {padding: 20px 15px; } .portfolio-2.portfolio-notitle .portfolio-desc {height: 90px; bottom: -91px; } .portfolio-2.portfolio-full.portfolio-notitle .portfolio-desc, .portfolio-2.portfolio-nomargin.portfolio-notitle .portfolio-desc {bottom: -90px; } .postcontent .portfolio-2 .portfolio-desc h3 {font-size: 21px; } .postcontent .portfolio-2 .portfolio-desc span {font-size: 14px; } .postcontent .portfolio-2.portfolio-nomargin .portfolio-desc {padding-bottom: 20px; } .postcontent .portfolio-2.portfolio-notitle .portfolio-desc {height: 90px; bottom: -91px; } .postcontent .portfolio-2.portfolio-full.portfolio-notitle .portfolio-desc, .postcontent .portfolio-2.portfolio-nomargin.portfolio-notitle .portfolio-desc {bottom: -90px; } .postcontent .portfolio-2.portfolio-notitle .portfolio-item:hover .portfolio-overlay a {margin-top: -40px !important; } .bothsidebar .portfolio-2 .portfolio-desc {display: block!important; padding-top: 15px; padding-bottom: 0; } .bothsidebar .portfolio-2 .portfolio-desc h3 {font-size: 19px; } .bothsidebar .portfolio-2 .portfolio-desc span {font-size: 13px; } .bothsidebar .portfolio-2.portfolio-nomargin .portfolio-desc {padding-bottom: 15px; } .bothsidebar .portfolio-2.portfolio-notitle .portfolio-desc {height: 75px; bottom: -76px; } .bothsidebar .portfolio-2.portfolio-full.portfolio-notitle .portfolio-desc, .bothsidebar .portfolio-2.portfolio-nomargin.portfolio-notitle .portfolio-desc {bottom: -75px; } .bothsidebar .portfolio-2.portfolio-notitle .portfolio-item:hover .portfolio-overlay a {margin-top: -40px !important; } .portfolio.portfolio-5 {margin: 0 -10px -10px 0; } .portfolio-5 .portfolio-item {width: 20%; padding: 0 10px 10px 0; } .portfolio-5 .portfolio-desc h3 {font-size: 17px; } .portfolio-5.portfolio-notitle .portfolio-desc {height: 71px; bottom: -72px; } .portfolio-5.portfolio-full.portfolio-notitle .portfolio-desc, .portfolio-5.portfolio-nomargin.portfolio-notitle .portfolio-desc {bottom: -71px; } .portfolio-5.portfolio-notitle .portfolio-item:hover .portfolio-overlay a {margin-top: -30px !important; } .postcontent .portfolio.portfolio-5 {margin: 0; } .postcontent .portfolio-5 .portfolio-item {padding: 0; } .postcontent .portfolio-5 .portfolio-desc h3 {font-size: 15px; } .postcontent .portfolio-5 .portfolio-desc span {font-size: 12px; } .postcontent .portfolio-5 .portfolio-desc {padding: 15px 10px; } .postcontent .portfolio-5.portfolio-notitle .portfolio-desc {height: 68px; bottom: -69px; } .postcontent .portfolio-5.portfolio-full.portfolio-notitle .portfolio-desc, .postcontent .portfolio-5.portfolio-nomargin.portfolio-notitle .portfolio-desc {bottom: -68px; } .postcontent .portfolio-5.portfolio-notitle .portfolio-item:hover .portfolio-overlay a {margin-top: -50px !important; } .portfolio.portfolio-6 {margin: 0 -6px -6px 0; } .portfolio-6 .portfolio-item {width: 16.66666667%; padding: 0 6px 6px 0; } .portfolio-6 .portfolio-desc h3 {font-size: 15px; } .portfolio-6 .portfolio-desc span {font-size: 12px; } .portfolio-6.portfolio-notitle .portfolio-desc {height: 68px; bottom: -69px; } .portfolio-6.portfolio-full.portfolio-notitle .portfolio-desc, .portfolio-6.portfolio-nomargin.portfolio-notitle .portfolio-desc {bottom: -68px; } .portfolio-6.portfolio-notitle .portfolio-item:hover .portfolio-overlay a {margin-top: -40px !important; } .portfolio.portfolio-1 {margin: 0 0 -40px; } .portfolio-1 .portfolio-item {float: none; width: 100%; margin: 0 0 40px; padding-bottom: 40px; padding-right: 0; border-bottom: 1px solid #EEE; } .portfolio-1 .portfolio-item .portfolio-image {float: left; margin-right: 0; width: 65%; height: auto; } .portfolio-1 .portfolio-item.alt .portfolio-image {float: right; margin: 0; } .portfolio-1 .portfolio-desc {float: left; width: 35%; padding: 10px 0 10px 40px; } .portfolio-1 .alt .portfolio-desc {float: right; padding-left: 0; padding-right: 40px; } .portfolio-1 .portfolio-desc h3 {font-size: 22px; } .portfolio-1 .portfolio-desc span {margin-top: 6px; font-size: 14px; } .portfolio-1 .portfolio-desc p {margin: 20px 0 25px; font-size: 14px; } .portfolio-1 .portfolio-desc li {margin: 3px 0; } .bothsidebar .portfolio-1 .iconlist {display: block !important; } .bothsidebar .portfolio-1 .portfolio-item {width: 100% !important; } .bothsidebar .portfolio-1 .portfolio-item .portfolio-image, .bothsidebar .portfolio-1 .portfolio-item .portfolio-desc {float: none; margin: 0 !important; } .bothsidebar .portfolio-1 .portfolio-item .portfolio-image {margin-bottom: 20px !important; } .bothsidebar .portfolio-1 .portfolio-item .portfolio-image, .bothsidebar .portfolio-1 .portfolio-item .portfolio-image a, .bothsidebar .portfolio-1 .portfolio-item .portfolio-image img {width: 100%; height: auto; } .bothsidebar .portfolio-1 .portfolio-desc {display: block!important; position: relative!important; width: 100%!important; padding: 0!important; background-color: transparent!important; left: 0!important; right: 0 !important; } .bothsidebar .portfolio-1.portfolio-fullwidth .portfolio-overlay a {left: 50%; } .bothsidebar .portfolio-1.portfolio-fullwidth .alt .portfolio-overlay a {left: auto; right: 50%; } .portfolio.portfolio-1.portfolio-fullwidth {margin: 0 0 -60px; } .portfolio-1.portfolio-fullwidth .portfolio-item {margin-bottom: 60px; padding: 0; border-bottom: 0; overflow: hidden; } .portfolio-1.portfolio-fullwidth .portfolio-item .portfolio-image {float: none; width: 100%; margin: 0 !important; } body:not(.device-touch):not(.device-sm):not(.device-xs) .portfolio-1.portfolio-fullwidth .portfolio-item .portfolio-image img {-webkit-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } .portfolio-1.portfolio-fullwidth .portfolio-item:hover .portfolio-image img {-webkit-transform: translateX(-60px); -moz-transform: translateX(-60px); -ms-transform: translateX(-60px); -o-transform: translateX(-60px); transform: translateX(-60px); } .portfolio-1.portfolio-fullwidth .portfolio-item.alt:hover .portfolio-image img {-webkit-transform: translateX(60px); -moz-transform: translateX(60px); -ms-transform: translateX(60px); -o-transform: translateX(60px); transform: translateX(60px); } .portfolio-1.portfolio-fullwidth .portfolio-desc {position: absolute; float: none; width: 35%; height: 100%; padding: 30px; background-color: #F9F9F9; top: 0; left: auto; right: -35%; } body:not(.device-touch):not(.device-sm):not(.device-xs) .portfolio-1.portfolio-fullwidth .portfolio-desc {-webkit-transition: right 0.3s ease-in-out; -o-transition: right 0.3s ease-in-out; transition: right 0.3s ease-in-out; } .portfolio-1.portfolio-fullwidth .portfolio-item:hover .portfolio-desc {right: 0; } .portfolio-1.portfolio-fullwidth .alt .portfolio-desc {left: -35%; right: auto; } body:not(.device-touch):not(.device-sm):not(.device-xs) .portfolio-1.portfolio-fullwidth .alt .portfolio-desc {-webkit-transition: left 0.3s ease-in-out; -o-transition: left 0.3s ease-in-out; transition: left 0.3s ease-in-out; } .portfolio-1.portfolio-fullwidth .portfolio-item.alt:hover .portfolio-desc {left: 0; } .portfolio-1.portfolio-fullwidth .portfolio-overlay a {left: 33%; } .portfolio-1.portfolio-fullwidth .alt .portfolio-overlay a {left: auto; right: 33%; } .postcontent .portfolio.portfolio-1.portfolio-fullwidth {margin: 0 0 -40px; } .postcontent .portfolio-1.portfolio-fullwidth .portfolio-item {margin-bottom: 40px; } .postcontent .portfolio-1.portfolio-fullwidth .portfolio-item:hover .portfolio-image img {-webkit-transform: translateX(-40px); -moz-transform: translateX(-40px); -ms-transform: translateX(-40px); -o-transform: translateX(-40px); transform: translateX(-40px); } .postcontent .portfolio-1.portfolio-fullwidth .portfolio-item.alt:hover .portfolio-image img {-webkit-transform: translateX(40px); -moz-transform: translateX(40px); -ms-transform: translateX(40px); -o-transform: translateX(40px); transform: translateX(40px); } .postcontent .portfolio-1.portfolio-fullwidth .portfolio-desc {padding: 25px; } .bothsidebar .portfolio-1.portfolio-fullwidth .portfolio-item .portfolio-image {margin-bottom: 20px !important; } .bothsidebar .portfolio-1.portfolio-fullwidth .portfolio-item:hover .portfolio-image img, .bothsidebar .portfolio-1.portfolio-fullwidth .portfolio-item.alt:hover .portfolio-image img {-webkit-transform: translateX(0px); -moz-transform: translateX(0px); -ms-transform: translateX(0px); -o-transform: translateX(0px); transform: translateX(0px); } .portfolio.portfolio-parallax {margin: 0 !important; } .portfolio.portfolio-parallax .portfolio-item {float: none; width: 100%!important; height: 500px!important; margin: 0!important; padding: 0 !important; } .portfolio.portfolio-parallax .portfolio-item .portfolio-image {width: 100%!important; height: 500px!important; background-attachment: fixed; } .portfolio.portfolio-parallax .portfolio-desc {position: absolute; top: 50%; left: 0; margin-top: -57px; width: 100%; text-align: center; text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.15); padding: 0; opacity: 0; } body:not(.device-touch):not(.device-sm):not(.device-xs) .portfolio.portfolio-parallax .portfolio-desc {-webkit-transition: opacity 0.15s ease-in-out; -o-transition: opacity 0.15s ease-in-out; transition: opacity 0.15s ease-in-out; } .portfolio.portfolio-parallax .portfolio-item:hover .portfolio-desc {opacity: 1; } .portfolio.portfolio-parallax .portfolio-desc h3 {font-size: 44px; font-weight: 300; letter-spacing: -1px; } .portfolio.portfolio-parallax .portfolio-desc h3 a {color: #FFF; } .portfolio.portfolio-parallax .portfolio-desc h3 a:hover {color: #DDD; } .portfolio.portfolio-parallax .portfolio-desc span {margin-top: 12px; font-size: 16px; color: #CCC; } .portfolio.portfolio-parallax .portfolio-desc span a {color: #DDD; } .portfolio.portfolio-parallax .portfolio-desc span a:hover {color: #BBB; } .portfolio.portfolio-parallax .portfolio-desc .portfolio-divider {width: 100%; text-align: center; margin: 15px 0 0; } .portfolio.portfolio-parallax .portfolio-desc .portfolio-divider div {display: inline-block; width: 50px; height: 0; border-bottom: 1px solid #FFF; } body:not(.device-touch):not(.device-sm):not(.device-xs) .portfolio.portfolio-parallax .portfolio-desc .portfolio-divider div {-webkit-transition: width 0.5s ease-in-out; -o-transition: width 0.5s ease-in-out; transition: width 0.5s ease-in-out; } .portfolio.portfolio-parallax .portfolio-item:hover .portfolio-desc .portfolio-divider div {width: 120px; } .portfolio.portfolio-parallax .portfolio-overlay {background-color: rgba(0, 0, 0, 0.4); } .portfolio-overlay {position: absolute; top: 0; left: 0; width: 100%; height: 100%; opacity: 0; z-index: 2; text-align: center; background-color: rgba(0, 0, 0, 0.5); } body:not(.device-touch):not(.device-sm):not(.device-xs) .portfolio-overlay {-webkit-transition: opacity 0.4s ease-in-out; -o-transition: opacity 0.4s ease-in-out; transition: opacity 0.4s ease-in-out; } .portfolio-item:hover .portfolio-overlay, .iportfolio:hover .portfolio-overlay {opacity: 1; } .portfolio-overlay a {position: absolute; top: 50%; left: 50%; background-color: #F5F5F5; width: 40px!important; height: 40px!important; margin: -28px 0 0 -44px; font-size: 18px; line-height: 40px; text-align: center; color: #444; border-radius: 50%; -webkit-backface-visibility: hidden; } body:not(.device-touch):not(.device-sm):not(.device-xs) .portfolio-overlay a {-webkit-transition: color 0.2s linear, background-color 0.2s linear, margin-top 0.2s linear, opacity 0.2s linear; -o-transition: color 0.2s linear, background-color 0.2s linear, margin-top 0.2s linear, opacity 0.2s linear; transition: color 0.2s linear, background-color 0.2s linear, margin-top 0.2s linear, opacity 0.2s linear; } .portfolio-overlay a.right-icon {left: auto; right: 50%; margin-left: 0; margin-right: -44px; } .portfolio-overlay a.center-icon {display: block; margin: -20px 0 0 -20px; opacity: 0; } .portfolio-item:hover a.center-icon, .iportfolio:hover a.center-icon {opacity: 1; } .portfolio-overlay a:hover {color: #1ABC9C; background-color: #EEE; } .portfolio-item:hover .portfolio-overlay a.left-icon, .portfolio-item:hover .portfolio-overlay a.right-icon, .iportfolio:hover .portfolio-overlay a.left-icon, .iportfolio:hover .portfolio-overlay a.right-icon {margin-top: -18px; } .portfolio-overlay a i.icon-line-play {position: relative; left: 2px; } .portfolio-overlay .portfolio-desc {position: relative; padding: 0!important; margin: 0; text-align: center; } .portfolio-overlay .portfolio-desc a {display: inline; position: relative; top: 0; left: 0; margin: 0; font-size: inherit; width: auto!important; height: auto!important; line-height: 1; background-color: transparent!important; text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.15); } .portfolio-overlay .portfolio-desc h3 {font-weight: 600; color: #F5F5F5 !important; line-height: 1; } .portfolio-overlay .portfolio-desc h3 a {color: #F5F5F5 !important; } .portfolio-overlay .portfolio-desc span {margin-top: 7px; color: #DDD !important; } .portfolio-overlay .portfolio-desc span a {color: #DDD !important; font-size: inherit; } .portfolio-overlay .portfolio-desc ~ a {display: inline-block; position: relative; top: 0; left: 0; margin: 20px 0 0 !important; } body:not(.device-touch):not(.device-sm):not(.device-xs) .portfolio-overlay .portfolio-desc ~ a {-webkit-transition: color 0.2s linear, background-color 0.2s linear, opacity 0.2s linear; -o-transition: color 0.2s linear, background-color 0.2s linear, opacity 0.2s linear; transition: color 0.2s linear, background-color 0.2s linear, opacity 0.2s linear; } .portfolio-overlay .portfolio-desc ~ a.right-icon {left: 0; right: 0; margin-left: 5px!important; margin-right: 0 !important; } .portfolio-overlay .portfolio-desc a:hover {background: transparent; } body.device-touch.device-sm .portfolio-notitle .portfolio-overlay, body.device-touch.device-xs .portfolio-notitle .portfolio-overlay {display: none !important; } .portfolio-single-image > a, .portfolio-single-image .slide a, .portfolio-single-image img, .portfolio-single-image iframe, .portfolio-single-image video {display: block; width: 100%; } .portfolio-single-image-full {position: relative; height: 600px; overflow: hidden; margin: -80px 0 80px !important; } .portfolio-single-video {height: auto !important; } .portfolio-single-image-full .swiper-container {width: 100%; height: 600px; background-color: #333; } .portfolio-single-image-full .swiper-nested-1, .portfolio-single-image-full .swiper-nested-2 {width: 100%; } .portfolio-single-image-full .swiper-slide {overflow: hidden; } .portfolio-single-image-full .swiper-slide img {width: 100%; height: auto; } .masonry-thumbs {position: relative; } .masonry-thumbs a {position: relative; float: left; width: 25%; max-width: 100%!important; overflow: hidden; } .masonry-thumbs.grid-2 a {width: 50%; } .masonry-thumbs.grid-3 a {width: 33.3%; } .masonry-thumbs.grid-4 a {width: 25%; } .masonry-thumbs.grid-5 a {width: 20%; } .masonry-thumbs.grid-6 a {width: 16.6%; } .masonry-thumbs a, .masonry-thumbs img {display: block; height: auto !important; } .masonry-thumbs img {width: 100%; border-radius: 0!important; padding: 0 1px 1px 0; } .masonry-thumbs .overlay {padding: 0 1px 1px 0; } .portfolio-single-content {font-size: 14px; } .portfolio-single-content h2 {margin: 0 0 20px; padding: 0; font-size: 20px; font-weight: 600 !important; } .portfolio-ajax-modal {width: 1000px !important; } .modal-padding {padding: 40px; } .ajax-modal-title {background-color: #F9F9F9; border-bottom: 1px solid #EEE; padding: 25px 40px; } .ajax-modal-title h2 {font-size: 26px; margin-bottom: 0; } #portfolio-ajax-wrap {position: relative; max-height: 0; overflow: hidden; -webkit-transition: max-height 0.4s ease; -o-transition: max-height 0.4s ease; transition: max-height 0.4s ease; } #portfolio-ajax-wrap.portfolio-ajax-opened {max-height: 1200px; } #portfolio-ajax-container {display: none; padding-bottom: 60px; } #portfolio-ajax-single h2 {font-size: 26px; } .portfolio-meta, .portfolio-share {list-style: none; font-size: 14px; } .portfolio-meta li {margin: 10px 0; color: #666; } .portfolio-meta li:first-child {margin-top: 0; } .portfolio-meta li span {display: inline-block; width: 150px; font-weight: 700; color: #333; } .portfolio-meta li span i {position: relative; top: 1px; width: 14px; text-align: center; margin-right: 7px; } .well .line {margin: 20px 0; border-color: #E5E5E5; } #portfolio-navigation {position: absolute; top: 50%; left: auto; right: 10px; max-width: 96px; height: 24px; margin-top: -12px; } .page-title-right #portfolio-navigation {left: 10px; right: auto; } .page-title-center #portfolio-navigation {position: relative; top: 0; left: 0; margin: 20px auto 0; } #portfolio-navigation a {display: block; float: left; margin-left: 12px; width: 24px; height: 24px; text-align: center; color: #444; transition: color 0.3s linear; -webkit-transition: color 0.3s linear; -o-transition: color 0.3s linear; } .page-title-dark #portfolio-navigation a {color: #EEE; } .page-title-parallax #portfolio-navigation a {color: #FFF; } #portfolio-navigation a i {position: relative; top: -1px; font-size: 24px; line-height: 1; } #portfolio-navigation a i.icon-angle-left, #portfolio-navigation a i.icon-angle-right {font-size: 32px; top: -6px; } #portfolio-navigation a i.icon-angle-right {left: -1px; } #portfolio-navigation a:first-child {margin-left: 0; } #portfolio-navigation a:hover {color: #1ABC9C; } #portfolio-ajax-show #portfolio-navigation {top: 0; margin-top: 0; } .iportfolio {position: relative; float: none; width: 100%; margin: 0; padding: 0; } .iportfolio .portfolio-image {position: relative; overflow: hidden; } .iportfolio .portfolio-image, .iportfolio .portfolio-image a, .iportfolio .portfolio-image img {display: block; width: 100%; height: auto; } .iportfolio .portfolio-overlay {height: 100% !important; } #posts {position: relative; } .entry {position: relative; margin: 0 0 50px; } .entry:after {content: ''; position: relative; height: 2px; margin-top: 50px; background-color: #F5F5F5; } .entry-image {margin-bottom: 30px; } .entry-image, .entry-image > a, .entry-image .slide a, .entry-image img {display: block; position: relative; width: 100%; height: auto; } .entry-image iframe {display: block; } .entry-image img {border-radius: 3px; } .entry-title h2 {margin: 0; font-size: 24px; font-weight: 600; text-transform: uppercase; letter-spacing: 1px; } .entry-title h2 a {color: #333; } .entry-title h2 a:hover {color: #1ABC9C; } .entry-meta {margin: 10px -10px -15px 0; list-style: none; } .single-post .entry-meta {margin-bottom: 20px; } .entry-meta li {float: left; font-size: 13px; line-height: 14px; margin: 0 10px 15px 0; color: #999; font-family: 'Crete Round', serif; font-style: italic; } .entry-meta li:before {content: '/'; display: inline-block; margin-right: 10px; opacity: 0.5; } .entry-meta li i {position: relative; top: 1px; font-size: 14px; margin-right: 3px; } .entry-meta li a {color: #999; } .entry-meta li a:hover {color: #1ABC9C; } .entry-meta li:first-child:before {display: none; } .entry-meta li ins {font-weight: 700; text-decoration: none; } .entry-c {position: relative; overflow: hidden; } #posts .entry-content {margin-top: 30px; } .single-post .entry-content .entry-image {max-width: 350px; } .entry-content {position: relative; } .entry-link {display: block; width: 100%; background-color: #F5F5F5; padding: 30px 0; text-align: center; color: #444; font-family: 'Raleway', sans-serif; text-transform: uppercase; letter-spacing: 1px; font-size: 24px; font-weight: 700; border-radius: 3px; } body:not(.device-touch) .entry-link {-webkit-transition: background-color 0.3s ease-in-out; -o-transition: background-color 0.3s ease-in-out; transition: background-color 0.3s ease-in-out; } .entry-link:hover {color: #FFF; background-color: #1ABC9C; text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.2); } .entry-link span {display: block; margin-top: 5px; font-family: 'Crete Round', serif; font-style: italic; font-weight: 400; text-transform: none; letter-spacing: 0; font-size: 14px; color: #AAA; } .entry-link:hover span {color: #EEE; } .entry blockquote p {font-weight: 400; font-family: 'Crete Round', serif; font-style: italic; } .small-thumbs .entry-image, .ievent .entry-image {float: left; width: 300px; margin: 0 30px 0 0; } .small-thumbs .entry-image img, .ievent .entry-image img {border-radius: 0; } .small-thumbs .entry-c .entry-image, .ievent .entry-c .entry-image {float: none; width: 100%; margin: 0 0 20px; } .small-thumbs .entry-c .entry-image img, .ievent .entry-c .entry-image img {border-radius: 5px; } .small-thumbs .entry-title h2, .ievent .entry-title h2 {font-size: 20px; font-weight: 600; } .small-thumbs.alt .entry-image {float: right; margin: 0 0 0 30px; } .small-thumbs.alt .entry-c .entry-image {float: none; margin: 0 0 20px; } .bothsidebar .small-thumbs .entry-image {width: 200px; margin: 0 25px 0 0; } .bothsidebar .small-thumbs.alt .entry-image {margin: 0 0 0 25px; } .bothsidebar .small-thumbs .entry-c .entry-image {width: 100%; margin: 0 0 20px; } .bothsidebar .small-thumbs .entry-title h2 {font-size: 18px; } .post-grid {margin-right: -28px; } .post-grid .entry {float: left; width: 25%; padding-right: 28px; } .post-grid .entry-image img {border-radius: 0; } .post-grid .entry-title h2 {font-size: 17px; font-weight: 600; } .post-grid .entry-link {font-size: 24px; } .post-grid .entry-link span {font-size: 13px; } .post-grid.grid-3 {margin-right: -30px; } .post-grid.grid-3 .entry {width: 33.33333333%; padding-right: 30px; } .post-grid.grid-3 .entry-title h2 {font-size: 18px; } .postcontent .post-grid.grid-3 {margin-right: -25px; } .postcontent .post-grid.grid-3 .entry {padding-right: 25px; } .postcontent .post-grid.grid-3 .entry-title h2 {font-size: 16px; } .post-grid.grid-2 {margin-right: -40px; } .post-grid.grid-2 .entry {width: 50%; padding-right: 40px; } .post-grid.grid-2 .entry-title h2 {font-size: 20px; } .postcontent .post-grid.grid-2 .entry-title h2 {font-size: 18px; } .bothsidebar .post-grid.grid-2 .entry-title h2 {font-size: 16px; } .post-masonry .entry-image, .post-masonry .entry-image img {height: auto !important; } .post-masonry-full {margin: -80px 0 -80px -1px !important; } .post-masonry-full .entry {width: 24.9% !important; margin: 0!important; padding: 40px 30px; border-bottom: 1px dashed; border-left: 1px dashed; border-color: #E5E5E5; } .post-masonry-full .entry:after {display: none; } .post-masonry-full.grid-3 .entry {width: 33.3% !important; } .timeline-border {position: absolute; top: 0; left: 50%; margin-left: -71px; width: 0; border-left: 1px dashed #CCC; height: 100%; } .post-timeline {margin-right: -140px !important; } .post-timeline .entry {width: 500px!important; margin-right: 140px!important; padding-right: 0 !important; } .entry.entry-date-section {width: 100%!important; margin: 50px -70px 80px; padding: 0; border: 0; text-align: center; } .entry.entry-date-section span {display: inline-block; padding: 10px 15px; background-color: #FFF; border: 2px solid #EEE; font-size: 18px; font-weight: 700; letter-spacing: 1px; text-transform: uppercase; font-family: 'Raleway', sans-serif; } .post-timeline .entry-timeline {display: none; position: absolute; border: 2px solid #CCC; background-color: #FFF; padding-top: 0; text-indent: -9999px; top: 40px; left: auto; right: -76px; width: 13px; height: 13px; border-radius: 50%; font-size: 26px; font-weight: 700; color: #AAA; text-align: center; line-height: 1; -webkit-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } .post-timeline .entry-timeline div.timeline-divider {position: absolute; top: 4px; left: -58px; width: 50px; height: 0; border-top: 1px dashed #CCC; -webkit-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } .post-timeline .alt .entry-timeline {right: auto; left: -77px; } .post-timeline .alt .entry-timeline div.timeline-divider {left: auto; right: -58px; } .post-timeline .entry-timeline span {display: block; margin-top: 3px; font-size: 13px; font-weight: 400; } .post-timeline .entry:hover .entry-timeline, .post-timeline .entry:hover .timeline-divider {border-color: #1ABC9C; color: #1ABC9C; } .postcontent .timeline-border {left: 32px; margin-left: 0; } .postcontent .post-timeline {padding-left: 100px; margin-right: 0 !important; } .postcontent .post-timeline .entry {width: 100%!important; margin-right: 140px !important; } .postcontent .post-timeline .entry-timeline {display: block; border: 3px solid #CCC; background-color: #FFF; padding-top: 10px; text-indent: 0; top: 20px; left: -100px; right: auto; width: 64px; height: 64px; font-size: 24px; } .postcontent .post-timeline .entry-timeline div.timeline-divider {top: 29px; left: 64px; width: 32px; } .ipost .entry-image img {border-radius: 0; } .ipost .entry-title h3, .ipost .entry-title h4 {margin: 0; font-size: 16px; font-weight: 600; } .ipost .entry-title h4 {font-size: 15px; } .ipost .entry-title h3 a, .ipost .entry-title h4 a {color: #333; } .ipost .entry-title h3 a:hover, .ipost .entry-title h4 a:hover {color: #1ABC9C; } .ipost .entry-meta {margin-right: -10px; } .ipost .entry-meta li {font-size: 13px; margin-right: 10px; } .ipost .entry-content {margin-top: 20px; } .ipost .entry-content p {margin-bottom: 0; } .more-link {display: inline-block; border-bottom: 1px solid #1ABC9C; padding: 0 2px; font-family: 'Crete Round', serif; font-style: italic; } .more-link:hover {border-bottom-color: #555; } .overlay-icon {position: absolute; left: auto; right: 0; top: auto; bottom: 0; width: 48px; height: 48px; background-color: rgba(0, 0, 0, 0.2); text-align: center; } .overlay-icon i {line-height: 48px; font-size: 28px; color: #FFF; text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.2); } .spost, .mpost {margin-top: 20px; padding-top: 20px; border-top: 1px dashed #E5E5E5; } .mpost {margin-top: 25px; padding-top: 25px; } .spost:first-child, .mpost:first-child {margin-top: 0; padding-top: 0; border-top: 0; } .spost .entry-image, .mpost .entry-image {float: left; margin: 0 15px 0 0; text-align: center; } .spost .entry-image, .spost .entry-image a, .spost .entry-image img, .spost .entry-image i {width: 48px; height: 48px; } .spost .entry-image a i, .mpost .entry-image a i {font-size: 28px; line-height: 48px; color: #666; background-color: #EEE; } .spost .entry-title h4, .mpost .entry-title h4 {margin: 0; font-size: 14px; font-weight: 600; } .spost .entry-title h4 a, .mpost .entry-title h4 a {color: #333; } .spost .entry-title h4 a:hover, .mpost .entry-title h4 a:hover {color: #1ABC9C; } .spost .entry-meta {margin: 8px -10px 0 0; } .spost .entry-meta li, .mpost .entry-meta li {font-size: 13px; margin: 0 10px 0 0; } .mpost .entry-image {margin-right: 20px; } .mpost .entry-image, .mpost .entry-image a, .mpost .entry-image img, .mpost .entry-image i {width: 170px; height: 128px; } .mpost .entry-image a, .mpost .entry-image img {border-radius: 2px; } .mpost .entry-image a i {font-size: 42px; line-height: 128px; } .mpost .entry-title h4 {margin: 0; font-size: 17px; font-weight: 600; } .mpost .entry-meta {margin-top: 5px; } .mpost .entry-meta li i {margin-right: 2px; } .mpost .entry-content {margin-top: 15px; } .post-navigation + .line {margin: 40px 0 50px; } .author-image {float: left; width: 84px; height: 84px; margin-right: 15px; } .author-image img {width: 84px; height: 84px; } #comments {position: relative; margin-top: 50px; padding-top: 50px; border-top: 1px solid #EEE; } .commentlist {list-style: none; padding-bottom: 50px; margin: 0 0 50px; border-bottom: 1px solid #EEE; } #reviews .commentlist {padding-bottom: 30px; margin: 0 0 20px; } .commentlist ul {list-style: none; } .commentlist li, .commentlist li ul, .commentlist li ul li {margin: 30px 0 0; } .commentlist ul:first-child {margin-top: 0; } .commentlist li {position: relative; margin: 30px 0 0 30px; } #reviews .commentlist li {margin-top: 20px; } .comment-wrap {position: relative; border: 1px solid #E5E5E5; border-radius: 5px; padding: 20px 20px 20px 35px; } .commentlist ul .comment-wrap {margin-left: 25px; padding-left: 20px; } #reviews .comment-wrap {border: 0; padding: 10px 0 0 35px; } .commentlist > li:first-child, #reviews .commentlist > li:first-child {padding-top: 0; margin-top: 0; } .commentlist li .children {margin-top: 0; } .commentlist li li .children {margin-left: 30px; } .commentlist li .comment-content, .pingback {position: relative; overflow: hidden; } .commentlist li .comment-content p, .pingback p {margin: 20px 0 0; } .commentlist li .comment-content {padding: 0 0 0 15px; } .commentlist li .comment-meta {float: left; margin-right: 0; line-height: 1; } .comment-avatar {position: absolute; top: 15px; left: -35px; padding: 4px; background: #FFF; border: 1px solid #E5E5E5; border-radius: 50%; } .comment-avatar img {display: block; border-radius: 50%; } .commentlist li .children .comment-avatar {left: -25px; } .comment-content .comment-author {margin-bottom: -10px; font-size: 16px; font-weight: 700; color: #555; } .comment-content .comment-author a {border: none; color: #333; } .comment-content .comment-author a:hover {color: #1ABC9C; } .comment-content .comment-author span {display: block; } .comment-content .comment-author span, .comment-content .comment-author span a {font-size: 12px; font-weight: 400; font-family: 'Crete Round', serif; font-style: italic; color: #AAA; } .comment-content .comment-author span a:hover {color: #888; } .comment-reply-link, .review-comment-ratings {display: block; position: absolute; top: 4px; left: auto; text-align: center; right: 0; width: 14px; height: 14px; color: #CCC; font-size: 14px; line-height: 1; } .review-comment-ratings {width: auto; color: #333; } .comment-reply-link:hover {color: #888; } #respond, #respond form {margin-bottom: 0; } .commentlist li #respond {margin: 30px 0 0; } .commentlist li li #respond {margin-left: 30px; } #respond p {margin: 10px 0 0; } #respond p:first-child {margin-top: 0; } #respond label small {color: #999; font-weight: 400; } #respond input[type="text"], #respond textarea {margin-bottom: 0; } #respond .col_one_third, #respond .col_full {margin-bottom: 20px; } .fb-comments, .fb_iframe_widget, .fb-comments > span, .fb_iframe_widget > span, .fb-comments > span > iframe, .fb_iframe_widget > span > iframe {display: block!important; width: 100%!important; margin: 0; } img.alignleft, div.alignleft {float: left; margin: 5px 20px 13px 0; max-width: 100%; } div.alignleft > img, div.alignnone > img, div.aligncenter > img, div.alignright > img {display: block; float: none; } img.alignnone, img.aligncenter, div.alignnone, div.aligncenter {display: block; margin: 10px 0; float: none; } img.aligncenter, div.aligncenter, div.aligncenter img {margin-left: auto; margin-right: auto; clear: both; } img.alignright, div.alignright {float: right; margin: 5px 0 13px 20px; } .wp-caption {text-align: center; margin: 10px 20px 13px; font-family: 'Lato', Georgia, "Times New Roman", Times, serif; font-style: italic; } .wp-caption img, .wp-caption img a {display: block; margin: 0; } p.wp-caption-text {display: inline-block; margin: 10px 0 0; padding: 5px 10px; background-color: #EEE; border-radius: 50px; } .wp-smiley {max-height: 13px; margin: 0 !important; } #infscr-loading, #portfolio-ajax-loader {position: fixed; z-index: 20; top: 50%; left: 50%; width: 48px; height: 48px; margin: -24px 0 0 -24px; background-color: rgba(0, 0, 0, 0.7); border-radius: 3px; line-height: 48px; font-size: 24px; color: #FFF; text-align: center; } #infscr-loading img, #portfolio-ajax-loader img {display: none; width: 24px; height: 24px; margin: 12px; } #portfolio-ajax-loader {display: none; } #portfolio-ajax-loader img {display: block; } .page-load-status {position: relative; display: none; padding: 30px 0; } .page-load-status .css3-spinner {position: absolute; z-index: auto; background-color: transparent !important; } .page-load-status .css3-spinner-ball-pulse-sync > div {background-color: #333; } .shop {position: relative; margin: 0 -20px -20px 0; } .product {position: relative; } .shop .product {float: left; padding: 0 20px 20px 0; width: 25%; } .product-image {position: relative; width: 100%; height: auto; overflow: hidden; } .product-image > a, .product-image .slide a, .product-image img {display: block; width: 100%; height: 100%; } body:not(.device-touch):not(.device-sm):not(.device-xs) .product-image > a {-webkit-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease; } .product-image > a:nth-of-type(2) {opacity: 0; position: absolute; z-index: -1; top: 0; left: 0; } .product-image:hover > a:nth-of-type(2) {opacity: 1; z-index: 2; } .product-desc {padding: 15px 0; font-size: 14px; } .product-title {margin-bottom: 7px; } .product-title h3 {margin: 0; font-size: 20px; } .product-title h3 a, .single-product .product-title h2 a {color: #333; } .product-title h3 a:hover, .single-product .product-title h2 a:hover {color: #1ABC9C; } .product-price {font-size: 18px; font-weight: 700; color: #444; margin-bottom: 4px; } .product-price del {font-weight: 400; font-size: 90%; color: #888; } .product-price ins {text-decoration: none; color: #1ABC9C; } .product-overlay {position: absolute; width: 100%; height: 44px; line-height: 44px; top: auto; bottom: -44px; left: 0; z-index: 6; overflow: hidden; } body:not(.device-touch):not(.device-sm):not(.device-xs) .product-overlay {-webkit-transition: bottom 0.3s ease-in-out; -o-transition: bottom 0.3s ease-in-out; transition: bottom 0.3s ease-in-out; } .product:hover .product-overlay {bottom: 0; } .product-overlay a {display: block; float: left; width: 50%; font-size: 13px; color: #333; background-color: #F5F5F5; text-align: center; border-right: 1px solid rgba(0, 0, 0, 0.1); } body:not(.device-touch):not(.device-sm):not(.device-xs) .product-overlay a {-webkit-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } .product-overlay a.item-quick-view {border-right: 0; } .product-overlay a i {position: relative; top: 1px; font-size: 14px; margin-right: 3px; } .product-overlay a:hover {background-color: #333; color: #FFF; text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.2); } .sale-flash {position: absolute; top: 10px; left: 10px; padding: 6px 10px; background-color: #1ABC9C; color: #FFF; text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.2); border-radius: 2px; z-index: 5; } .sale-flash.out-of-stock {background-color: #777; } .shop.product-3 {margin: 0 -30px -30px 0; } .product-3 .product {padding: 0 30px 30px 0; width: 33.33333333%; } .postcontent .shop.product-3 {margin: 0 -25px -25px 0; } .postcontent .product-3 .product {padding: 0 25px 25px 0; } .postcontent .shop.product-2 {margin: 0 -40px -40px 0; } .postcontent .product-2 .product {padding: 0 40px 40px 0; width: 50%; } .bothsidebar .shop.product-2 {margin: 0 -40px -20px 0; } .bothsidebar .product-2 .product {padding: 0 40px 20px 0; } .shop.product-1 {margin: 0 0 -40px; } .product-1 .product {float: none; margin: 0 0 40px; padding: 0; width: 100%; } .product-1 .product-image {float: left; width: 300px; height: 400px; margin-right: 30px; } .product-1 .product.alt .product-image {float: right; margin: 0 0 0 30px; } .product-1 .product-desc {padding: 0; position: relative; overflow: hidden; } .product-1 .product-title h3 {font-size: 22px; } .product-1 .product-desc .product-price {font-size: 20px; } .product-1 .product-desc .product-rating {margin-bottom: 15px; } .bothsidebar .product-1 .product {border-top: 1px solid #F5F5F5; padding-top: 40px; } .bothsidebar .product-1 .product:first-child {border-top: 0; padding-top: 0; } .bothsidebar .product-1 .product-image {width: 240px; height: 320px; } .bothsidebar .product-1 .product-title h3 {font-size: 20px; } .bothsidebar .product-1 .product-desc .product-price {font-size: 16px; } .single-product .product {width: 100%; margin: 0; } .shop-quick-view-ajax, .portfolio-ajax-modal {position: relative; background-color: #FFF; width: 800px; margin: 0 auto; } .single-product .product-image, .single-product .product-image img {height: auto; } .single-product .product-desc {padding: 0; } .single-product .product-title h2 {font-size: 28px; margin-bottom: 8px; } .single-product .product-price {float: left; font-size: 24px; color: #1ABC9C; margin-bottom: 0; } .single-product .product-rating {float: right; position: relative; top: 9px; } .single-product .product-desc .line {margin: 20px 0; } .quantity {float: left; margin-right: 30px; } .quantity .qty {float: left; width: 50px; height: 40px; line-height: 40px; border: 0; border-left: 1px solid #DDD; border-right: 1px solid #DDD; background-color: #EEE; text-align: center; margin-bottom: 0; } .quantity .plus, .quantity .minus {display: block; float: left; cursor: pointer; border: 0 transparent; padding: 0; width: 36px; height: 40px; line-height: 40px; text-align: center; background-color: #EEE; font-size: 16px; font-weight: 700; transition: background-color 0.2s linear; -webkit-transition: background-color 0.2s linear; -o-transition: background-color 0.2s linear; } .quantity .plus:hover, .quantity .minus:hover {background-color: #DDD; } .quantity .qty:focus, .quantity .plus:focus, .quantity .minus:focus {box-shadow: none!important; outline: 0 !important; } .single-product .add-to-cart.button {height: 40px; line-height: 40px; } .product-meta {font-size: 13px; color: #777; } .product-meta > .panel-body {margin-bottom: -5px; } .product-meta > .panel-body > span {display: block; margin-bottom: 5px; } .single-product .feature-box.fbox-plain.fbox-small {padding-left: 26px; } .single-product .feature-box.fbox-plain.fbox-small .fbox-icon {width: 20px; } .single-product .feature-box.fbox-plain.fbox-small h3 {font-size: 15px; font-weight: 700; line-height: 18px; margin-bottom: 7px; } .single-product .feature-box.fbox-plain.fbox-small p {margin-left: -26px; } .single-product .feature-box.fbox-plain.fbox-small .fbox-icon i {font-size: 18px; } .product.iproduct {float: none; margin: 0; padding: 0; width: 100%; } .iproduct .product-image, .iproduct .product-image a, .iproduct .product-image img {height: auto; } .cart .remove {font-size: 14px; color: red; } .cart .remove:hover {color: #000; } .cart th {padding: 12px 15px!important; font-size: 14px; color: #555; } .cart td {padding: 12px 15px!important; vertical-align: middle!important; border-color: #E5E5E5 !important; } .cart-product-thumbnail a {display: block; width: 68px; } .cart-product-thumbnail img {display: block; width: 64px; height: 64px; border: 2px solid #EEE; } .cart-product-thumbnail img:hover {border-color: #1ABC9C; } .cart-product-name a, .product-name a {font-weight: 700; font-size: 13px; color: #333; } .cart-product-name a:hover, .product-name a:hover {color: #666; } .cart-product-price, .cart-product-quantity, .cart-product-subtotal {text-align: center !important; } .cart-product-quantity .quantity {display: inline-block; margin: 0; float: none; } td.actions {padding: 20px 15px!important; vertical-align: top!important; background-color: #F5F5F5; } .events .entry, .ievent {padding: 20px; background-color: #F9F9F9; border-bottom: 3px solid #EEE; } .events .entry-image .entry-date, .ievent .entry-image .entry-date {position: absolute; top: 10px; left: 10px; background-color: rgba(0, 0, 0, 0.7); color: #FFF; text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.2); width: 60px; height: 64px; text-align: center; padding-top: 7px; font-size: 26px; line-height: 1; } .events .entry-image .entry-date span, .ievent .entry-image .entry-date span {display: block; font-size: 15px; margin-top: 5px; } .events .entry-c, .ievent .entry-c {padding: 5px 0; } .single-event .entry-image img {border-radius: 0; } .single-event .events-meta {font-size: 14px; } .single-event .events-meta .iconlist li, .parallax .iconlist li {margin: 5px 0; } .single-event .entry-overlay, .parallax .entry-overlay-meta {position: absolute; top: auto; bottom: 0; left: 0; width: 100%; height: 80px; background-color: rgba(0, 0, 0, 0.85); text-align: center; line-height: 80px; font-size: 22px; color: #FFF; text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.3); z-index: 5; } .single-event .countdown {display: inline-block; position: relative; top: 7px; } .single-event .countdown-section {padding: 0 15px; border-left-color: rgba(255, 255, 255, 0.3); color: #CCC; } .single-event .countdown-amount {color: #FFF; } .parallax .entry-overlay, .parallax .entry-overlay-meta {background: transparent; width: auto; text-align: right; bottom: 30px; left: auto; right: 30px; } .parallax .entry-overlay-meta {padding: 20px; font-size: 14px; text-align: left; right: 38px; bottom: 130px; width: 368px; height: auto; line-height: inherit; background-color: rgba(0, 0, 0, 0.7); border-radius: 3px; } .parallax.overlay-left .entry-overlay, .parallax.overlay-left .entry-overlay-meta {right: auto; left: 30px; } .parallax.overlay-left .entry-overlay-meta {left: 38px; } .parallax.overlay-center .entry-overlay, .parallax.overlay-center .entry-overlay-meta {bottom: 100px; right: auto; left: 50%; margin-left: -192px; } .parallax.overlay-center .entry-overlay-meta {top: 100px; bottom: auto; margin-left: -184px; } .parallax .entry-overlay-meta h2 {font-size: 20px; text-transform: uppercase; border-bottom: 1px dashed rgba(255, 255, 255, 0.2); padding-bottom: 17px; } .parallax .entry-overlay-meta h2 a {color: #FFF; } .parallax .entry-overlay-meta h2 a:hover {color: #DDD; } .parallax .countdown {top: 0; } .parallax .countdown-section {border-left: 0; width: 80px; height: 80px; margin: 0 8px; font-size: 13px; background-color: rgba(0, 0, 0, 0.7); border-radius: 3px; padding-top: 14px; } .parallax .countdown-amount {font-size: 28px; margin-bottom: 6px; } .ievent {position: relative; margin-top: 20px; } .ievent:first-child {margin-top: 0; } .ievent .entry-image {width: 30%; margin-right: 20px; } .ievent .entry-content {margin-top: 20px; } .ievent .entry-title h2 {font-size: 18px; } .ievent .entry-meta {margin-right: -10px; } .ievent .entry-meta li {font-size: 13px; margin-right: 10px; padding-left: 10px; } .ievent .entry-meta li:first-child {padding-left: 0; } .countdown {display: block; } .countdown-row {display: block; position: relative; text-align: center; } .countdown-section {display: inline-block; font-size: 11px; line-height: 1; text-align: center; width: 25%; border-left: 1px dotted #BBB; color: #888; text-transform: capitalize; } .countdown-section:first-child {border-left: 0; } .countdown-amount {display: block; font-size: 20px; color: #333; margin-bottom: 5px; } .countdown-descr {display: block; width: 100%; } .countdown-medium .countdown-section {font-size: 14px; } .countdown-medium .countdown-amount {font-size: 30px; margin-bottom: 7px; } .countdown-large .countdown-section {font-size: 18px; } .countdown-large .countdown-amount {font-size: 44px; font-weight: 700; margin-bottom: 8px; } .countdown.countdown-inline {display: inline-block; } .countdown.countdown-inline .countdown-row {display: inline-block; text-align: center; } .countdown.countdown-inline .countdown-section {display: inline-block; font-size: inherit; line-height: inherit; width: auto; border: none; color: inherit; margin-left: 7px; text-transform: inherit; } .countdown.countdown-inline .countdown-section:first-child {margin-left: 0; } .countdown.countdown-inline .countdown-amount {display: inline-block; font-size: inherit; color: inherit; font-weight: 700; margin: 0 3px 0 0; } .countdown.countdown-inline .countdown-descr {display: inline-block; width: auto; } body:not(.device-sm):not(.device-xs) .countdown.countdown-large.coming-soon .countdown-section {border: none; padding: 15px; } body:not(.device-sm):not(.device-xs) .countdown.countdown-large.coming-soon .countdown-amount {height: 140px; line-height: 140px; border-radius: 50%; background-color: rgba(0, 0, 0, 0.2); margin-bottom: 15px !important; } .button {display: inline-block; position: relative; cursor: pointer; outline: none; white-space: nowrap; margin: 5px; padding: 0 22px; font-size: 14px; height: 40px; line-height: 40px; background-color: #1ABC9C; color: #FFF; font-weight: 700; text-transform: uppercase; letter-spacing: 1px; border: none; text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.2); } body:not(.device-touch) .button {-webkit-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; } .button-dark {background-color: #444; } .button-light {background-color: #EEE; color: #333; text-shadow: none !important; } .button:hover {background-color: #444; color: #FFF; text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.2); } .button.button-dark:hover {background-color: #1ABC9C; } .button.button-mini {padding: 0 14px; font-size: 11px; height: 28px; line-height: 28px; } .button.button-small {padding: 0 17px; font-size: 12px; height: 34px; line-height: 34px; } .button.button-large {padding: 0 26px; font-size: 16px; height: 46px; line-height: 46px; } .button.button-xlarge {padding: 0 32px; font-size: 18px; letter-spacing: 2px; height: 52px; line-height: 52px; } .button.button-desc {text-align: left; padding: 24px 34px; font-size: 22px; height: auto; line-height: 1; font-family: 'Raleway', sans-serif; } .button.button-desc span {display: block; margin-top: 10px; font-size: 14px; font-weight: 400; letter-spacing: 1px; font-family: 'Crete Round', serif; font-style: italic; text-transform: none; } .button i {position: relative; top: 1px; line-height: 1; margin-right: 5px; width: 16px; text-align: center; } .button.tright i {margin: 0 0 0 5px; } .button-mini i {margin-right: 3px; } .button-mini.tright i {margin: 0 0 0 3px; } .button-small i {margin-right: 4px; } .button-small.tright i {margin: 0 0 0 4px; } .button-xlarge i {top: 2px; margin-right: 8px; } .button-xlarge.tright i {margin: 0 0 0 8px; } .button.button-desc i {top: 1px; font-size: 48px; width: 48px; text-align: center; margin-right: 12px; } .button.button-desc.tright i {margin: 0 0 0 12px; } .button.button-desc div {display: inline-block; } .button.button-rounded {border-radius: 3px; } .button.button-border {border: 2px solid #444; background-color: transparent; color: #333; line-height: 36px; font-weight: 700; text-shadow: none; } .button.button-border-thin {border-width: 1px; line-height: 38px; } .button.button-border.button-mini {line-height: 24px; } .button.button-border.button-small {line-height: 30px; } .button.button-border.button-large {line-height: 42px; } .button.button-border.button-xlarge {line-height: 48px; } .button.button-border-thin.button-mini {line-height: 26px; } .button.button-border-thin.button-small {line-height: 32px; } .button.button-border-thin.button-large {line-height: 44px; } .button.button-border-thin.button-xlarge {line-height: 50px; } .button.button-border.button-desc {line-height: 1; } .button.button-border:not(.button-fill):hover {background-color: #444; color: #FFF; border-color: transparent!important; text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.2); } .button.button-border.button-light {border-color: #EEE; color: #EEE; } .button.button-border.button-light:hover {background-color: #EEE; color: #333; text-shadow: none; } .button.button-3d {border-radius: 3px; border-bottom: 3px solid rgba(0, 0, 0, 0.15); -webkit-transition: none; -o-transition: none; transition: none; } .button.button-3d:hover {background-color: #1ABC9C !important; opacity: 0.9; } .button.button-3d.button-light:hover, .button.button-reveal.button-light:hover {text-shadow: none; color: #333; } .button.button-reveal {padding: 0 28px; overflow: hidden; } .button.button-reveal i {display: block; position: absolute; top: 0; left: -32px; width: 32px; height: 40px; line-height: 40px; margin: 0; text-align: center; background-color: rgba(0, 0, 0, 0.1); } .button.button-reveal.button-border i {top: -2px; } .button.button-reveal.tright i {left: auto; right: -32px; } .button.button-reveal.button-3d i, .button.button-reveal.button-rounded i {border-radius: 3px 0 0 3px; } .button.button-reveal.button-3d.tright i, .button.button-reveal.button-rounded.tright i {border-radius: 0 3px 3px 0; } .button.button-reveal span {display: inline-block; position: relative; left: 0; } body:not(.device-touch) .button.button-reveal i, body:not(.device-touch) .button.button-reveal span {-webkit-transition: left 0.3s ease, right 0.3s ease; -o-transition: left 0.3s ease, right 0.3s ease; transition: left 0.3s ease, right 0.3s ease; } .button.button-reveal.button-mini {padding: 0 17px; } .button.button-reveal.button-mini i {left: -22px; width: 22px; height: 28px; line-height: 28px; } .button.button-reveal.button-mini.tright i {left: auto; right: -22px; } .button.button-reveal.button-small {padding: 0 22px; } .button.button-reveal.button-small i {left: -26px; width: 26px; height: 34px; line-height: 34px; } .button.button-reveal.button-small.tright i {left: auto; right: -26px; } .button.button-reveal.button-large {padding: 0 32px; } .button.button-reveal.button-large i {left: -38px; width: 38px; height: 46px; line-height: 46px; } .button.button-reveal.button-large.tright i {left: auto; right: -38px; } .button.button-reveal.button-xlarge {padding: 0 40px; } .button.button-reveal.button-xlarge i {left: -44px; width: 44px; height: 52px; line-height: 52px; } .button.button-reveal.button-xlarge.tright i {left: auto; right: -44px; } .button.button-reveal:hover i {left: 0; } .button.button-reveal.tright:hover i {left: auto; right: 0; } .button.button-reveal:hover span {left: 16px; } .button.button-reveal.button-mini:hover span {left: 11px; } .button.button-reveal.button-small:hover span {left: 13px; } .button.button-reveal.button-large:hover span {left: 19px; } .button.button-reveal.button-xlarge:hover span {left: 22px; } .button.button-reveal.tright:hover span {left: -16px; } .button.button-reveal.button-mini.tright:hover span {left: -11px; } .button.button-reveal.button-small.tright:hover span {left: -13px; } .button.button-reveal.button-large.tright:hover span {left: -19px; } .button.button-reveal.button-xlarge.tright:hover span {left: -22px; } .button.button-full {display: block; width: 100%; white-space: normal; margin: 0; height: auto; line-height: 1.6; padding: 30px 0; font-size: 30px; font-weight: 300; text-transform: none; border-radius: 0; text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.1); } .button.button-full.button-light {border-bottom: 1px solid rgba(0, 0, 0, 0.15); } .button.button-full strong {font-weight: 700; border-bottom: 2px solid #EEE; } body:not(.device-touch) .button.button-full strong {-webkit-transition: border 0.2s ease-in-out; -o-transition: border 0.2s ease-in-out; transition: border 0.2s ease-in-out; } .button.button-full.button-light strong {border-bottom-color: #333; } .button.button-full.button-light:hover strong {border-bottom-color: #EEE; } .button.button-circle {border-radius: 20px; } .button.button-mini.button-circle {border-radius: 14px; } .button.button-small.button-circle {border-radius: 17px; } .button.button-large.button-circle {border-radius: 23px; } .button.button-xlarge.button-circle {border-radius: 26px; } .button.button-border.button-fill {overflow: hidden; transform-style: preserve-3d; -webkit-mask-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAIAAACQd1PeAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAA5JREFUeNpiYGBgAAgwAAAEAAGbA+oJAAAAAElFTkSuQmCC); -webkit-backface-visibility: hidden; } .button.button-border.button-fill span {position: relative; } .button.button-border.button-fill:hover {background-color: transparent!important; color: #FFF; text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.2); } .button.button-border.button-fill.button-light:hover {border-color: #EEE !important; color: #333 !important; text-shadow: none; } .button.button-border.button-fill:before {content: ''; position: absolute; background-color: #444; top: 0; left: 0; width: 0; height: 100%; -webkit-transition: all 0.4s ease; -o-transition: all 0.4s ease; transition: all 0.4s ease; -webkit-backface-visibility: hidden; } .button.button-border.button-fill.button-light:before {background-color: #EEE; } .button.button-border.button-fill.fill-from-right:before {left: auto; right: 0; } .button.button-border.button-fill:hover:before {width: 100%; } .button.button-border.button-fill.fill-from-top:before, .button.button-border.button-fill.fill-from-bottom:before {-webkit-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; } .button.button-border.button-fill.fill-from-top:before {width: 100%; height: 0; } .button.button-border.button-fill.fill-from-top:hover:before {height: 100%; } .button.button-border.button-fill.fill-from-bottom:before {width: 100%; height: 0; top: auto; bottom: 0; } .button.button-border.button-fill.fill-from-bottom:hover:before {height: 100%; } .button-red {background-color: #C02942; } .button-3d.button-red:hover, .button-reveal.button-red:hover, .button-border.button-red:hover, .button-border.button-red.button-fill:before {background-color: #C02942 !important; } .button-border.button-red {color: #C02942; border-color: #C02942; } .button-teal {background-color: #53777A; } .button-3d.button-teal:hover, .button-reveal.button-teal:hover, .button-border.button-teal:hover, .button-border.button-teal.button-fill:before {background-color: #53777A !important; } .button-border.button-teal {color: #53777A; border-color: #53777A; } .button-yellow {background-color: #ECD078; } .button-3d.button-yellow:hover, .button-reveal.button-yellow:hover, .button-border.button-yellow:hover, .button-border.button-yellow.button-fill:before {background-color: #ECD078 !important; } .button-border.button-yellow, .button-border.button-yellow.button-fill.button-light:hover {color: #ECD078 !important; border-color: #ECD078 !important; } .button-border.button-yellow:hover, .button-border.button-yellow.button-fill.button-light:hover {color: #333 !important; } .button-green {background-color: #59BA41; } .button-3d.button-green:hover, .button-reveal.button-green:hover, .button-border.button-green:hover, .button-border.button-green.button-fill:before {background-color: #59BA41 !important; } .button-border.button-green {color: #59BA41; border-color: #59BA41; } .button-brown {background-color: #774F38; } .button-3d.button-brown:hover, .button-reveal.button-brown:hover, .button-border.button-brown:hover, .button-border.button-brown.button-fill:before {background-color: #774F38 !important; } .button-border.button-brown {color: #774F38; border-color: #774F38; } .button-aqua {background-color: #40C0CB; } .button-3d.button-aqua:hover, .button-reveal.button-aqua:hover, .button-border.button-aqua:hover, .button-border.button-aqua.button-fill:before {background-color: #40C0CB !important; } .button-border.button-aqua {color: #40C0CB; border-color: #40C0CB; } .button-lime {background-color: #AEE239; } .button-3d.button-lime:hover, .button-reveal.button-lime:hover, .button-border.button-lime:hover, .button-border.button-lime.button-fill:before {background-color: #AEE239 !important; } .button-border.button-lime {color: #AEE239; border-color: #AEE239; } .button-purple {background-color: #5D4157; } .button-3d.button-purple:hover, .button-reveal.button-purple:hover, .button-border.button-purple:hover, .button-border.button-purple.button-fill:before {background-color: #5D4157 !important; } .button-border.button-purple {color: #5D4157; border-color: #5D4157; } .button-leaf {background-color: #A8CABA; } .button-3d.button-leaf:hover, .button-reveal.button-leaf:hover, .button-border.button-leaf:hover, .button-border.button-leaf.button-fill:before {background-color: #A8CABA !important; } .button-border.button-leaf {color: #A8CABA; border-color: #A8CABA; } .button-pink {background-color: #F89FA1; } .button-3d.button-pink:hover, .button-reveal.button-pink:hover, .button-border.button-pink:hover, .button-border.button-pink.button-fill:before {background-color: #F89FA1 !important; } .button-border.button-pink {color: #F89FA1; border-color: #F89FA1; } .button-dirtygreen {background-color: #1693A5; } .button-3d.button-dirtygreen:hover, .button-reveal.button-dirtygreen:hover, .button-border.button-dirtygreen:hover, .button-border.button-dirtygreen.button-fill:before {background-color: #1693A5 !important; } .button-border.button-dirtygreen {color: #1693A5; border-color: #1693A5; } .button-blue {background-color: #1265A8; } .button-3d.button-blue:hover, .button-reveal.button-blue:hover, .button-border.button-blue:hover, .button-border.button-blue.button-fill:before {background-color: #1265A8 !important; } .button-border.button-blue {color: #1265A8; border-color: #1265A8; } .button-amber {background-color: #EB9C4D; } .button-3d.button-amber:hover, .button-reveal.button-amber:hover, .button-border.button-amber:hover, .button-border.button-amber.button-fill:before {background-color: #EB9C4D !important; } .button-border.button-amber {color: #EB9C4D; border-color: #EB9C4D; } .button-black {background-color: #111; } .button-3d.button-black:hover, .button-reveal.button-black:hover, .button-border.button-black:hover, .button-border.button-black.button-fill:before {background-color: #111 !important; } .button-border.button-black {color: #111; border-color: #111; } .button-white {background-color: #F9F9F9; } .button-3d.button-white:hover, .button-reveal.button-white:hover {background-color: #F9F9F9 !important; } .button.button-nohover:hover {opacity: inherit!important; background-color: inherit!important; color: inherit!important; border-color: inherit !important; } .promo {position: relative; padding: 30px 200px 30px 0; } .promo h3 {font-weight: 700; margin-bottom: 0; } .promo > span, .promo > .container > span {display: block; color: #444; font-weight: 300; font-size: 16px; margin-top: 6px; } .promo a.button {position: absolute; top: 50%; margin: 0; margin-top: -18px; left: auto; right: 0; } .promo a.button.button-mini {margin-top: -12px; } .promo a.button.button-small {margin-top: -15px; } .promo a.button.button-large {margin-top: -22px; } .promo a.button.button-xlarge {margin-top: -25px; } .promo a.button.button-desc {margin-top: -40px; } .promo-uppercase {text-transform: uppercase; } .promo-uppercase h3 {font-size: 22px; } .promo-uppercase > span, .promo-uppercase > .container > span {font-size: 15px; } .promo.promo-border {border: 1px solid #E5E5E5; border-radius: 3px; padding-left: 30px; } .promo.promo-border a.button {right: 30px; } .promo.promo-light {background-color: #F5F5F5; border-radius: 3px; padding-left: 30px; } .promo.promo-light a.button {right: 30px; } .promo.promo-dark {border: 0!important; background-color: #333; padding: 30px 200px 30px 30px; text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.2); border-radius: 3px; } .promo.promo-dark h3 {color: #FFF; } .promo.promo-dark > h3 span, .promo.promo-dark > .container > h3 span {padding: 2px 8px; border-radius: 3px; background-color: rgba(0, 0, 0, 0.15); color: #FFF; font-weight: 400; } .promo.promo-dark > span, .promo.promo-dark > .container > span {color: #CCC; margin-top: 8px; } .promo.promo-dark a.button {right: 30px; } .promo.promo-flat {background-color: #1ABC9C; } .promo.promo-flat > span, .promo.promo-flat > .container > span {color: rgba(255, 255, 255, 0.9); } .promo.promo-flat a.button:not(.button-border) {background-color: rgba(0, 0, 0, 0.2); color: #FFF; } .promo.promo-flat a.button:hover {background-color: #FFF; border-color: #FFF; color: #444; text-shadow: none; } .promo-full {border-radius: 0!important; border-left: 0!important; border-right: 0!important; padding: 40px 0 !important; } .promo-full a.button {right: 15px !important; } .promo-full.promo-right a.button {right: auto!important; left: 15px !important; } .promo.parallax {padding: 80px 0 !important; } .promo.promo-right {text-align: right; padding: 30px 0 30px 200px; } .promo.promo-right a.button {left: 0; right: auto; } .promo.promo-right.promo-border:not(.promo-mini), .promo.promo-dark.promo-right:not(.promo-mini) {padding-right: 30px; } .promo.promo-right.promo-border a.button, .promo.promo-dark.promo-right a.button {left: 30px; } .promo.promo-center {text-align: center; padding: 30px 20px; } .promo.promo-center a.button {position: relative; top: 0; margin: 20px 0 0; left: 0!important; right: 0; } .promo.promo-mini {text-align: left; padding: 20px 25px; } .promo.promo-mini h3 {font-size: 20px; line-height: 1.5; } .promo.promo-mini.promo-uppercase h3 {font-size: 18px; } .promo.promo-mini.promo-dark h3 {line-height: 1.7; } .promo.promo-mini a.button {position: relative; top: 0; margin: 20px 0 0; left: 0!important; right: 0; } .promo.promo-mini.promo-center {text-align: center; } .promo.promo-mini.promo-right {text-align: right; } .feature-box {position: relative; margin-top: 20px; padding: 0 0 0 80px; } .feature-box:first-child {margin-top: 0; } .feature-box .fbox-icon {display: block; position: absolute; width: 64px; height: 64px; top: 0; left: 0; } .feature-box .fbox-icon a, .feature-box .fbox-icon i, .feature-box .fbox-icon img {display: block; position: relative; width: 100%; height: 100%; color: #FFF; } .feature-box .fbox-icon i, .feature-box .fbox-icon img {border-radius: 50%; background-color: #1ABC9C; } .feature-box .fbox-icon i {font-style: normal; font-size: 28px; text-align: center; line-height: 64px; } .feature-box h3 {font-size: 16px; font-weight: 700; text-transform: uppercase; letter-spacing: 1px; margin-bottom: 0; color: #333; } .feature-box p {margin: 8px 0 0; color: #999; } .feature-box .before-heading {font-size: 14px; } .feature-box.fbox-large {padding: 0 0 0 115px; } .feature-box.fbox-large .fbox-icon {width: 96px; height: 96px; } .feature-box.fbox-large .fbox-icon i {font-size: 42px; line-height: 96px; } .feature-box.fbox-outline .fbox-icon {border: 1px solid #1ABC9C; border-radius: 50%; padding: 3px; } .feature-box.fbox-outline .fbox-icon i {line-height: 56px; } .feature-box.fbox-outline.fbox-large .fbox-icon {padding: 4px; } .feature-box.fbox-outline.fbox-large .fbox-icon i {line-height: 86px; } .feature-box.fbox-rounded .fbox-icon {border-radius: 3px !important; } .feature-box.fbox-rounded .fbox-icon i, .feature-box.fbox-rounded .fbox-icon img {border-radius: 3px !important; } .feature-box.fbox-rounded.fbox-large .fbox-icon {border-radius: 4px !important; } .feature-box.fbox-rounded.fbox-large .fbox-icon i, .feature-box.fbox-rounded.fbox-large .fbox-icon img {border-radius: 4px !important; } .feature-box.fbox-light.fbox-outline .fbox-icon {border-color: #E5E5E5; } .feature-box.fbox-light .fbox-icon i, .feature-box.fbox-light .fbox-icon img {border: 1px solid #E5E5E5; background-color: #F5F5F5; color: #444; } .feature-box.fbox-light .fbox-icon i {line-height: 62px; } .feature-box.fbox-light.fbox-outline .fbox-icon i {line-height: 54px; } .feature-box.fbox-light.fbox-large .fbox-icon i {line-height: 96px; } .feature-box.fbox-light.fbox-outline.fbox-large .fbox-icon i {line-height: 84px; } .feature-box.fbox-dark.fbox-outline .fbox-icon {border-color: #444; } .feature-box.fbox-dark .fbox-icon i, .feature-box.fbox-dark .fbox-icon img {background-color: #333; } .feature-box.fbox-border .fbox-icon {border: 1px solid #1ABC9C; border-radius: 50%; } .feature-box.fbox-border .fbox-icon i, .feature-box.fbox-border .fbox-icon img {border: none; background-color: transparent!important; color: #1ABC9C; } .feature-box.fbox-border .fbox-icon {padding: 0; } .feature-box.fbox-border .fbox-icon i {line-height: 62px !important; } .feature-box.fbox-border.fbox-large .fbox-icon i {line-height: 94px !important; } .feature-box.fbox-border.fbox-light .fbox-icon {border-color: #E5E5E5; } .feature-box.fbox-border.fbox-light .fbox-icon i, .feature-box.fbox-border.fbox-light .fbox-icon img {color: #888; } .feature-box.fbox-border.fbox-dark .fbox-icon {border-color: #333; } .feature-box.fbox-border.fbox-dark .fbox-icon i, .feature-box.fbox-border.fbox-dark .fbox-icon img {color: #444; } .feature-box.fbox-plain .fbox-icon {border: none!important; height: auto !important; } .feature-box.fbox-plain .fbox-icon i, .feature-box.fbox-plain .fbox-icon img {border: none!important; background-color: transparent!important; color: #1ABC9C; border-radius: 0; } .feature-box.fbox-plain .fbox-icon i {font-size: 48px; line-height: 1 !important; } .feature-box.fbox-plain .fbox-icon img {height: 64px; } .feature-box.fbox-plain.fbox-image .fbox-icon {width: auto; } .feature-box.fbox-plain.fbox-image .fbox-icon img {width: auto; display: inline-block; } .feature-box.fbox-plain.fbox-small {padding-left: 42px; } .feature-box.fbox-plain.fbox-small .fbox-icon {width: 28px; } .feature-box.fbox-plain.fbox-small h3 {font-size: 15px; line-height: 26px; margin-bottom: 10px; } .feature-box.fbox-plain.fbox-small p {margin-left: -42px; } .feature-box.fbox-plain.fbox-small .fbox-icon i {font-size: 28px; } .feature-box.fbox-plain.fbox-small .fbox-icon img {height: 28px; } .feature-box.fbox-plain.fbox-large .fbox-icon i {font-size: 72px; } .feature-box.fbox-plain.fbox-large .fbox-icon img {height: 96px; } .feature-box.fbox-plain.fbox-light .fbox-icon i, .feature-box.fbox-plain.fbox-light .fbox-icon img {color: #888; } .feature-box.fbox-plain.fbox-dark .fbox-icon i, .feature-box.fbox-plain.fbox-dark .fbox-icon img {color: #444; } .feature-box.fbox-center {padding: 0; text-align: center; } .feature-box.fbox-center.fbox-small {padding-left: 0 !important; } .feature-box.fbox-center .fbox-icon {position: relative; width: 96px; height: 96px; margin: 0 auto 30px; } .feature-box.fbox-center .fbox-icon i {font-size: 42px; line-height: 96px; } .feature-box.fbox-center.fbox-outline .fbox-icon i {line-height: 88px; } .feature-box.fbox-center p {font-size: 14px; margin-top: 15px; } .feature-box.fbox-center.fbox-large .fbox-icon {width: 128px; height: 128px; } .feature-box.fbox-center.fbox-large .fbox-icon i {font-size: 70px; line-height: 128px; } .feature-box.fbox-center.fbox-large.fbox-outline .fbox-icon i {line-height: 118px; } .feature-box.fbox-center.fbox-light .fbox-icon i {line-height: 94px; } .feature-box.fbox-center.fbox-light.fbox-outline .fbox-icon i {line-height: 86px; } .feature-box.fbox-center.fbox-light.fbox-outline.fbox-large .fbox-icon i {line-height: 114px; } .feature-box.fbox-center.fbox-border .fbox-icon i {line-height: 94px !important; } .feature-box.fbox-center.fbox-large.fbox-border .fbox-icon i {line-height: 126px !important; } .feature-box.fbox-center.fbox-plain .fbox-icon i {font-size: 84px; } .feature-box.fbox-center.fbox-plain .fbox-icon img {height: 96px; } .feature-box.fbox-center.fbox-large.fbox-plain .fbox-icon i {font-size: 112px; } .feature-box.fbox-center.fbox-large.fbox-plain .fbox-icon img {height: 128px; } .feature-box.fbox-center.fbox-small .fbox-icon {width: 64px; height: 64px; } .feature-box.fbox-center.fbox-small .fbox-icon i {font-size: 28px; line-height: 64px; } .feature-box.fbox-center.fbox-small.fbox-outline .fbox-icon i {line-height: 58px; } .feature-box.fbox-center.fbox-light.fbox-outline.fbox-small .fbox-icon i {line-height: 54px; } .feature-box.fbox-center.fbox-small.fbox-border .fbox-icon i {line-height: 62px !important; } .feature-box.fbox-center.fbox-small.fbox-plain .fbox-icon i {font-size: 56px; } .feature-box.fbox-center.fbox-small.fbox-plain .fbox-icon img {height: 64px; } .feature-box.fbox-center.fbox-small p {font-size: 14px; margin-top: 10px; } .feature-box.fbox-center.fbox-plain.fbox-small p {margin-left: 0; } .feature-box.fbox-right {padding: 0 80px 0 0; text-align: right; } .feature-box.fbox-right.fbox-large {padding-right: 115px; } .feature-box.fbox-right .fbox-icon {left: auto; right: 0; } .feature-box.fbox-right.fbox-plain.fbox-small {padding: 0 42px 0 0; } .feature-box.fbox-right.fbox-plain.fbox-small p {margin: 0 -42px 0 0; } .feature-box h3 + .fbox-icon {margin-top: 20px !important; } .feature-box h3 span.subtitle {display: block; margin-top: 5px; color: #444; font-weight: 300; text-transform: none; } .feature-box.fbox-center:not(.fbox-bg) h3:after {content: ''; display: block; margin: 20px auto; width: 30px; border-top: 2px solid #555; -webkit-transition: width 0.3s ease; -o-transition: width 0.3s ease; transition: width 0.3s ease; } .feature-box.fbox-center:not(.fbox-bg):hover h3:after {width: 50px; } .feature-box.fbox-center.noborder:not(.fbox-bg) h3:after, .feature-box.fbox-center.nobottomborder:not(.fbox-bg) h3:after {display: none; } .feature-box.fbox-center.fbox-italic p {font-style: italic; font-family: 'Lato', sans-serif; } .feature-box.fbox-bg.fbox-center {margin-top: 68px; padding: 68px 30px 30px; background-color: #FFF; border: 1px solid #E5E5E5; border-radius: 5px; } .feature-box.fbox-bg.fbox-center:first-child {margin-top: 48px; } .feature-box.fbox-bg.fbox-center.fbox-large {margin-top: 84px; padding-top: 84px; } .feature-box.fbox-bg.fbox-center.fbox-large:first-child {margin-top: 64px; } .feature-box.fbox-bg.fbox-center .fbox-icon {position: absolute; top: -48px; left: 50%; margin: 0 0 0 -48px; } .feature-box.fbox-bg.fbox-center.fbox-large .fbox-icon {top: -64px; left: 50%; margin-left: -64px; } .feature-box.fbox-bg.fbox-center.fbox-plain .fbox-icon, .feature-box.fbox-bg.fbox-center.fbox-border .fbox-icon, .feature-box.fbox-bg.fbox-center.fbox-outline .fbox-icon {background-color: #FFF; } .fbox-effect .fbox-icon i {z-index: 1; } .fbox-effect .fbox-icon i:after {pointer-events: none; position: absolute; width: 100%; height: 100%; border-radius: 50%; content: ''; -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; } .fbox-rounded.fbox-effect .fbox-icon i:after {border-radius: 3px; } .fbox-effect .fbox-icon i {-webkit-transition: background-color 0.3s, color 0.3s; -o-transition: background-color 0.3s, color 0.3s; transition: background-color 0.3s, color 0.3s; } .fbox-effect .fbox-icon i:after {top: -3px; left: -3px; padding: 3px; box-shadow: 0 0 0 2px #333; -webkit-transition: -webkit-transform 0.3s, opacity 0.3s; -webkit-transform: scale(0.8); -moz-transition: -moz-transform 0.3s, opacity 0.3s; -moz-transform: scale(0.8); -ms-transform: scale(0.8); transition: transform 0.3s, opacity 0.3s; transform: scale(0.8); opacity: 0; } .fbox-effect .fbox-icon i:hover, .fbox-effect:hover .fbox-icon i {background-color: #333; color: #FFF; } .fbox-effect.fbox-dark .fbox-icon i:after {box-shadow: 0 0 0 2px #1ABC9C; } .fbox-effect.fbox-dark .fbox-icon i:hover, .fbox-effect.fbox-dark:hover .fbox-icon i {background-color: #1ABC9C; } .fbox-effect .fbox-icon i:hover:after, .fbox-effect:hover .fbox-icon i:after {-webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); transform: scale(1); opacity: 1; } .fbox-border.fbox-effect .fbox-icon i {-webkit-transition: color 0.5s, box-shadow 0.5s, background-color 0.5s; -o-transition: color 0.5s, box-shadow 0.5s, background-color 0.5s; transition: color 0.5s, box-shadow 0.5s, background-color 0.5s; } .fbox-border.fbox-effect .fbox-icon i:after {top: -2px; left: -2px; padding: 2px; z-index: -1; box-shadow: none; background-image: url(images/icons/iconalt.svg); background-position: center center; background-size: 100% 100%; -webkit-transition: -webkit-transform 0.5s, opacity 0.5s, background-color 0.5s; -o-transition: -moz-transform 0.5s, opacity 0.5s, background-color 0.5s; transition: transform 0.5s, opacity 0.5s, background-color 0.5s; } .fbox-border.fbox-rounded.fbox-effect .fbox-icon i:after {border-radius: 3px; } .fbox-border.fbox-effect .fbox-icon i:hover, .fbox-border.fbox-effect:hover .fbox-icon i {color: #FFF; box-shadow: 0 0 0 1px #333; } .fbox-border.fbox-effect .fbox-icon i:after {-webkit-transform: scale(1.3); -moz-transform: scale(1.3); -ms-transform: scale(1.3); transform: scale(1.3); opacity: 0; background-color: #333; } .fbox-border.fbox-effect.fbox-dark .fbox-icon i:hover, .fbox-border.fbox-effect.fbox-dark:hover .fbox-icon i {box-shadow: 0 0 0 1px #1ABC9C; } .fbox-border.fbox-effect.fbox-dark .fbox-icon i:after {background-color: #1ABC9C; } .fbox-border.fbox-effect .fbox-icon i:hover:after, .fbox-border.fbox-effect:hover .fbox-icon i:after {-webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); transform: scale(1); opacity: 1; } .feature-box.media-box {padding: 0; } .feature-box.media-box .fbox-media {margin: 0 0 25px; } .feature-box.media-box .fbox-media, .feature-box.media-box .fbox-media a, .feature-box.media-box .fbox-media img {position: relative; display: block; width: 100%; height: auto; } .feature-box.media-box .fbox-media iframe {display: block; } .feature-box.media-box p {margin-top: 17px; } .feature-box.media-box.fbox-bg .fbox-media {margin: 0; } .feature-box.media-box.fbox-bg .fbox-desc {padding: 25px; background-color: #FFF; border: 1px solid #E5E5E5; border-top: 0; border-radius: 0 0 5px 5px; } .feature-box.media-box.fbox-bg .fbox-media img {border-radius: 5px 5px 0 0; } .flipbox {perspective: 1000px; } .flipbox-inner {transition: 0.5s; transition-timing-function: ease; position: relative; transform-style: preserve-3d; } .flipbox-front, .flipbox-back {-webkit-backface-visibility: hidden; } .flipbox-front {z-index: 2; } .flipbox-back {position: absolute; width: 100%; height: 100%; top: 0; left: 0; } .flipbox:not(.flipbox-vertical) .flipbox-front {transform: rotateY(0deg); } .flipbox:not(.flipbox-vertical) .flipbox-back {transform: rotateY(-180deg); } .flipbox.flipbox-vertical .flipbox-front {transform: rotateX(0deg); } .flipbox.flipbox-vertical .flipbox-back {transform: rotateX(-180deg); } .flipbox:not(.flipbox-vertical):hover .flipbox-inner, .flipbox:not(.flipbox-vertical).hover .flipbox-inner {transform: rotateY(180deg); } .flipbox.flipbox-vertical:hover .flipbox-inner, .flipbox.flipbox-vertical.hover .flipbox-inner {transform: rotateX(180deg); } .process-steps {margin: 0 0 40px; list-style: none; } .process-steps li {float: left; position: relative; width: 25%; text-align: center; overflow: hidden; } .process-steps.process-2 li {width: 50%; } .process-steps.process-3 li {width: 33.33%; } .process-steps.process-5 li {width: 20%; } .process-steps li .i-circled {margin-bottom: 0 !important; } .process-steps li .i-bordered {background-color: #FFF; } .process-steps li h5 {margin: 15px 0 0; font-size: 16px; font-weight: 300; } .process-steps li.active h5, .process-steps li.ui-tabs-active h5 {font-weight: 600; color: #1ABC9C; } .process-steps li.active a, .process-steps li.ui-tabs-active a {background-color: #1ABC9C !important; color: #FFF; text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.2); border-color: #1ABC9C !important; } .process-steps li:before, .process-steps li:after {content: ''; position: absolute; top: 30px; left: 0; margin-left: -26px; width: 50%; border-top: 1px dashed #DDD; } .process-steps li:after {left: auto; right: 0; margin: 0 -26px 0 0; } .process-steps li:first-child:before, .process-steps li:last-child:after {display: none; } .style-msg, .style-msg2 {position: relative; display: block; color: #444; border-left: 4px solid rgba(0, 0, 0, 0.1); margin-bottom: 20px; } .style-msg2 {border-left: 4px solid rgba(0, 0, 0, 0.2); } .successmsg {background: #C5EBD4; color: #184B21; } .errormsg {background: #FCC; color: #740D0A; } .infomsg {background: #B9DFF4; color: #124F70; } .alertmsg {background: #FCE0B6; color: #975E06; } .style-msg .sb-msg, .style-msg2 .msgtitle, .style-msg2 .sb-msg {display: block; padding: 15px; border-left: 1px solid rgba(255, 255, 255, 0.5); font-size: 14px; text-shadow: 1px 1px 1px rgba(255, 255, 255, 0.6); } .style-msg2 .msgtitle {background: rgba(0, 0, 0, 0.15); border-top: none; border-bottom: none; font-size: 15px; font-weight: 700; } .style-msg-light .sb-msg, .style-msg-light .msgtitle {color: #FFF; text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.3); } .style-msg2 .sb-msg {font-weight: 400; } .style-msg2 ol, .style-msg2 ul {margin: 0 0 0 30px; } .style-msg2 ol {list-style-type: decimal; } .style-msg2 ul {list-style-type: disc; } .alert i, .sb-msg i, .msgtitle i {position: relative; top: 1px; font-size: 14px; width: 14px; text-align: center; margin-right: 5px; } .style-msg .close {position: absolute; top: 10px; left: auto; right: 10px; } .i-rounded, .i-plain, .i-circled, .i-bordered, .social-icon {display: block; float: left; margin: 4px 11px 7px 0; text-align: center!important; font-size: 28px; color: #FFF; text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.3); cursor: pointer; font-style: normal; } body:not(.device-touch) .i-rounded, body:not(.device-touch) .i-plain, body:not(.device-touch) .i-circled, body:not(.device-touch) .i-bordered, body:not(.device-touch) .social-icon {-webkit-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; } .i-rounded, .i-circled, .i-bordered {width: 52px!important; height: 52px!important; line-height: 52px!important; background-color: #444; border-radius: 3px; } .i-bordered {border: 1px solid #555; line-height: 50px!important; background-color: transparent!important; color: #444; text-shadow: none; } .i-plain {width: 36px!important; height: 36px!important; font-size: 28px; line-height: 36px!important; color: #444; text-shadow: 1px 1px 1px #FFF; } .i-plain:hover {color: #777; } .i-circled {border-radius: 50%; } .i-light {background-color: #F5F5F5; color: #444; text-shadow: 1px 1px 1px #FFF; box-shadow: inset 0 0 15px rgba(0, 0, 0, 0.2); } .i-alt {background-image: url(images/icons/iconalt.svg); background-position: center center; background-size: 100% 100%; } .i-rounded:hover, .i-circled:hover {background-color: #1ABC9C; color: #FFF; text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.3); box-shadow: 0 0 0 rgba(0, 0, 0, 0.2); } .i-bordered:hover {background-color: #444 !important; color: #FFF; border-color: #444; } .i-small.i-rounded, .i-small.i-plain, .i-small.i-circled, .i-small.i-bordered {margin: 4px 11px 7px 0; font-size: 14px; } .i-small.i-rounded, .i-small.i-circled, .i-small.i-bordered {width: 28px!important; height: 28px!important; line-height: 28px !important; } .i-small.i-bordered {line-height: 26px !important; } .i-small.i-plain {width: 18px!important; height: 18px!important; font-size: 14px; line-height: 18px !important; } .i-medium.i-rounded, .i-medium.i-plain, .i-medium.i-circled, .i-medium.i-bordered {margin: 6px 13px 9px 0; font-size: 21px; } .i-medium.i-rounded, .i-medium.i-circled, .i-medium.i-bordered {width: 36px!important; height: 36px!important; line-height: 36px !important; } .i-medium.i-bordered {line-height: 34px !important; } .i-medium.i-plain {width: 28px!important; height: 28px!important; font-size: 20px; line-height: 28px !important; } .i-large.i-rounded, .i-large.i-plain, .i-large.i-circled, .i-large.i-bordered {margin: 4px 11px 7px 0; font-size: 42px; } .i-large.i-rounded, .i-large.i-circled, .i-large.i-bordered {width: 64px!important; height: 64px!important; line-height: 64px !important; } .i-large.i-bordered {line-height: 62px !important; } .i-large.i-plain {width: 48px!important; height: 48px!important; font-size: 42px; line-height: 48px !important; } .i-xlarge.i-rounded, .i-xlarge.i-plain, .i-xlarge.i-circled, .i-xlarge.i-bordered {margin: 4px 11px 7px 0; font-size: 56px; } .i-xlarge.i-rounded, .i-xlarge.i-circled, .i-xlarge.i-bordered {width: 84px!important; height: 84px!important; line-height: 84px !important; } .i-xlarge.i-bordered {line-height: 82px !important; } .i-xlarge.i-plain {width: 64px!important; height: 64px!important; font-size: 56px; line-height: 64px !important; } .i-xxlarge.i-rounded, .i-xxlarge.i-plain, .i-xxlarge.i-circled, .i-xxlarge.i-bordered {margin: 6px 15px 10px 0; font-size: 64px; } .i-xxlarge.i-rounded, .i-xxlarge.i-circled, .i-xxlarge.i-bordered {width: 96px!important; height: 96px!important; line-height: 96px !important; } .i-xxlarge.i-bordered {line-height: 94px !important; } .i-xxlarge.i-plain {width: 80px!important; height: 80px!important; font-size: 64px; line-height: 80px !important; } .i-overlay, .i-overlay a {display: block; position: absolute; width: 100%!important; height: 100%!important; top: 0; left: 0; text-align: center; background: rgba(0, 0, 0, 0.2) url(images/grid.png) repeat; } .i-overlay a {background: transparent; } .i-overlay img, .i-overlay i {display: block; position: absolute; top: 50%; left: 50%; margin: -24px 0 0 -24px; width: 48px!important; height: 48px!important; font-size: 48px; line-height: 1; color: #E5E5E5; text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.15); } .i-overlay i {margin: -18px 0 0 -18px; width: 36px!important; height: 36px!important; line-height: 36px; font-size: 24px; } .on-hover.i-overlay {opacity: 0; } body:not(.device-touch) .on-hover.i-overlay {-webkit-transition: opacity 0.3s linear; -o-transition: opacity 0.3s linear; transition: opacity 0.3s linear; } .on-hover.i-overlay:hover {opacity: 1; } .social-icon {margin: 0 5px 5px 0; width: 40px; height: 40px; font-size: 20px; line-height: 38px!important; color: #555; text-shadow: none; border: 1px solid #AAA; border-radius: 3px; overflow: hidden; } .si-rounded {border-radius: 50%; } .si-borderless {border-color: transparent !important; } .si-dark {background-color: #444; color: #FFF !important; border-color: transparent; } .si-light {background-color: rgba(0, 0, 0, 0.05); color: #666 !important; border-color: transparent; } .si-colored {border-color: transparent !important; } .si-colored i {color: #FFF; } .social-icon.si-large {margin: 0 10px 10px 0; width: 56px; height: 56px; font-size: 30px; line-height: 54px !important; } .social-icon.si-small {width: 32px; height: 32px; font-size: 14px; line-height: 30px !important; } .social-icon i {display: block; position: relative; } body:not(.device-touch) .social-icon i {-webkit-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; } .social-icon i:last-child {color: #FFF !important; } .social-icon:hover i:first-child {margin-top: -38px; } .social-icon.si-large:hover i:first-child {margin-top: -54px; } .social-icon.si-small:hover i:first-child {margin-top: -30px; } .social-icon:hover {color: #555; border-color: transparent; } .si-colored.social-icon {border-color: transparent; } .si-sticky {position: fixed; top: 50%; left: 5px; width: 36px; z-index: 100; } .si-sticky.si-sticky-right {left: auto; right: 8px; } .si-share {position: relative; padding-left: 5px; border-top: 1px solid #EEE; border-bottom: 1px solid #EEE; } .si-share span {line-height: 36px; font-weight: 700; font-size: 13px; } .si-share div {float: right; } .si-share .social-icon {margin: -1px 0; border-radius: 0; font-size: 15px; } .si-facebook:hover, .si-colored.si-facebook {background-color: #3B5998 !important; } .si-delicious:hover, .si-colored.si-delicious {background-color: #205CC0 !important; } .si-paypal:hover, .si-colored.si-paypal {background-color: #00588B !important; } .si-flattr:hover, .si-colored.si-flattr {background-color: #F67C1A !important; } .si-android:hover, .si-colored.si-android {background-color: #A4C639 !important; } .si-smashmag:hover, .si-colored.si-smashmag {background-color: #E53B2C !important; } .si-gplus:hover, .si-colored.si-gplus {background-color: #DD4B39 !important; } .si-wikipedia:hover, .si-colored.si-wikipedia {background-color: #333 !important; } .si-stumbleupon:hover, .si-colored.si-stumbleupon {background-color: #F74425 !important; } .si-foursquare:hover, .si-colored.si-foursquare {background-color: #25A0CA !important; } .si-call:hover, .si-colored.si-call {background-color: #444 !important; } .si-ninetyninedesigns:hover, .si-colored.si-ninetyninedesigns {background-color: #F26739 !important; } .si-forrst:hover, .si-colored.si-forrst {background-color: #5B9A68 !important; } .si-digg:hover, .si-colored.si-digg {background-color: #191919 !important; } .si-spotify:hover, .si-colored.si-spotify {background-color: #81B71A !important; } .si-reddit:hover, .si-colored.si-reddit {background-color: #C6C6C6 !important; } .si-blogger:hover, .si-colored.si-blogger {background-color: #FC4F08 !important; } .si-cc:hover, .si-colored.si-cc {background-color: #688527 !important; } .si-dribbble:hover, .si-colored.si-dribbble {background-color: #EA4C89 !important; } .si-evernote:hover, .si-colored.si-evernote {background-color: #5BA525 !important; } .si-flickr:hover, .si-colored.si-flickr {background-color: #FF0084 !important; } .si-google:hover, .si-colored.si-google {background-color: #DD4B39 !important; } .si-instapaper:hover, .si-colored.si-instapaper {background-color: #333 !important; } .si-klout:hover, .si-colored.si-klout {background-color: #FF5F52 !important; } .si-linkedin:hover, .si-colored.si-linkedin {background-color: #0E76A8 !important; } .si-vk:hover, .si-colored.si-vk {background-color: #2B587A !important; } .si-rss:hover, .si-colored.si-rss {background-color: #EE802F !important; } .si-skype:hover, .si-colored.si-skype {background-color: #00AFF0 !important; } .si-twitter:hover, .si-colored.si-twitter {background-color: #00ACEE !important; } .si-youtube:hover, .si-colored.si-youtube {background-color: #C4302B !important; } .si-vimeo:hover, .si-colored.si-vimeo {background-color: #86C9EF !important; } .si-aim:hover, .si-colored.si-aim {background-color: #FCD20B !important; } .si-yahoo:hover, .si-colored.si-yahoo {background-color: #720E9E !important; } .si-email3:hover, .si-colored.si-email3 {background-color: #6567A5 !important; } .si-macstore:hover, .si-colored.si-macstore {background-color: #333 !important; } .si-myspace:hover, .si-colored.si-myspace {background-color: #666 !important; } .si-podcast:hover, .si-colored.si-podcast {background-color: #E4B21B !important; } .si-cloudapp:hover, .si-colored.si-cloudapp {background-color: #525557 !important; } .si-dropbox:hover, .si-colored.si-dropbox {background-color: #3D9AE8 !important; } .si-ebay:hover, .si-colored.si-ebay {background-color: #89C507 !important; } .si-github:hover, .si-colored.si-github {background-color: #171515 !important; } .si-googleplay:hover, .si-colored.si-googleplay {background-color: #DD4B39 !important; } .si-itunes:hover, .si-colored.si-itunes {background-color: #222 !important; } .si-plurk:hover, .si-colored.si-plurk {background-color: #CF5A00 !important; } .si-pinboard:hover, .si-colored.si-pinboard {background-color: #0000E6 !important; } .si-soundcloud:hover, .si-colored.si-soundcloud {background-color: #F70 !important; } .si-tumblr:hover, .si-colored.si-tumblr {background-color: #34526F !important; } .si-wordpress:hover, .si-colored.si-wordpress {background-color: #1E8CBE !important; } .si-yelp:hover, .si-colored.si-yelp {background-color: #C41200 !important; } .si-intensedebate:hover, .si-colored.si-intensedebate {background-color: #009EE4 !important; } .si-eventbrite:hover, .si-colored.si-eventbrite {background-color: #F16924 !important; } .si-scribd:hover, .si-colored.si-scribd {background-color: #666 !important; } .si-stripe:hover, .si-colored.si-stripe {background-color: #008CDD !important; } .si-print:hover, .si-colored.si-print {background-color: #111 !important; } .si-dwolla:hover, .si-colored.si-dwolla {background-color: #FF5C03 !important; } .si-statusnet:hover, .si-colored.si-statusnet {background-color: #131A30 !important; } .si-acrobat:hover, .si-colored.si-acrobat {background-color: #D3222A !important; } .si-drupal:hover, .si-colored.si-drupal {background-color: #27537A !important; } .si-buffer:hover, .si-colored.si-buffer {background-color: #333 !important; } .si-pocket:hover, .si-colored.si-pocket {background-color: #EE4056 !important; } .si-bitbucket:hover, .si-colored.si-bitbucket {background-color: #0E4984 !important; } .si-stackoverflow:hover, .si-colored.si-stackoverflow {background-color: #EF8236 !important; } .si-hackernews:hover, .si-colored.si-hackernews {background-color: #F60 !important; } .si-xing:hover, .si-colored.si-xing {background-color: #126567 !important; } .si-instagram:hover, .si-colored.si-instagram {background-color: #3F729B !important; } .si-quora:hover, .si-colored.si-quora {background-color: #A82400 !important; } .si-openid:hover, .si-colored.si-openid {background-color: #E16309 !important; } .si-steam:hover, .si-colored.si-steam {background-color: #111 !important; } .si-amazon:hover, .si-colored.si-amazon {background-color: #E47911 !important; } .si-disqus:hover, .si-colored.si-disqus {background-color: #E4E7EE !important; } .si-plancast:hover, .si-colored.si-plancast {background-color: #222 !important; } .si-appstore:hover, .si-colored.si-appstore {background-color: #000 !important; } .si-pinterest:hover, .si-colored.si-pinterest {background-color: #C8232C !important; } .si-fivehundredpx:hover, .si-colored.si-fivehundredpx {background-color: #111 !important; } .si-text-color.si-facebook i {color: #3B5998; } .si-text-color.si-delicious i {color: #205CC0; } .si-text-color.si-paypal i {color: #00588B; } .si-text-color.si-flattr i {color: #F67C1A; } .si-text-color.si-android i {color: #A4C639; } .si-text-color.si-smashmag i {color: #E53B2C; } .si-text-color.si-gplus i {color: #DD4B39; } .si-text-color.si-wikipedia i {color: #333; } .si-text-color.si-stumbleupon i {color: #F74425; } .si-text-color.si-foursquare i {color: #25A0CA; } .si-text-color.si-call i {color: #444; } .si-text-color.si-ninetyninedesigns i {color: #F26739; } .si-text-color.si-forrst i {color: #5B9A68; } .si-text-color.si-digg i {color: #191919; } .si-text-color.si-spotify i {color: #81B71A; } .si-text-color.si-reddit i {color: #C6C6C6; } .si-text-color.si-blogger i {color: #FC4F08; } .si-text-color.si-cc i {color: #688527; } .si-text-color.si-dribbble i {color: #EA4C89; } .si-text-color.si-evernote i {color: #5BA525; } .si-text-color.si-flickr i {color: #FF0084; } .si-text-color.si-google i {color: #DD4B39; } .si-text-color.si-instapaper i {color: #333; } .si-text-color.si-klout i {color: #FF5F52; } .si-text-color.si-linkedin i {color: #0E76A8; } .si-text-color.si-vk i {color: #2B587A; } .si-text-color.si-rss i {color: #EE802F; } .si-text-color.si-skype i {color: #00AFF0; } .si-text-color.si-twitter i {color: #00ACEE; } .si-text-color.si-youtube i {color: #C4302B; } .si-text-color.si-vimeo i {color: #86C9EF; } .si-text-color.si-aim i {color: #FCD20B; } .si-text-color.si-yahoo i {color: #720E9E; } .si-text-color.si-email3 i {color: #6567A5; } .si-text-color.si-macstore i {color: #333; } .si-text-color.si-myspace i {color: #666; } .si-text-color.si-podcast i {color: #E4B21B; } .si-text-color.si-cloudapp i {color: #525557; } .si-text-color.si-dropbox i {color: #3D9AE8; } .si-text-color.si-ebay i {color: #89C507; } .si-text-color.si-github i {color: #171515; } .si-text-color.si-googleplay i {color: #DD4B39; } .si-text-color.si-itunes i {color: #222; } .si-text-color.si-plurk i {color: #CF5A00; } .si-text-color.si-pinboard i {color: #0000E6; } .si-text-color.si-soundcloud i {color: #F70; } .si-text-color.si-tumblr i {color: #34526F; } .si-text-color.si-wordpress i {color: #1E8CBE; } .si-text-color.si-yelp i {color: #C41200; } .si-text-color.si-intensedebate i {color: #009EE4; } .si-text-color.si-eventbrite i {color: #F16924; } .si-text-color.si-scribd i {color: #666; } .si-text-color.si-stripe i {color: #008CDD; } .si-text-color.si-print i {color: #111; } .si-text-color.si-dwolla i {color: #FF5C03; } .si-text-color.si-statusnet i {color: #131A30; } .si-text-color.si-acrobat i {color: #D3222A; } .si-text-color.si-drupal i {color: #27537A; } .si-text-color.si-buffer i {color: #333; } .si-text-color.si-pocket i {color: #EE4056; } .si-text-color.si-bitbucket i {color: #0E4984; } .si-text-color.si-stackoverflow i {color: #EF8236; } .si-text-color.si-hackernews i {color: #F60; } .si-text-color.si-xing i {color: #126567; } .si-text-color.si-instagram i {color: #3F729B; } .si-text-color.si-quora i {color: #A82400; } .si-text-color.si-openid i {color: #E16309; } .si-text-color.si-steam i {color: #111; } .si-text-color.si-amazon i {color: #E47911; } .si-text-color.si-disqus i {color: #E4E7EE; } .si-text-color.si-plancast i {color: #222; } .si-text-color.si-appstore i {color: #000; } .si-text-color.si-pinterest i {color: #C8232C; } .si-text-color.si-fivehundredpx i {color: #111; } .si-text-color:hover {color: #FFF; } .toggle {display: block; position: relative; margin: 0 0 20px; } .toggle .togglet, .toggle .toggleta {display: block; position: relative; line-height: 24px; padding: 0 0 0 24px; margin: 0; font-size: 16px; font-weight: 700; color: #444; cursor: pointer; } .toggle .togglet i {position: absolute; top: 0; left: 0; width: 16px; text-align: center; font-size: 16px; line-height: 24px; } .toggle .toggleta {font-weight: 700; } .toggle .togglet i.toggle-open, .toggle .toggleta i.toggle-closed {display: none; } .toggle .toggleta i.toggle-open {display: block; } .toggle .togglet:not(.toggleta) span.toggle-open, .toggle .togglet.toggleta span.toggle-closed {display: none; } .toggle .togglet.toggleta span.toggle-open, .toggle .togglet:not(.toggleta) span.toggle-closed {display: block; } .toggle .togglec {display: block; position: relative; padding: 10px 0 0 24px; } .toggle.toggle-bg .togglet, .toggle.toggle-bg .toggleta {background-color: #EEE; line-height: 44px; padding: 0 0 0 36px; border-radius: 2px; } .toggle.toggle-bg .togglet i {left: 14px; line-height: 44px; } .toggle.toggle-bg .togglec {padding: 12px 0 0 36px; } .toggle.toggle-border {border: 1px solid #CCC; border-radius: 4px; } .toggle.toggle-border .togglet, .toggle.toggle-border .toggleta {line-height: 44px; padding: 0 15px 0 36px; } .toggle.toggle-border .togglet i {left: 14px; line-height: 44px; } .toggle.toggle-border .togglec {padding: 0 15px 15px 36px; } .faqs .toggle {border-bottom: 1px solid #EEE; padding-bottom: 12px; margin-bottom: 12px; } .faqs .toggle .togglet, .faqs .toggle .toggleta {font-size: 15px; } .faqs .toggle .togglet i {top: 1px; font-size: 14px; } .faqs .toggle .togglec {padding-bottom: 10px; } .accordion {margin-bottom: 20px; } .acctitle {display: block; position: relative; line-height: 24px; margin: 0; font-size: 14px; font-weight: 700; color: #444; cursor: pointer; border-top: 1px dotted #DDD; padding: 10px 0 10px 20px; } .acctitlec {cursor: auto; } .acctitle:first-child {border-top: none; } .acctitle i {position: absolute; top: 0; left: 0; width: 14px; text-align: center; font-size: 14px; line-height: 44px; } .acctitle i.acc-open, .acctitlec i.acc-closed {display: none; } .acctitlec i.acc-open {display: block; } .acc_content {position: relative; padding: 0 0 15px 20px; } .accordion.accordion-bg .acctitle, .accordion.accordion-bg .acctitlec {background-color: #EEE; line-height: 44px; padding: 0 0 0 36px; margin-bottom: 5px; border-top: 0; } .accordion.accordion-bg .acctitle i {left: 14px; line-height: 44px; } .accordion.accordion-bg .acc_content {padding: 10px 0 15px 36px; } .accordion.accordion-border {border: 1px solid #DDD; border-radius: 4px; } .accordion.accordion-border .acctitle, .accordion.accordion-border .acctitlec {border-color: #CCC; line-height: 44px; padding: 0 15px 0 36px; } .accordion.accordion-border .acctitle i {left: 14px; line-height: 44px; } .accordion.accordion-border .acc_content {padding: 0 15px 15px 36px; } .accordion.accordion-lg .acctitle {font-size: 23px; line-height: 44px; padding-left: 30px; font-weight: 400; } .accordion.accordion-lg .acctitle i {width: 20px; font-size: 20px; line-height: 64px; } .accordion.accordion-lg .acc_content {padding: 10px 0 30px 30px; } .tabs {position: relative; margin: 0 0 30px; } ul.tab-nav:not(.tab-nav-lg) {margin: 0; border-bottom: 1px solid #DDD; list-style: none; } ul.tab-nav:not(.tab-nav-lg) li {float: left; border: 1px solid #DDD; border-bottom: 0; border-left: 0; height: 41px; text-align: center; } ul.tab-nav:not(.tab-nav-lg) li:first-child {margin-left: 15px; border-left: 1px solid #DDD; } ul.tab-nav:not(.tab-nav-lg) li a {display: block; padding: 0 15px; color: #444; height: 40px; line-height: 40px; background-color: #F2F2F2; font-size: 14px; font-weight: 700; } ul.tab-nav:not(.tab-nav-lg) li.ui-tabs-active a {position: relative; top: 1px; background-color: #FFF; } .tabs.tabs-alt ul.tab-nav li {border-color: transparent; } .tabs.tabs-alt ul.tab-nav li:first-child {border-left: 0; } .tabs.tabs-alt ul.tab-nav li a {background-color: #FFF; } .tabs.tabs-alt ul.tab-nav li.ui-tabs-active a {border: 1px solid #DDD; border-bottom: 0; } .tabs.tabs-tb ul.tab-nav li.ui-tabs-active a {top: -1px; height: 43px; line-height: 38px; border-top: 2px solid #1ABC9C; } .tabs.tabs-alt.tabs-tb ul.tab-nav li.ui-tabs-active a {height: 42px; } .tabs.tabs-bb ul.tab-nav li {border: 0; margin: 0; } .tabs.tabs-bb ul.tab-nav li a {background-color: transparent; border-bottom: 2px solid transparent; } .tabs.tabs-bb ul.tab-nav li.ui-tabs-active a {border-bottom: 2px solid #1ABC9C; top: -2px; height: 44px; line-height: 44px; } ul.tab-nav.tab-nav2 {border-bottom: 0; } ul.tab-nav.tab-nav2 li {border: 0; margin-left: 10px; } ul.tab-nav.tab-nav2 li:first-child {margin-left: 0; border-left: 0; } ul.tab-nav.tab-nav2 li a {background-color: #F5F5F5; border-radius: 2px; box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1); } ul.tab-nav.tab-nav2 li.ui-state-active a {top: 0; background-color: #1ABC9C; color: #FFF; } ul.tab-nav-lg {margin-bottom: 20px; list-style: none; } ul.tab-nav-lg li {float: left; position: relative; text-align: center; padding: 15px; } ul.tab-nav-lg li a {display: inline-block; color: #444; font-family: 'Raleway', sans-serif; font-size: 13px; font-weight: 700; text-transform: uppercase; letter-spacing: 2px; } ul.tab-nav.tab-nav-lg li i {display: block; font-size: 28px; margin: 0 0 7px; } ul.tab-nav-lg li.ui-tabs-active a {color: #1ABC9C; } ul.tab-nav-lg.tab-nav-section li.ui-tabs-active:before, ul.tab-nav-lg.tab-nav-section li.ui-tabs-active:after {content: ''; position: absolute; z-index: 2; top: auto; bottom: -50px; border: solid transparent; } ul.tab-nav-lg.tab-nav-section li.ui-tabs-active:after {border-top-color: #FFF; border-width: 16px; left: 50%; margin-left: -16px; } ul.tab-nav-lg.tab-nav-section li.ui-tabs-active:before {border-top-color: #FFF; border-width: 16px; left: 50%; margin-left: -16px; } .tab-container {position: relative; padding: 20px 0 0; } ul.tab-nav li a i {position: relative; top: 1px; font-size: 14px; margin-right: 3px; } .tabs-bordered ul.tab-nav li:first-child {margin-left: 0; } .tabs-bordered .tab-container {border: 1px solid #DDD; border-top: 0; padding: 20px; } .side-tabs ul.tab-nav {float: left; width: 200px; padding: 20px 0; border-bottom: 0; border-right: 1px solid #DDD; } .side-tabs ul.tab-nav li {float: none; border: 1px solid #DDD; border-right: 0; border-top: 0; height: auto; text-align: left; } .side-tabs ul.tab-nav li:first-child {margin-left: 0; border-top: 1px solid #DDD; border-left: 1px solid #DDD; } .side-tabs ul.tab-nav li a {height: auto; line-height: 44px; } .side-tabs ul.tab-nav li.ui-tabs-active a {top: 0; right: -1px; } .side-tabs .tab-container {overflow: hidden; padding: 15px 0 0 20px; } .ui-tabs .ui-tabs-hide {position: absolute!important; left: -10000px !important; display: block !important; } .side-tabs ul.tab-nav.tab-nav2 {border: 0; } .side-tabs ul.tab-nav.tab-nav2 li {border: 0; margin: 6px 0 0; } .side-tabs ul.tab-nav.tab-nav2 li:first-child {margin-top: 0; } .side-tabs ul.tab-nav.tab-nav2 li a {box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.1); } .side-tabs ul.tab-nav.tab-nav2 li.ui-state-active a {right: 0; } .tabs-bordered.side-tabs ul.tab-nav {position: relative; padding: 0; z-index: 2; margin-right: -1px; } .tabs-bordered.side-tabs ul.tab-nav li a {height: auto; line-height: 44px; } .tabs-bordered.side-tabs ul.tab-nav li.ui-tabs-active a {right: -1px; border-right: 1px solid #FFF; } .tabs-bordered.side-tabs .tab-container {overflow: hidden; padding: 20px; border-top: 1px solid #DDD; } .sidenav {width: 100%; padding: 0; background-color: #FFF; border-radius: 4px; } .sidenav li {list-style-type: none; } .sidenav li a {display: block; position: relative; margin: 0 0 -1px; padding: 11px 20px 11px 14px; font-size: 14px; border: 1px solid #E5E5E5; border-right-width: 2px; color: #666; } .sidenav > li:first-child > a {border-radius: 4px 4px 0 0; } .sidenav > li:last-child > a {border-radius: 0 0 4px 4px; border-bottom-width: 2px; } .sidenav > .ui-tabs-active > a, .sidenav > .ui-tabs-active > a:hover {position: relative; z-index: 2; border-color: rgba(0, 0, 0, 0.1) !important; color: #FFF !important; font-weight: 700; background-color: #1ABC9C !important; text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.2); } .sidenav li ul {display: none; } .sidenav li.ui-tabs-active ul {display: block; } .sidenav li li a {padding: 6px 20px 6px 35px; font-size: 14px; border-top: none; border-bottom: none; } .sidenav li li:first-child a {padding-top: 20px; } .sidenav li li:last-child a {padding-bottom: 20px; } .sidenav li i {position: relative; top: 1px; margin-right: 6px; font-size: 14px; text-align: center; width: 16px; } .sidenav .icon-chevron-right {position: absolute; width: 14px; height: 14px; top: 50%; left: auto; right: 6px; margin-top: -8px; margin-right: 0; opacity: 0.4; font-size: 12px !important; } .sidenav > li > a:hover {background-color: #F5F5F5; color: #222; } .sidenav a:hover .icon-chevron-right {opacity: 0.5; } .sidenav .ui-tabs-active .icon-chevron-right, .sidenav .ui-tabs-active a:hover .icon-chevron-right {opacity: 1; } .faqlist li {margin-bottom: 5px; font-size: 15px; } .faqlist li a {color: #444; } .faqlist li a:hover {color: #1ABC9C !important; } .clients-grid, .testimonials-grid {list-style: none; overflow: hidden; } .clients-grid li, .testimonials-grid li {float: left; position: relative; width: 20%; padding: 20px 0; -webkit-backface-visibility: hidden; } .clients-grid.grid-2 li {width: 50%; padding: 25px 0; } .clients-grid.grid-3 li {width: 33.33%; } .clients-grid.grid-4 li {width: 25%; } .clients-grid.grid-6 li {width: 16.66%; } .clients-grid li a {opacity: 0.6; } body:not(.device-touch) .clients-grid li a {-webkit-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease; } .clients-grid li a:hover {opacity: 1; } .clients-grid li a, .clients-grid li img {display: block; width: 75%; margin-left: auto; margin-right: auto; } .clients-grid li a img {width: 100%; } .clients-grid li:before, .clients-grid li:after, .testimonials-grid li:before, .testimonials-grid li:after {content: ''; position: absolute; } .clients-grid li:before, .testimonials-grid li:before {height: 100%; top: 0; left: -1px; border-left: 1px dashed #DDD; } .clients-grid li:after, .testimonials-grid li:after {width: 100%; height: 0; top: auto; left: 0; bottom: -1px; border-bottom: 1px dashed #DDD; } .testimonials-grid li {width: 50%; padding: 25px; } .testimonials-grid.grid-3 li {width: 33.33%; } .testimonials-grid.grid-1 li {width: 100%; } .testimonials-grid li .testimonial {padding: 0; background-color: transparent!important; border: 0!important; box-shadow: none !important; } .testimonial {position: relative; padding: 20px; background-color: #FFF; border: 1px solid rgba(0, 0, 0, 0.1); border-radius: 5px; box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1); } .testi-image {float: left; margin-right: 15px; } .testi-image, .testi-image a, .testi-image img, .testi-image i {display: block; width: 64px; height: 64px; } .testi-image i {text-align: center; background-color: #EEE; border-radius: 50%; line-height: 64px; font-size: 28px; color: #888; text-shadow: 1px 1px 1px #FFF; } .testi-image img {border-radius: 50%; } .testi-content {position: relative; overflow: hidden; } .testi-content p {margin-bottom: 0; font-family: 'Crete Round', serif; font-style: italic; } .testi-content p:before, .testi-content p:after {content: '"'; } .testi-meta {margin-top: 10px; font-size: 13px; font-weight: 700; text-transform: uppercase; } .testi-meta:before {content: '\2013'; } .testi-meta span {display: block; font-weight: 400; color: #999; font-size: 12px; text-transform: none; padding-left: 10px; } .testimonial.twitter-scroll .testi-content p:before, .testimonial.twitter-scroll .testi-content p:after, .testimonial.twitter-scroll .testi-meta:before {content: ''; } .testimonial.twitter-scroll .testi-meta span {padding-left: 0; } .testimonial.twitter-scroll .testi-meta span a {color: #999; } .testimonial.twitter-scroll .testi-meta span a:hover {color: #222; } .testimonial.testimonial-full {padding: 30px; } .testimonial.testimonial-full[data-animation="fade"] {padding: 30px; } .testimonial.testimonial-full[data-animation="fade"] .flexslider {overflow: visible !important; } .testimonial-full .testi-image {float: none; margin: 0 auto 20px; } .testimonial-full .testi-image, .testimonial-full .testi-image a, .testimonial-full .testi-image img, .testimonial-full .testi-image i {display: block; width: 72px; height: 72px; } .testimonial-full .testi-image i {line-height: 72px; } .testimonial-full .testi-content {text-align: center; font-size: 18px; } .testimonial-full .testi-meta {margin-top: 15px; } .testimonial-full .testi-meta span {padding-left: 0; } .section > .testimonial {padding: 0; background-color: transparent!important; border: 0!important; box-shadow: none!important; max-width: 800px; margin: 0 auto; } .section > .testimonial[data-animation="fade"] {padding: 0; } .section > .testimonial .testi-content {font-size: 22px; } .section > .testimonial .testi-meta, .section > .testimonial .testi-meta span {font-size: 14px; } .testimonial .flex-control-nav {top: auto; bottom: 6px; right: 0; } .testimonial .flex-control-nav li {margin: 0 2px; width: 6px; height: 6px; } .testimonial .flex-control-nav li a {width: 6px!important; height: 6px!important; border: none; background-color: #1ABC9C; opacity: 0.5; } .testimonial .flex-control-nav li:hover a {opacity: 0.75; } .testimonial .flex-control-nav li a.flex-active {opacity: 1; } .testimonial.testimonial-full .flex-control-nav {position: relative; top: 0; bottom: 0; right: 0; left: 0; height: 6px; margin-top: 20px; } .testimonial.testimonial-full .flex-control-nav li {display: inline-block; float: none; } .team, .team-image {position: relative; } .team-image > a, .team-image img {display: block; width: 100%; } .team-desc {text-align: center; } .team-desc.team-desc-bg {background-color: #FFF; padding: 10px 0 30px; } .team .si-share {margin-top: 30px; text-align: left; } .team .si-share .social-icon {font-size: 14px; width: 34px; } .team-title {position: relative; padding-top: 20px; } .team-title h4 {display: block; margin-bottom: 0; font-size: 19px; text-transform: uppercase; letter-spacing: 1px; font-weight: 700; } .team-title span {display: block; color: #1ABC9C; font-weight: 400; font-family: 'Crete Round', serif; font-style: italic; font-size: 15px; margin-top: 5px; } .team-content {margin-top: 15px; color: #777; } .team-content p:last-child {margin-bottom: 0; } .team-overlay, .team-overlay:before {opacity: 0; position: absolute; z-index: 2; width: 100%; height: 100%; top: 0; left: 0; text-align: center; } body:not(.device-touch) .team-overlay {-webkit-transition: opacity 0.3s ease; -o-transition: opacity 0.3s ease; transition: opacity 0.3s ease; } .team-overlay:before {content: ''; z-index: auto; background-color: #FFF; opacity: 0.75; } .team-overlay .social-icon {float: none; position: relative; z-index: 3; margin: 0 3px!important; display: inline-block; } .team:hover .team-overlay {opacity: 1; } .team.center .team-title:after {left: 50%; margin-left: -40px; } .team.team-list .team-image {float: left; width: 250px; margin-right: 30px; } .team.team-list .team-desc {position: relative; overflow: hidden; text-align: left; } .team.team-list .team-title {padding-top: 0; } .team .team-desc > .social-icon {margin-top: 20px; } .team .team-content ~ .social-icon {margin-top: 30px; } .team:not(.team-list) .social-icon {display: inline-block; float: none; margin-left: 6px; margin-right: 6px; } .pricing {position: relative; } .pricing [class^=col-] {padding: 0; margin-top: 20px; } .pricing-box {position: relative; border: 1px solid rgba(0, 0, 0, 0.075); border-radius: 3px; text-align: center; box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1); background-color: #F5F5F5; } .pricing-title {padding: 15px 0; background-color: #F9F9F9; border-radius: 3px 3px 0 0; text-shadow: 1px 1px 1px #FFF; border-bottom: 1px solid rgba(0, 0, 0, 0.05); } .pricing-title h3 {margin: 0; font-size: 20px; letter-spacing: 1px; font-weight: 700; text-transform: uppercase; color: #555; } .pricing-title span {display: block; color: #999; font-weight: 300; font-size: 14px; margin-top: 3px; text-transform: uppercase; } .pricing-price {position: relative; padding: 25px 0; color: #333; font-weight: 300; font-size: 64px; line-height: 1; } .pricing-price:after {content: ''; position: absolute; width: 100px; border-top: 1px solid rgba(0, 0, 0, 0.1); top: auto; bottom: 0; left: 50%; margin-left: -50px; } .pricing-price span {display: inline-block; vertical-align: top; margin: 7px 3px 0 0; font-size: 28px; font-weight: 400; } .pricing-price span.price-tenure {vertical-align: baseline; font-size: 16px; font-weight: 400; color: #999; margin: 0 0 0 3px; } .pricing-features {border-bottom: 1px solid rgba(0, 0, 0, 0.075); } .pricing-features ul {margin: 0; padding: 15px 0; list-style: none; } .pricing-features li {padding: 6px 0; font-size: 14px; } .pricing-action {padding: 15px 30px; } .pricing-box.best-price {background-color: #FFF; box-shadow: 0 0 8px rgba(0, 0, 0, 0.1); z-index: 10; margin: -20px -1px 0; } .pricing-box.best-price .pricing-title {background-color: #FFF; padding: 20px 0; } .pricing-box.best-price .pricing-title h3 {font-size: 22px; } .pricing-box.best-price .pricing-price {color: #1ABC9C; font-size: 72px; } .pricing-box.pricing-minimal .pricing-price {background-color: #FFF; border-bottom: 1px solid rgba(0, 0, 0, 0.075); } .pricing-box.pricing-minimal .pricing-price:after {display: none; } .pricing.pricing-5 .pricing-box {float: left; width: 20%; margin-top: 20px; } .pricing.pricing-5 .pricing-box.best-price {margin-top: 0; } .pricing.pricing-5 .pricing-box:nth-child(5) {margin-left: -1px; } .pricing.pricing-5 .pricing-title h3 {font-size: 18px; } .pricing.pricing-5 .best-price .pricing-title h3 {font-size: 20px; } .pricing-box.pricing-extended {background-color: #FFF; text-align: left; } .pricing-box.pricing-extended .pricing-desc {float: left; width: 75%; padding: 25px; } .pricing-box.pricing-extended .pricing-title {background-color: transparent; padding-top: 0; text-align: left; } .pricing-box.pricing-extended .pricing-features {border: 0; } .pricing-box.pricing-extended .pricing-features ul {padding: 15px 0 0; } .pricing-box.pricing-extended .pricing-features li {padding: 6px 0; font-size: 15px; width: 50%; float: left; } .pricing-box.pricing-extended .pricing-features ul li i {position: relative; top: 1px; width: 16px; margin-right: 2px; } .pricing-box.pricing-extended .pricing-action-area {position: absolute; top: 0; left: auto; right: 0; width: 25%; height: 100%; border-left: 1px solid rgba(0, 0, 0, 0.05); background-color: #F9F9F9; padding: 30px; border-radius: 0 3px 3px 0; text-align: center; } .pricing-box.pricing-extended .pricing-action-area .pricing-price, .pricing-box.pricing-extended .pricing-action-area .pricing-action {padding: 0; } .pricing-box.pricing-extended .pricing-action-area .pricing-price {padding-bottom: 20px; } .pricing-box.pricing-extended .pricing-action-area .pricing-price:after {display: none; } .pricing-box.pricing-extended .pricing-action-area .pricing-price span.price-tenure {display: block; margin: 10px 0 0; font-weight: 300; text-transform: uppercase; font-size: 14px; } .pricing-box.pricing-extended .pricing-meta {color: #999; font-weight: 300; font-size: 14px; letter-spacing: 1px; text-transform: uppercase; padding-bottom: 10px; } .table-comparison, .table-comparison th {text-align: center; } .table-comparison th:first-child, .table-comparison td:first-child {text-align: left; font-weight: 700; } .counter {font-size: 42px; font-weight: 600; font-family: 'Raleway', sans-serif; } .counter.counter-small {font-size: 28px; } .counter.counter-large {font-size: 56px; } .counter.counter-xlarge {font-size: 64px; font-weight: 400; } .counter.counter-inherit {font-size: inherit; font-weight: inherit; } .counter + h5 {font-weight: 400; text-transform: uppercase; letter-spacing: 1px; margin-top: 10px; } .counter.counter-lined + h5:before {display: block; position: relative; margin: 20px auto 25px; content: ''; width: 15%; border-top: 2px solid #444; opacity: 0.9; } .counter.counter-small + h5 {font-size: 13px; } .counter.counter-large + h5, .counter.counter-xlarge + h5 {font-size: 15px; font-weight: 300; } .widget .counter + h5 {opacity: 0.7; } .rounded-skill {margin: 0 15px 15px; display: inline-block; position: relative; text-align: center; font-size: 22px; font-weight: 700; color: #333; } body:not(.device-touch) .rounded-skill {-webkit-transition: opacity 0.4s ease; -o-transition: opacity 0.4s ease; transition: opacity 0.4s ease; } .rounded-skill + h5 {margin-bottom: 0; } .rounded-skill i {font-size: 42px; } .rounded-skill canvas {position: absolute; top: 0; left: 0; } .skills {margin: 0; list-style: none; padding-top: 25px; } .skills li {position: relative; margin-top: 38px; height: 4px; background-color: #F5F5F5; box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1); border-radius: 2px; } .skills li:first-child {margin-top: 0; } .skills li .progress {position: absolute; top: 0; left: 0; width: 0; height: 100%; background-color: #1ABC9C; overflow: visible!important; border-radius: 2px; -webkit-transition: width 1.2s ease-in-out; -o-transition: width 1.2s ease-in-out; transition: width 1.2s ease-in-out; } .skills li .progress-percent {position: absolute; top: -28px; right: 0; background-color: #333; color: #F9F9F9; text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.2); height: 22px; line-height: 22px; padding: 0 5px; font-size: 11px; border-radius: 2px; } .skills li .progress-percent .counter {font-weight: 400; font-family: 'Lato', sans-serif; } .progress-percent:after, .progress-percent:before {top: 100%; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; } .progress-percent:after {border-top-color: #333; border-width: 4px; left: 50%; margin-left: -4px; } .progress-percent:before {border-top-color: #333; border-width: 5px; left: 50%; margin-left: -5px; } .skills li > span {position: absolute; z-index: 1; top: -23px; left: 0; line-height: 20px; font-size: 12px; font-weight: 700; text-transform: uppercase; color: #222; } blockquote p {margin-bottom: 15px; } blockquote {padding: 10px 20px; margin: 0 0 20px; font-size: 17px; border-left: 5px solid #EEE; } .blockquote-reverse {padding-right: 15px; padding-left: 0; border-right: 5px solid #EEE; border-left: 0; text-align: right; } blockquote.float-left {max-width: 300px; margin: 5px 20px 10px 0; padding-right: 0; } blockquote.float-right {max-width: 300px; margin: 5px 0 10px 20px; padding-left: 0; } .quote {border: none!important; position: relative; } .quote p {position: relative; } .quote:before {font-family: 'font-icons'; speak: none; font-style: normal; font-weight: 400; font-variant: normal; content: "\e7ad"; position: absolute; width: 48px; height: 48px; line-height: 48px; font-size: 42px; top: 0; left: 0; color: #EEE; } .quote.blockquote-reverse:before {content: "\e7ae"; left: auto; right: 0; } .dropcap {float: left; font-size: 42px; line-height: 1; margin: 0 5px 0 0; text-transform: uppercase; } .highlight {padding: 2px 5px; background-color: #444; color: #FFF; border-radius: 2px; } .text-rotater > .t-rotate > .animated {display: inline-block; } .owl-carousel .animated {-webkit-animation-duration: 1000ms; animation-duration: 1000ms; -webkit-animation-fill-mode: both; animation-fill-mode: both; } .owl-carousel .owl-animated-in {z-index: 0; } .owl-carousel .owl-animated-out {z-index: 1; } .owl-carousel .fadeOut {-webkit-animation-name: fadeOut; animation-name: fadeOut; } @-webkit-keyframes fadeOut {0% {opacity: 1; } 100% {opacity: 0; } } @keyframes fadeOut {0% {opacity: 1; } 100% {opacity: 0; } } .owl-height {-webkit-transition: height 500ms ease-in-out; -o-transition: height 500ms ease-in-out; transition: height 500ms ease-in-out; } .owl-carousel {display: none; -webkit-tap-highlight-color: transparent; position: relative; z-index: 1; width: 100%; } .owl-carousel .owl-stage {position: relative; -ms-touch-action: pan-Y; } .owl-carousel .owl-stage:after {content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; } .owl-carousel .owl-stage-outer {position: relative; overflow: hidden; -webkit-transform: translate3d(0, 0, 0); } .owl-carousel.owl-loaded {display: block; } .owl-carousel.owl-loading {display: block; min-height: 100px; background: url(../images/preloader.gif) no-repeat center center; } .owl-carousel .owl-refresh .owl-item {display: none; } .owl-carousel .owl-item {position: relative; min-height: 1px; float: left; -webkit-tap-highlight-color: transparent; -webkit-touch-callout: none; } .owl-carousel .owl-item img {display: block; width: 100%; -webkit-transform-style: preserve-3d; } .slider-element .owl-carousel .owl-item img {-webkit-transform-style: preserve-3d; } .owl-carousel .owl-nav.disabled, .owl-carousel .owl-dots.disabled {display: none; } .owl-nav .owl-prev, .owl-nav .owl-next, .owl-dot, .owl-dots button {cursor: pointer; cursor: hand; padding: 0; border: 0; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .owl-carousel.owl-loaded {display: block; } .owl-carousel.owl-loading {opacity: 0; display: block; } .owl-carousel.owl-hidden {opacity: 0; } .mega-menu-content .owl-carousel.owl-hidden {opacity: 1; } .owl-carousel.owl-refresh .owl-item {display: none; } .owl-carousel.owl-drag .owl-item {-webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .owl-carousel.owl-grab {cursor: move; cursor: -webkit-grab; cursor: -o-grab; cursor: -ms-grab; cursor: grab; } .owl-carousel.owl-rtl {direction: rtl; } .owl-carousel.owl-rtl .owl-item {float: right; } .no-js .owl-carousel {display: block; } .owl-carousel .owl-item .owl-lazy {opacity: 0; -webkit-transition: opacity 400ms ease; -o-transition: opacity 400ms ease; transition: opacity 400ms ease; } .owl-carousel .owl-item img {transform-style: preserve-3d; } .owl-carousel .owl-video-wrapper {position: relative; height: 100%; background: #111; } .owl-carousel .owl-video-play-icon {position: absolute; height: 64px; width: 64px; left: 50%; top: 50%; margin-left: -32px; margin-top: -32px; background: url(images/icons/play.png) no-repeat; cursor: pointer; z-index: 1; -webkit-backface-visibility: hidden; -webkit-transition: scale 100ms ease; -o-transition: scale 100ms ease; transition: scale 100ms ease; } .owl-carousel .owl-video-play-icon:hover {-webkit-transition: scale(1.3, 1.3); -o-transition: scale(1.3, 1.3); transition: scale(1.3, 1.3); } .owl-carousel .owl-video-playing .owl-video-play-icon, .owl-carousel .owl-video-playing .owl-video-tn {display: none; } .owl-carousel .owl-video-tn {opacity: 0; height: 100%; background-position: center center; background-repeat: no-repeat; -webkit-background-size: contain; -moz-background-size: contain; -o-background-size: contain; background-size: contain; -webkit-transition: opacity 400ms ease; -o-transition: opacity 400ms ease; transition: opacity 400ms ease; } .owl-carousel .owl-video-frame {position: relative; z-index: 1; height: 100%; width: 100%; } .owl-carousel .owl-dots, .owl-carousel .owl-nav {text-align: center; -webkit-tap-highlight-color: transparent; line-height: 1; } .owl-carousel .owl-nav [class*=owl-] {position: absolute; top: 50%; margin-top: -18px; left: -36px; zoom: 1; width: 36px; height: 36px; line-height: 32px; border: 1px solid rgba(0, 0, 0, 0.2); color: #666; background-color: #FFF; font-size: 18px; border-radius: 50%; opacity: 0; -webkit-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; } .owl-carousel.with-carousel-dots .owl-nav [class*=owl-] {margin-top: -38px; } .slider-element .owl-nav [class*=owl-], .owl-carousel-full .owl-nav [class*=owl-] {margin-top: -30px; left: 0!important; height: 60px; line-height: 60px; border: none; color: #EEE; background-color: rgba(0, 0, 0, 0.4); font-size: 28px; border-radius: 0 3px 3px 0; } .owl-carousel-full .with-carousel-dots .owl-nav [class*=owl-] {margin-top: -50px; } .owl-carousel .owl-nav .owl-next {left: auto; right: -36px; } .slider-element .owl-nav .owl-next, .owl-carousel-full .owl-nav .owl-next {left: auto!important; right: 0!important; border-radius: 3px 0 0 3px; } .owl-carousel:hover .owl-nav [class*=owl-] {opacity: 1; left: -18px; } .owl-carousel:hover .owl-nav .owl-next {left: auto; right: -18px; } .owl-carousel .owl-nav [class*=owl-]:hover {background-color: #1ABC9C !important; color: #FFF !important; text-decoration: none; } .owl-carousel .owl-nav .disabled {display: none !important; } .owl-carousel .owl-dots .owl-dot {display: inline-block; zoom: 1; width: 8px; height: 8px; margin: 30px 4px 0; opacity: 0.5; border-radius: 50%; background-color: #1ABC9C; -webkit-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; } .owl-carousel .owl-dots .owl-dot.active, .owl-carousel .owl-dots .owl-dot:hover {opacity: 1; } .overlay {position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .overlay .overlay-wrap, .text-overlay {opacity: 0; position: relative; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.6); } body:not(.device-touch) .overlay .overlay-wrap, body:not(.device-touch) .text-overlay {-webkit-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } .overlay .overlay-wrap i {position: absolute; opacity: 0.8; font-size: 24px; line-height: 1; width: 24px; height: 24px; text-align: center; top: 50%; margin-top: -12px; left: 50%; margin-left: -12px; color: #FFF; } .overlay:hover .overlay-wrap, .overlay:hover .text-overlay {opacity: 1; } .text-overlay {position: absolute; opacity: 0.85; top: auto; bottom: 0; height: auto; padding: 40px 15px 15px; text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.3); background: -moz-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.85) 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(0, 0, 0, 0)), color-stop(100%, rgba(0, 0, 0, 0.85))); background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.85) 100%); background: -o-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.85) 100%); background: -ms-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.85) 100%); background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.85) 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#a6000000', GradientType=0); backface-visibility: hidden; } .text-overlay-title h2, .text-overlay-title h3, .text-overlay-title h4 {margin: 0; color: #F5F5F5; } .text-overlay-title h2 {font-size: 28px; } .text-overlay-title h3 {font-size: 17px; font-weight: 600; } .text-overlay-title h2, .text-overlay-title h3, .text-overlay-title h4, .text-overlay-meta {max-width: 100%; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; } .text-overlay-meta {color: #CCC; font-size: 13px; } .text-overlay-meta span i {position: relative; top: 1px; font-size: 14px; } .news-carousel .text-overlay {padding: 40px 30px 25px; } .news-carousel .text-overlay-title {margin: 15px 0 10px; } .news-carousel .text-overlay-title h2, .news-carousel .text-overlay-title h3, .news-carousel .text-overlay-title h4 {line-height: 1.2; text-overflow: none; white-space: normal; } .news-carousel .text-overlay-meta {font-size: 14px; } .news-carousel .rounded-skill {position: absolute; margin: 0!important; top: 30px; right: 30px; color: #FFF; font-weight: 700; } .sm-form-control {display: block; width: 100%; height: 38px; padding: 8px 14px; font-size: 15px; line-height: 1.42857143; color: #555; background-color: #fff; background-image: none; border: 2px solid #DDD; border-radius: 0!important; -webkit-transition: border-color ease-in-out 0.15s; -o-transition: border-color ease-in-out 0.15s; transition: border-color ease-in-out 0.15s; } .sm-form-control:focus {border-color: #AAA; outline: 0; -webkit-box-shadow: none; box-shadow: none; } .sm-form-control::-moz-placeholder {color: #999; opacity: 1; } .sm-form-control:-ms-input-placeholder {color: #999; } .sm-form-control::-webkit-input-placeholder {color: #999; } .sm-form-control[disabled], .sm-form-control[readonly], fieldset[disabled] .sm-form-control {cursor: not-allowed; background-color: #eee; opacity: 1; } .sm-form-control {height: auto; } .form-control {border-radius: 3px; } .form-control:active, .form-control:focus {border-color: #999; box-shadow: none; } label {display: inline-block; font-size: 13px; font-weight: 700; font-family: 'Raleway', sans-serif; text-transform: uppercase; letter-spacing: 1px; color: #555; margin-bottom: 10px; cursor: pointer; } label.label-muted {color: #999; font-weight: 400; margin-right: 5px; } form .col_full, form .col_half, form .col_one_third, form .col_two_third, form .col_three_fourth, form .col_one_fourth, form .col_one_fifth, form .col_two_fifth, form .col_three_fifth, form .col_four_fifth, form .col_one_sixth, form .col_five_sixth {margin-bottom: 25px; } #contact-form-overlay, #contact-form-overlay-mini {position: relative; max-width: 800px; background-color: #FFF; padding: 40px; margin: 0 auto; z-index: 10; border-radius: 4px; box-shadow: 0 1px 10px rgba(0, 0, 0, 0.15); } #contact-form-overlay-mini {float: right; width: 380px; margin: 0; } label.error {margin-top: 5px; color: #E42C3E; font-weight: 400; display: none !important; } .show-error-msg + label.error {display: block !important; } input[type=checkbox]:not(:checked) + label.error {display: block !important; } .form-control.error, .sm-form-control.error {border-color: #E42C3E; } #google-map {position: relative; width: 100%; height: 450px; } .gmap img {max-width: none !important; } .gm-style .gm-style-iw h3 span {font-size: inherit; font-family: inherit; } #map-overlay {position: relative; padding: 100px 0; } #map-overlay #google-map {position: absolute; height: 100%; top: 0; left: 0; } #content .cse .gsc-control-cse, #content .gsc-control-cse, #content .gsc-above-wrapper-area, #content .gsc-adBlock, #content .gsc-thumbnail-inside, #content .gsc-url-top, #content .gsc-table-result, #content .gsc-webResult, #content .gsc-result {padding: 0 !important; } #content .gsc-selected-option-container {width: auto !important; } #content .gsc-result-info {padding-left: 0 !important; } #content .gsc-above-wrapper-area-container, #content .gsc-table-result {margin-bottom: 10px; } #content .gcsc-branding {display: none; } #content .gsc-results, #content .gsc-webResult {width: 100% !important; } #content .gs-no-results-result .gs-snippet, #content .gs-error-result .gs-snippet {margin: 0 !important; } .title-block {padding: 2px 0 3px 20px; border-left: 7px solid #1ABC9C; margin-bottom: 30px; } .title-block-right {padding: 2px 20px 3px 0; border-left: 0; border-right: 7px solid #1ABC9C; text-align: right; } .title-block h1, .title-block h2, .title-block h3, .title-block h4 {margin-bottom: 0; } .title-block > span {display: block; margin-top: 4px; color: #555; font-weight: 300; } .title-block h1 + span {font-size: 22px; } .title-block h2 + span {font-size: 19px; } .title-block h3 + span {font-size: 17px; } .title-block h4 + span {font-size: 15px; margin-top: 3px; } .heading-block {margin-bottom: 50px; } .heading-block h1, .heading-block h2, .heading-block h3, .heading-block h4, .emphasis-title h1, .emphasis-title h2 {margin-bottom: 0; font-weight: 700; text-transform: uppercase; letter-spacing: 1px; color: #333; } .emphasis-title h1, .emphasis-title h2 {font-weight: 400; letter-spacing: 0; text-transform: none; } .heading-block h1 {font-size: 32px; } .heading-block h2 {font-size: 30px; } .heading-block h3 {font-size: 26px; } .heading-block h4 {font-size: 20px; font-weight: 700; } .heading-block > span:not(.before-heading) {display: block; margin-top: 10px; font-weight: 300; color: #777; } .heading-block .before-heading {margin-bottom: 7px; } .heading-block.center > span, .heading-block.title-center > span, .center .heading-block > span {max-width: 700px; margin-left: auto; margin-right: auto; } .heading-block h1 + span {font-size: 24px; } .heading-block h2 + span {font-size: 22px; } .heading-block h3 + span, .heading-block h4 + span {font-size: 20px; } .heading-block ~ p:not(.lead) {font-size: 15px; } .heading-block:after {content: ''; display: block; margin-top: 30px; width: 40px; border-top: 2px solid #444; } .center .heading-block:after, .heading-block.center:after, .heading-block.title-center:after {margin: 30px auto 0; } .tright .heading-block, .heading-block.tright, .heading-block.title-right {direction: rtl; } .heading-block.noborder:after, .heading-block.nobottomborder:after {display: none; } .heading-block.border-color:after {border-color: #1ABC9C; } .emphasis-title {margin: 0 0 50px; } .emphasis-title h1, .emphasis-title h2 {font-size: 64px; letter-spacing: -2px; } .emphasis-title h1 strong, .emphasis-title h2 strong {font-weight: 700; } .fancy-title {position: relative; margin-bottom: 30px; } .fancy-title h1, .fancy-title h2, .fancy-title h3, .fancy-title h4, .fancy-title h5, .fancy-title h6 {position: relative; display: inline-block; background-color: #FFF; padding-right: 15px; margin-bottom: 0; } .fancy-title h4, .fancy-title h5, .fancy-title h6 {padding-right: 10px; } .fancy-title.title-double-border:before, .fancy-title.title-border:before, .fancy-title.title-border-color:before {content: ''; position: absolute; width: 100%; height: 0; border-top: 3px double #E5E5E5; left: auto; top: 46%; right: 0; } .fancy-title.title-border:before {top: 49%; border-top: 1px solid #EEE; } .fancy-title.title-border-color:before {top: 49%; border-top: 1px solid #1ABC9C; opacity: 0.6; } .title-center {text-align: center; } .title-center h1, .title-center h2, .title-center h3 {padding: 0 15px; } .title-center h4, .title-center h5, .title-center h6 {padding: 0 10px; } .title-right {text-align: right; } .title-right h1, .title-right h2, .title-right h3 {padding: 0 0 0 15px; } .title-right h4, .title-right h5, .title-right h6 {padding: 0 0 0 10px; } .fancy-title.title-bottom-border h1, .fancy-title.title-bottom-border h2, .fancy-title.title-bottom-border h3, .fancy-title.title-bottom-border h4, .fancy-title.title-bottom-border h5, .fancy-title.title-bottom-border h6 {display: block; background: transparent; padding: 0 0 10px; border-bottom: 2px solid #1ABC9C; } .fancy-title.title-dotted-border {background: url(images/icons/dotted.png) repeat-x center; } .before-heading {display: block; margin: 0 0 5px; font-size: 16px; font-family: 'Crete Round', serif; font-style: italic; font-weight: 400; color: #999; } .divider {position: relative; overflow: hidden; margin: 35px 0; color: #E5E5E5; width: 100%; } .divider.divider-margin {margin: 70px 0; } .divider:after, .divider.divider-center:before, .divider.divider-center.divider-short:before {content: ''; position: absolute; width: 100%; top: 8px; left: 30px; height: 0; border-top: 1px solid #EEE; } .divider.divider-thick:after, .divider.divider-center.divider-thick:before, .divider.divider-center.divider-short.divider-thick:before {border-top-width: 3px; } .divider.divider-short:after {width: 30%; } .divider.divider-vshort:after {width: 12%; } .divider i {position: relative; width: 18px; height: 18px; line-height: 1; font-size: 18px!important; text-align: center; } .divider a {position: relative; display: inline-block; color: inherit; -webkit-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; } .divider a:hover {color: #888; } .divider.divider-right {text-align: right; } .divider.divider-right:after {left: auto; right: 30px; } .divider.divider-center, .divider.divider-center.divider-short {text-align: center; } .divider.divider-center:before {left: -50% !important; right: 0; margin-left: -20px; } .divider.divider-center:after {left: 50%!important; right: 0; margin-left: 20px; } .divider.divider-center.divider-short:before {left: auto!important; right: 50%; margin-right: 20px; width: 15%; } .divider.divider-center.divider-short:after {left: 50%!important; right: auto!important; margin-left: 20px; width: 15%; } .divider.divider-center.divider-vshort:before, .divider.divider-center.divider-vshort:after {width: 6%; } .divider.divider-rounded {color: #BBB; } .divider.divider-rounded:after, .divider.divider-rounded.divider-center:before, .divider.divider-rounded.divider-short:before, .divider.divider-border:after, .divider.divider-border.divider-center:before, .divider.divider-border.divider-short:before {top: 19px; left: 40px; } .divider.divider-rounded i, .divider.divider-border i {width: 40px; height: 40px; line-height: 40px; background-color: #F5F5F5; border-radius: 50%; } .divider.divider-rounded.divider-right:after, .divider.divider-border.divider-right:after {left: auto; right: 40px; } .divider.divider-border {color: #E5E5E5; } .divider.divider-border i {line-height: 38px; background-color: transparent; border: 1px solid #EEE; } .divider.divider-line:before, .divider.divider-line:after {margin-left: 0!important; margin-right: 0 !important; } .top-advert {float: right; padding: 5px; border-left: 1px solid #EEE; border-right: 1px solid #EEE; } .top-advert a, .top-advert img {display: block; } .bnews-title {display: block; float: left; margin-top: 2px; padding-top: 0.3em; text-transform: uppercase; } .bnews-slider {float: left; width: 970px; margin-left: 20px; min-height: 0; } .error404 {display: block; font-size: 216px; font-weight: 700; color: #DDD; line-height: 1.35; letter-spacing: 4px; } .error404-wrap .container {z-index: 7; } .error404-wrap .error404 {line-height: 0.9; margin-bottom: 40px; font-weight: 700; font-size: 244px; color: #FFF !important; opacity: 0.2; text-shadow: 1px 1px 5px rgba(0, 0, 0, 0.4); } .error404-wrap .heading-block h4 {font-weight: 300; margin-bottom: 8px; } .error404-wrap .heading-block span {font-size: 17px; } .error404-wrap form {max-width: 500px; } .landing-wide-form {background: rgba(0, 0, 0, 0.3); padding: 30px; border-radius: 3px; } .landing-form-overlay {position: absolute; z-index: 10; top: auto; left: auto; right: 0; bottom: -154px; background-color: rgba(0, 0, 0, 0.6); border-radius: 3px 3px 0 0; } .landing-video {z-index: 1; width: 560px; height: 315px; margin: 22px 0 0 95px; overflow: hidden; } .landing-promo h3 {font-size: 26px; } .landing-promo > .container > span {font-size: 17px; } .preloader, .preloader2, .form-process {display: block; width: 100%; height: 100%; background: url(../images/preloader.gif) center center no-repeat #FFF; } .preloader2 {background-color: transparent; } .form-process {display: none; position: absolute; z-index: 3; background-color: rgba(255, 255, 255, 0.7); } .toast-title {font-weight: 700; } .toast-message {-ms-word-wrap: break-word; word-wrap: break-word; } .toast-message a, .toast-message label {color: #FFF; } .toast-message a:hover {color: #CCC; text-decoration: none; } .toast-close-button {position: relative; right: -0.3em; top: -0.3em; float: right; font-size: 20px; font-weight: 700; color: #FFF; -webkit-text-shadow: 0 1px 0 #fff; text-shadow: 0 1px 0 #fff; opacity: 0.8; -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80); filter: alpha(opacity=80); line-height: 1; } .toast-close-button:hover, .toast-close-button:focus {color: #000; text-decoration: none; cursor: pointer; opacity: 0.4; -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=40); filter: alpha(opacity=40); } .rtl .toast-close-button {left: -0.3em; float: left; right: 0.3em; } button.toast-close-button {padding: 0; cursor: pointer; background: transparent; border: 0; -webkit-appearance: none; } .toast-top-center {top: 0; right: 0; width: 100%; } .toast-bottom-center {bottom: 0; right: 0; width: 100%; } .toast-top-full-width {top: 0; right: 0; width: 100%; } .toast-bottom-full-width {bottom: 0; right: 0; width: 100%; } .toast-top-left {top: 12px; left: 12px; } .toast-top-right {top: 12px; right: 12px; } .toast-bottom-right {right: 12px; bottom: 12px; } .toast-bottom-left {bottom: 12px; left: 12px; } #toast-container {position: fixed; z-index: 999999; pointer-events: none; } #toast-container * {-moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; } #toast-container > div {position: relative; pointer-events: auto; overflow: hidden; margin: 0 0 6px; padding: 20px 25px; width: 300px; -moz-border-radius: 3px; -webkit-border-radius: 3px 3px 3px 3px; border-radius: 3px 3px 3px 3px; background-repeat: no-repeat; -moz-box-shadow: 0 0 12px #999; -webkit-box-shadow: 0 0 12px #999; box-shadow: 0 0 12px #999; color: #FFF; opacity: 0.8; -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80); filter: alpha(opacity=80); } #toast-container > div.rtl {direction: rtl; } #toast-container > div:hover {-moz-box-shadow: 0 0 12px #000; -webkit-box-shadow: 0 0 12px #000; box-shadow: 0 0 12px #000; opacity: 1; -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100); filter: alpha(opacity=100); cursor: pointer; } #toast-container.toast-top-center > div, #toast-container.toast-bottom-center > div {width: 300px; margin-left: auto; margin-right: auto; } #toast-container.toast-top-full-width > div, #toast-container.toast-bottom-full-width > div {width: 96%; margin-left: auto; margin-right: auto; } .toast {background-color: #030303; } .toast-success {background-color: #51A351; } .toast-error {background-color: #BD362F; } .toast-info {background-color: #2F96B4; } .toast-warning {background-color: #F89406; } .toast-progress {position: absolute; left: 0; bottom: 0; height: 4px; background-color: #000; opacity: 0.4; -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=40); filter: alpha(opacity=40); } @media all and (max-width: 240px) {#toast-container > div {padding: 10px 15px; width: 11em; } #toast-container .toast-close-button {right: -0.2em; top: -0.2em; } #toast-container .rtl .toast-close-button {left: -0.2em; right: 0.2em; } } @media all and (min-width: 241px) and (max-width: 480px) {#toast-container > div {padding: 10px 15px; width: 18em; } #toast-container .toast-close-button {right: -0.2em; top: -0.2em; } #toast-container .rtl .toast-close-button {left: -0.2em; right: 0.2em; } } @media all and (min-width: 481px) and (max-width: 768px) {#toast-container > div {padding: 15px 20px; width: 25em; } } #footer {position: relative; background-color: #EEE; border-top: 5px solid rgba(0, 0, 0, 0.2); } .device-xl.sticky-footer #top-bar, .device-lg.sticky-footer #top-bar {z-index: 299; } .device-xl.sticky-footer #header, .device-lg.sticky-footer #header {z-index: 199; } .device-xl.sticky-footer #slider:not(.slider-parallax-invisible), .device-xl.sticky-footer #page-submenu, .device-xl.sticky-footer #page-title, .device-xl.sticky-footer #content, .device-lg.sticky-footer #slider:not(.slider-parallax-invisible), .device-lg.sticky-footer #page-submenu, .device-lg.sticky-footer #page-title, .device-lg.sticky-footer #content {z-index: 2; } .device-xl.sticky-footer #footer, .device-lg.sticky-footer #footer {position: fixed; top: auto; bottom: 0; left: 0; width: 100%; z-index: 1; } .device-xl.sticky-footer:not(.stretched) #footer, .device-lg.sticky-footer:not(.stretched) #footer {left: 50%; margin-left: -610px; width: 1220px; } .device-lg.sticky-footer:not(.stretched) #footer {margin-left: -500px; width: 1000px; } #footer .footer-widgets-wrap {position: relative; padding: 80px 0; } .footer-widgets-wrap .col_full, .footer-widgets-wrap .col_half, .footer-widgets-wrap .col_one_third, .footer-widgets-wrap .col_two_third, .footer-widgets-wrap .col_three_fourth, .footer-widgets-wrap .col_one_fourth, .footer-widgets-wrap .col_one_fifth, .footer-widgets-wrap .col_two_fifth, .footer-widgets-wrap .col_three_fifth, .footer-widgets-wrap .col_four_fifth, .footer-widgets-wrap .col_one_sixth, .footer-widgets-wrap .col_five_sixth {margin-bottom: 0; } #copyrights {padding: 40px 0; background-color: #DDD; font-size: 14px; line-height: 1.8; } #copyrights i.footer-icon {position: relative; top: 1px; font-size: 14px; width: 14px; text-align: center; margin-right: 3px; } .copyright-links a {display: inline-block; margin: 0 3px; color: #333; border-bottom: 1px dotted #444; } .copyright-links a:hover {color: #555; border-bottom: 1px solid #666; } .copyrights-menu {margin-bottom: 10px; } .copyrights-menu a {font-size: 14px; margin: 0 10px; border-bottom: 0 !important; } #copyrights .col_half {margin-bottom: 0 !important; } #copyrights a:first-child {margin-left: 0; } #copyrights .tright a:last-child {margin-right: 0; } .footer-logo {display: block; margin-bottom: 30px; } .widget {position: relative; margin-top: 50px; } .widget p {line-height: 1.7; } .sidebar-widgets-wrap .widget {padding-top: 50px; border-top: 1px solid #EEE; } .widget:first-child {margin-top: 0; } .sidebar-widgets-wrap .widget:first-child {padding-top: 0; border-top: 0; } .widget > h4 {margin-bottom: 25px; font-size: 15px; font-weight: 600; letter-spacing: 2px; text-transform: uppercase; } .sidebar-widgets-wrap .widget > h4 {letter-spacing: 1px; } .widget p:not(.lead) {font-size: 14px; } .tagcloud {margin-bottom: -2px; } .tagcloud a {display: block; float: left; margin-right: 4px; margin-bottom: 4px; padding: 3px 6px; border: 1px solid #E5E5E5; font-size: 13px!important; color: #666; border-radius: 2px; } body:not(.device-touch) .tagcloud a {-webkit-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } .tagcloud a:hover {border-color: #1ABC9C !important; color: #1ABC9C !important; } .widget_nav_menu ul, .widget_nav_menu li, .widget_links ul, .widget_links li, .widget_meta ul, .widget_meta li, .widget_archive ul, .widget_archive li, .widget_recent_comments ul, .widget_recent_comments li, .widget_recent_entries ul, .widget_recent_entries li, .widget_categories ul, .widget_categories li, .widget_pages ul, .widget_pages li, .widget_rss ul, .widget_rss li {list-style: none; margin: 0; } .widget_nav_menu li, .widget_links li, .widget_meta li, .widget_archive li, .widget_recent_comments li, .widget_recent_entries li, .widget_categories li, .widget_pages li, .widget_rss li {padding: 4px; } .widget_nav_menu li a, .widget_links li a, .widget_meta li a, .widget_archive li a, .widget_recent_entries li a, .widget_categories li a, .widget_pages li a, .widget_rss li a, .widget_recent_comments li {display: inline-block; padding: 0 3px 0 12px; } .widget_recent_comments li {display: block; background: url(images/icons/widget-comment.png) left top no-repeat; padding: 4px 0 4px 20px; } .widget_nav_menu li a, .widget_links li a, .widget_meta li a, .widget_archive li a, .widget_recent_entries li a, .widget_categories li a, .widget_pages li a, .widget_rss li a, .widget_recent_comments li a {background: url(images/icons/widget-link.png) left top no-repeat; border: none!important; color: #444; font-size: 14px; } .widget_nav_menu li a:hover, .widget_links li a:hover, .widget_meta li a:hover, .widget_archive li a:hover, .widget_recent_entries li a:hover, .widget_categories li a:hover, .widget_pages li a:hover, .widget_rss li a:hover, .widget_recent_comments li a:hover {color: #000; } .widget_recent_comments li a {display: inline; padding: 0; background: none !important; } .widget_nav_menu > ul > li:first-child, .widget_links > ul > li:first-child, .widget_meta > ul > li:first-child, .widget_archive > ul > li:first-child, .widget_recent_comments > ul > li:first-child, .widget_recent_entries > ul > li:first-child, .widget_categories > ul > li:first-child, .widget_pages > ul > li:first-child, .widget_rss > ul > li:first-child {border-top: 0 !important; } .widget_nav_menu > ul, .widget_links > ul, .widget_meta > ul, .widget_archive > ul, .widget_recent_comments > ul, .widget_recent_entries > ul, .widget_categories > ul, .widget_pages > ul, .widget_rss > ul {margin-top: -4px !important; } .widget_nav_menu ul ul, .widget_links ul ul, .widget_meta ul ul, .widget_archive ul ul, .widget_recent_comments ul ul, .widget_recent_entries ul ul, .widget_categories ul ul, .widget_pages ul ul, .widget_rss ul ul {margin-left: 15px; } .widget .testimonial.no-image .testi-image {display: none; } .widget .testimonial.twitter-scroll .testi-image {margin-right: 10px; } .widget .testimonial:not(.twitter-scroll) .testi-image, .widget .testimonial:not(.twitter-scroll) .testi-image a, .widget .testimonial:not(.twitter-scroll) .testi-image img {width: 42px; height: 42px; } .widget .testimonial.twitter-scroll .testi-image, .widget .testimonial.twitter-scroll .testi-image a, .widget .testimonial.twitter-scroll .testi-image img, .widget .testimonial.twitter-scroll .testi-image i {width: 28px; height: 28px; } .widget .testimonial.twitter-scroll .testi-image i {background-color: #EEE; line-height: 28px; font-size: 14px; color: #888; } .widget .testimonial p {font-size: 14px; } .quick-contact-widget .form-control, .quick-contact-widget .input-group, .quick-contact-widget .sm-form-control {margin-bottom: 10px; } .quick-contact-widget .input-group .form-control {margin-bottom: 0; } .quick-contact-widget form, #template-contactform {position: relative; } .subscribe-widget h5 {font-weight: 300; font-size: 14px; line-height: 1.5; } .widget-twitter-feed li {margin: 15px 0 0; } .widget-twitter-feed li:first-child {margin-top: 0; } .widget-twitter-feed small {display: block; margin-top: 3px; } .widget-twitter-feed small a {color: #999; } .widget-twitter-feed .twitter-feed:not(.twitter-feed-avatar) a.twitter-avatar {display: none; } .widget-twitter-feed .twitter-feed.twitter-feed-avatar i.icon-twitter {display: none; } .widget-twitter-feed .twitter-feed-avatar {margin-left: 44px; } .widget-twitter-feed .twitter-feed-avatar > li a.twitter-avatar {display: block; position: absolute; left: -44px; text-align: center; top: 2px; width: 32px; height: 32px; } .twitter-feed-avatar a.twitter-avatar img {border-radius: 50%; } .widget-filter-links ul {list-style: none; margin-bottom: 0; } .widget-filter-links .widget-filter-reset {position: absolute; top: 0; left: auto; right: 0; font-size: 12px; line-height: 22px; } .widget:not(:first-child) .widget-filter-reset {top: 50px; } .widget-filter-links .widget-filter-reset a {color: red; } .widget-filter-links .widget-filter-reset.active-filter {display: none; } .widget-filter-links li {position: relative; font-size: 15px; line-height: 24px; } .widget-filter-links li:not(:first-child) {margin-top: 10px; } .widget-filter-links li a {display: block; color: #444; font-family: 'Raleway', sans-serif; font-weight: 500; } .widget-filter-links li span {position: absolute; top: 1px; left: auto; right: 0; font-size: 11px; width: 22px; height: 22px; line-height: 22px; text-align: center; color: #777; background-color: #EEE; border-radius: 50%; } .widget-filter-links li:hover a {color: #777; } .widget-filter-links li.active-filter a {font-weight: 700; } .widget-filter-links li.active-filter span {color: #FFF; background-color: #1ABC9C; text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.1); } .nav-tree {position: relative; margin-bottom: 40px; } .nav-tree ul {margin-bottom: 0; list-style: none; } .nav-tree > ul {margin: -8px 0; } .nav-tree li {position: relative; } .nav-tree li a {display: block; padding: 8px 0; color: #333; text-transform: uppercase; font-size: 13px; font-weight: 700; letter-spacing: 2px; font-family: 'Raleway', sans-serif; } .nav-tree li i {font-size: 14px; width: 16px; text-align: center; } .nav-tree li i:not(.icon-angle-down) {margin-right: 8px; position: relative; top: 1px; } .nav-tree li a i.icon-angle-down {width: auto; font-size: 12px; margin-left: 2px; } .nav-tree li:hover > a, .nav-tree li.current > a, .nav-tree li.active > a {color: #1ABC9C !important; } .nav-tree ul ul {display: none; } .nav-tree li.current > ul {display: block; } .nav-tree ul ul a {font-size: 12px; padding: 6px 0; letter-spacing: 1px; font-family: 'Lato', sans-serif; } .nav-tree ul ul a i.icon-angle-down {font-size: 12px; } .nav-tree ul ul a {padding-left: 20px; } .nav-tree ul ul ul a {padding-left: 40px; } .nav-tree ul ul ul ul a {padding-left: 60px; } .nav-tree ul ul ul ul ul a {padding-left: 80px; } .wedding-head {position: relative; line-height: 1; font-size: 80px; text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.15); } .wedding-head .first-name, .wedding-head .last-name, .wedding-head .and {display: inline-block; margin-right: 15px; font-weight: 700; text-align: right; text-transform: uppercase; font-family: 'Raleway', sans-serif; letter-spacing: 2px; } .wedding-head .last-name {margin: 0 0 0 15px; text-align: left; } .wedding-head .first-name span, .wedding-head .last-name span {display: block; margin-top: 10px; font-size: 56px; font-weight: 400; font-style: italic; font-family: 'Crete Round', serif; text-transform: none; } .wedding-head .and {margin: 0; font-size: 200px; font-family: 'Times New Roman', serif; } .table .success {color: #3c763d; } .table .info {color: #31708f; } .table .warning {color: #8a6d3b; } .table .danger {color: #a94442; } .btn-link, .page-link, .page-link:hover, .page-link:focus {color: #1ABC9C; } .btn-link:hover, .btn-link:focus {color: #222; } .boot-tabs {margin-bottom: 20px !important; } .carousel-control .icon-chevron-left, .carousel-control .icon-chevron-right {position: absolute; top: 47.5%; z-index: 5; display: inline-block; } .carousel-control .icon-chevron-left {left: 50%; } .carousel-control .icon-chevron-right {right: 50%; } .responsive-utilities th small {display: block; font-weight: 400; color: #999; } .show-grid [class^=col-] {padding-top: 10px; padding-bottom: 10px; background-color: #EEE; border: 1px solid #DDD; } .img-circle {border-radius: 50% !important; } .page-item.active .page-link, .page-link:hover, .page-link:focus {color: #FFF !important; background-color: #1ABC9C !important; border-color: #1ABC9C !important; } .nav-pills > li.active > a, .nav-pills > li.active > a:hover, .nav-pills > li.active > a:focus {background-color: #1ABC9C; } label.radio, label.checkbox {padding-left: 20px; } .input-group-lg > .input-group-addon {line-height: 1; } #cookie-notification {position: fixed; top: auto; bottom: -70px; left: 0; width: 100%; padding: 20px 0; line-height: 24px; background-color: #EEE; color: #444; z-index: 99; -webkit-box-shadow: 0 -1px 4px 0 rgba(0, 0, 0, 0.15); -moz-box-shadow: 0 -1px 4px 0 rgba(0, 0, 0, 0.15); box-shadow: 0 -1px 4px 0 rgba(0, 0, 0, 0.15); -webkit-transition: bottom 0.4s ease; -o-transition: bottom 0.4s ease; transition: bottom 0.4s ease; } .stretched #wrapper {width: 100%; margin: 0; box-shadow: none; } body:not(.no-transition) #wrapper, .animsition-overlay {position: relative; opacity: 0; -webkit-animation-fill-mode: both; animation-fill-mode: both; } .css3-spinner {position: fixed; width: 100%; height: 100%; top: 0; left: 0; z-index: 1000; text-align: center; background-color: #FFF; -webkit-animation-fill-mode: both; animation-fill-mode: both; } .css3-spinner > div {position: absolute; top: 50%; left: 50%; margin-top: -9px; margin-left: 13px; width: 18px; height: 18px; background-color: #DDD; border-radius: 100%; display: inline-block; -webkit-animation: bouncedelay 1.4s infinite ease-in-out; animation: bouncedelay 1.4s infinite ease-in-out; -webkit-animation-fill-mode: both; animation-fill-mode: both; } .css3-spinner .css3-spinner-bounce1 {margin-left: -31px; -webkit-animation-delay: -0.32s; animation-delay: -0.32s; } .css3-spinner .css3-spinner-bounce2 {margin-left: -9px; -webkit-animation-delay: -0.16s; animation-delay: -0.16s; } @-webkit-keyframes bouncedelay {0%, 80%, 100% {-webkit-transform: scale(0); } 40% {-webkit-transform: scale(1); } } @keyframes bouncedelay {0%, 80%, 100% {transform: scale(0); -webkit-transform: scale(0); } 40% {transform: scale(1); -webkit-transform: scale(1); } } .css3-spinner > .css3-spinner-flipper {width: 32px; height: 32px; margin-top: -16px; margin-left: -16px; border-radius: 0; -webkit-animation: rotateplane 1.2s infinite ease-in-out; animation: rotateplane 1.2s infinite ease-in-out; } @-webkit-keyframes rotateplane {0% {-webkit-transform: perspective(120px); } 50% {-webkit-transform: perspective(120px) rotateY(180deg); } 100% {-webkit-transform: perspective(120px) rotateY(180deg) rotateX(180deg); } } @keyframes rotateplane {0% {transform: perspective(120px) rotateX(0deg) rotateY(0deg); -webkit-transform: perspective(120px) rotateX(0deg) rotateY(0deg); } 50% {transform: perspective(120px) rotateX(-180.1deg) rotateY(0deg); -webkit-transform: perspective(120px) rotateX(-180.1deg) rotateY(0deg); } 100% {transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg); -webkit-transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg); } } .css3-spinner > .css3-spinner-double-bounce1, .css3-spinner > .css3-spinner-double-bounce2 {width: 40px; height: 40px; margin-top: -20px; margin-left: -20px; border-radius: 50%; opacity: 0.6; -webkit-animation: cssspinnerbounce 2s infinite ease-in-out; animation: cssspinnerbounce 2s infinite ease-in-out; } .css3-spinner > .css3-spinner-double-bounce2 {-webkit-animation-delay: -1s; animation-delay: -1s; } @-webkit-keyframes cssspinnerbounce {0%, 100% {-webkit-transform: scale(0); } 50% {-webkit-transform: scale(1); } } @keyframes cssspinnerbounce {0%, 100% {transform: scale(0); -webkit-transform: scale(0); } 50% {transform: scale(1); -webkit-transform: scale(1); } } .css3-spinner > .css3-spinner-rect1, .css3-spinner > .css3-spinner-rect2, .css3-spinner > .css3-spinner-rect3, .css3-spinner > .css3-spinner-rect4, .css3-spinner > .css3-spinner-rect5 {height: 30px; width: 6px; margin-top: -15px; margin-left: -21px; border-radius: 0; -webkit-animation: stretchdelay 1.2s infinite ease-in-out; animation: stretchdelay 1.2s infinite ease-in-out; } .css3-spinner > .css3-spinner-rect2 {margin-left: -12px; -webkit-animation-delay: -1.1s; animation-delay: -1.1s; } .css3-spinner > .css3-spinner-rect3 {margin-left: -3px; -webkit-animation-delay: -1s; animation-delay: -1s; } .css3-spinner > .css3-spinner-rect4 {margin-left: 6px; -webkit-animation-delay: -0.9s; animation-delay: -0.9s; } .css3-spinner > .css3-spinner-rect5 {margin-left: 15px; -webkit-animation-delay: -0.8s; animation-delay: -0.8s; } @-webkit-keyframes stretchdelay {0%, 40%, 100% {-webkit-transform: scaleY(0.4); } 20% {-webkit-transform: scaleY(1); } } @keyframes stretchdelay {0%, 40%, 100% {transform: scaleY(0.4); -webkit-transform: scaleY(0.4); } 20% {transform: scaleY(1); -webkit-transform: scaleY(1); } } .css3-spinner > .css3-spinner-cube1, .css3-spinner > .css3-spinner-cube2 {width: 16px; height: 16px; border-radius: 0; margin-top: -20px; margin-left: -20px; -webkit-animation: cubemove 1.8s infinite ease-in-out; animation: cubemove 1.8s infinite ease-in-out; } .css3-spinner > .css3-spinner-cube2 {-webkit-animation-delay: -0.9s; animation-delay: -0.9s; } @-webkit-keyframes cubemove {25% {-webkit-transform: translateX(42px) rotate(-90deg) scale(0.5); } 50% {-webkit-transform: translateX(42px) translateY(42px) rotate(-180deg); } 75% {-webkit-transform: translateX(0px) translateY(42px) rotate(-270deg) scale(0.5); } 100% {-webkit-transform: rotate(-360deg); } } @keyframes cubemove {25% {transform: translateX(42px) rotate(-90deg) scale(0.5); -webkit-transform: translateX(42px) rotate(-90deg) scale(0.5); } 50% {transform: translateX(42px) translateY(42px) rotate(-179deg); -webkit-transform: translateX(42px) translateY(42px) rotate(-179deg); } 50.1% {transform: translateX(42px) translateY(42px) rotate(-180deg); -webkit-transform: translateX(42px) translateY(42px) rotate(-180deg); } 75% {transform: translateX(0px) translateY(42px) rotate(-270deg) scale(0.5); -webkit-transform: translateX(0px) translateY(42px) rotate(-270deg) scale(0.5); } 100% {transform: rotate(-360deg); -webkit-transform: rotate(-360deg); } } .css3-spinner > .css3-spinner-scaler {width: 40px; height: 40px; margin-top: -20px; margin-left: -20px; -webkit-animation: scaleout 1s infinite ease-in-out; animation: scaleout 1s infinite ease-in-out; } @-webkit-keyframes scaleout {0% {-webkit-transform: scale(0); } 100% {-webkit-transform: scale(1); opacity: 0; } } @keyframes scaleout {0% {transform: scale(0); -webkit-transform: scale(0); } 100% {transform: scale(1); -webkit-transform: scale(1); opacity: 0; } } .css3-spinner > .css3-spinner-grid-pulse {width: 48px; height: 48px; margin-top: -24px; margin-left: -24px; background-color: transparent!important; -webkit-animation: none; animation: none; } .css3-spinner-grid-pulse > div {background-color: #DDD; width: 12px; height: 12px; border-radius: 100%; margin: 2px; -webkit-animation-fill-mode: both; animation-fill-mode: both; display: inline-block; float: left; -webkit-animation-name: ball-grid-pulse; animation-name: ball-grid-pulse; -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; -webkit-animation-delay: 0; animation-delay: 0; } .css3-spinner-grid-pulse > div:nth-child(1) {-webkit-animation-delay: 0.73s; animation-delay: 0.73s; -webkit-animation-duration: 1.3s; animation-duration: 1.3s; } .css3-spinner-grid-pulse > div:nth-child(2) {-webkit-animation-delay: 0.32s; animation-delay: 0.32s; -webkit-animation-duration: 1.3s; animation-duration: 1.3s; } .css3-spinner-grid-pulse > div:nth-child(3) {-webkit-animation-delay: 0.71s; animation-delay: 0.71s; -webkit-animation-duration: 0.88s; animation-duration: 0.88s; } .css3-spinner-grid-pulse > div:nth-child(4) {-webkit-animation-delay: 0.62s; animation-delay: 0.62s; -webkit-animation-duration: 1.06s; animation-duration: 1.06s; } .css3-spinner-grid-pulse > div:nth-child(5) {-webkit-animation-delay: 0.31s; animation-delay: 0.31s; -webkit-animation-duration: 0.62s; animation-duration: 0.62s; } .css3-spinner-grid-pulse > div:nth-child(6) {-webkit-animation-delay: -0.14s; animation-delay: -0.14s; -webkit-animation-duration: 1.48s; animation-duration: 1.48s; } .css3-spinner-grid-pulse > div:nth-child(7) {-webkit-animation-delay: -0.1s; animation-delay: -0.1s; -webkit-animation-duration: 1.47s; animation-duration: 1.47s; } .css3-spinner-grid-pulse > div:nth-child(8) {-webkit-animation-delay: 0.4s; animation-delay: 0.4s; -webkit-animation-duration: 1.49s; animation-duration: 1.49s; } .css3-spinner-grid-pulse > div:nth-child(9) {-webkit-animation-delay: 0.73s; animation-delay: 0.73s; -webkit-animation-duration: 0.7s; animation-duration: 0.7s; } @-webkit-keyframes ball-grid-pulse {0% {-webkit-transform: scale(1); transform: scale(1); } 50% {-webkit-transform: scale(0.5); transform: scale(0.5); opacity: 0.7; } 100% {-webkit-transform: scale(1); transform: scale(1); opacity: 1; } } @keyframes ball-grid-pulse {0% {-webkit-transform: scale(1); transform: scale(1); } 50% {-webkit-transform: scale(0.5); transform: scale(0.5); opacity: 0.7; } 100% {-webkit-transform: scale(1); transform: scale(1); opacity: 1; } } .css3-spinner > .css3-spinner-clip-rotate {width: 33px; height: 33px; margin-top: -17px; margin-left: -17px; background-color: transparent!important; -webkit-animation: none; animation: none; } .css3-spinner-clip-rotate > div {border-radius: 100%; border: 2px solid #DDD; border-bottom-color: transparent!important; height: 33px; width: 33px; background: transparent!important; -webkit-animation: rotate 1s 0 linear infinite; animation: rotate 1s 0 linear infinite; } @keyframes rotate {0% {-webkit-transform: rotate(0deg) scale(1); transform: rotate(0deg) scale(1); } 50% {-webkit-transform: rotate(180deg) scale(0.6); transform: rotate(180deg) scale(0.6); } 100% {-webkit-transform: rotate(360deg) scale(1); transform: rotate(360deg) scale(1); } } .css3-spinner > .css3-spinner-ball-rotate {width: 12px; height: 12px; margin-top: -6px; margin-left: -6px; background-color: transparent!important; -webkit-animation: ballrotate 1s 0 cubic-bezier(0.7, -0.13, 0.22, 0.86) infinite; animation: ballrotate 1s 0 cubic-bezier(0.7, -0.13, 0.22, 0.86) infinite; } .css3-spinner-ball-rotate > div {background-color: #DDD; width: 12px; height: 12px; border-radius: 100%; position: relative; } .css3-spinner-ball-rotate > div:nth-child(1), .css3-spinner-ball-rotate > div:nth-child(3) {width: 12px; height: 12px; border-radius: 100%; content: ""; position: absolute; opacity: 0.7; } .css3-spinner-ball-rotate > div:nth-child(1) {top: 0; left: -22px; } .css3-spinner-ball-rotate > div:nth-child(3) {top: 0; left: 22px; } @-webkit-keyframes ballrotate {0% {-webkit-transform: rotate(0deg); transform: rotate(0deg); } 50% {-webkit-transform: rotate(180deg); transform: rotate(180deg); } 100% {-webkit-transform: rotate(360deg); transform: rotate(360deg); } } @keyframes ballrotate {0% {-webkit-transform: rotate(0deg); transform: rotate(0deg); } 50% {-webkit-transform: rotate(180deg); transform: rotate(180deg); } 100% {-webkit-transform: rotate(360deg); transform: rotate(360deg); } } .css3-spinner > .css3-spinner-zig-zag {background-color: transparent!important; -webkit-transform: translate(-15px, -15px); -ms-transform: translate(-15px, -15px); transform: translate(-15px, -15px); -webkit-animation: none; animation: none; } .css3-spinner-zig-zag > div {background-color: #DDD; width: 12px; height: 12px; border-radius: 100%; position: absolute; margin-left: 15px; top: 4px; left: -7px; -webkit-animation-fill-mode: both; animation-fill-mode: both; } .css3-spinner-zig-zag > div:first-child {-webkit-animation: ball-zig-deflect 1.5s 0 infinite linear; animation: ball-zig-deflect 1.5s 0 infinite linear; } .css3-spinner-zig-zag > div:last-child {-webkit-animation: ball-zag-deflect 1.5s 0 infinite linear; animation: ball-zag-deflect 1.5s 0 infinite linear; } @-webkit-keyframes ball-zig-deflect {17% {-webkit-transform: translate(-15px, -30px); transform: translate(-15px, -30px); } 34% {-webkit-transform: translate(15px, -30px); transform: translate(15px, -30px); } 50% {-webkit-transform: translate(0, 0); transform: translate(0, 0); } 67% {-webkit-transform: translate(15px, -30px); transform: translate(15px, -30px); } 84% {-webkit-transform: translate(-15px, -30px); transform: translate(-15px, -30px); } 100% {-webkit-transform: translate(0, 0); transform: translate(0, 0); } } @keyframes ball-zig-deflect {17% {-webkit-transform: translate(-15px, -30px); transform: translate(-15px, -30px); } 34% {-webkit-transform: translate(15px, -30px); transform: translate(15px, -30px); } 50% {-webkit-transform: translate(0, 0); transform: translate(0, 0); } 67% {-webkit-transform: translate(15px, -30px); transform: translate(15px, -30px); } 84% {-webkit-transform: translate(-15px, -30px); transform: translate(-15px, -30px); } 100% {-webkit-transform: translate(0, 0); transform: translate(0, 0); } } @-webkit-keyframes ball-zag-deflect {17% {-webkit-transform: translate(15px, 30px); transform: translate(15px, 30px); } 34% {-webkit-transform: translate(-15px, 30px); transform: translate(-15px, 30px); } 50% {-webkit-transform: translate(0, 0); transform: translate(0, 0); } 67% {-webkit-transform: translate(-15px, 30px); transform: translate(-15px, 30px); } 84% {-webkit-transform: translate(15px, 30px); transform: translate(15px, 30px); } 100% {-webkit-transform: translate(0, 0); transform: translate(0, 0); } } @keyframes ball-zag-deflect {17% {-webkit-transform: translate(15px, 30px); transform: translate(15px, 30px); } 34% {-webkit-transform: translate(-15px, 30px); transform: translate(-15px, 30px); } 50% {-webkit-transform: translate(0, 0); transform: translate(0, 0); } 67% {-webkit-transform: translate(-15px, 30px); transform: translate(-15px, 30px); } 84% {-webkit-transform: translate(15px, 30px); transform: translate(15px, 30px); } 100% {-webkit-transform: translate(0, 0); transform: translate(0, 0); } } .css3-spinner > .css3-spinner-ball-scale-multiple {width: 60px; height: 60px; margin-left: -30px; margin-top: -30px; background-color: transparent!important; -webkit-animation: none; animation: none; } .css3-spinner-ball-scale-multiple > div {background-color: #DDD; border-radius: 100%; position: absolute; left: 0; top: 0; opacity: 0; width: 60px; height: 60px; -webkit-animation: ball-scale-multiple 1.25s 0 linear infinite; animation: ball-scale-multiple 1.25s 0 linear infinite; } .css3-spinner-ball-scale-multiple > div:nth-child(2) {-webkit-animation-delay: -0.4s; animation-delay: -0.4s; } .css3-spinner-ball-scale-multiple > div:nth-child(3) {-webkit-animation-delay: -0.2s; animation-delay: -0.2s; } @-webkit-keyframes ball-scale-multiple {0% {-webkit-transform: scale(0); transform: scale(0); opacity: 0; } 5% {opacity: 1; } 100% {-webkit-transform: scale(1); transform: scale(1); opacity: 0; } } @keyframes ball-scale-multiple {0% {-webkit-transform: scale(0); transform: scale(0); opacity: 0; } 5% {opacity: 1; } 100% {-webkit-transform: scale(1); transform: scale(1); opacity: 0; } } .css3-spinner > .css3-spinner-triangle-path {background-color: transparent!important; -webkit-transform: translate(-29.994px, -37.50938px); -ms-transform: translate(-29.994px, -37.50938px); transform: translate(-29.994px, -37.50938px); -webkit-animation: none; animation: none; } .css3-spinner-triangle-path > div {-webkit-animation-fill-mode: both; animation-fill-mode: both; position: absolute; width: 10px; height: 10px; border-radius: 100%; background-color: #DDD; } .css3-spinner-triangle-path > div:nth-child(1) {-webkit-animation: ball-triangle-path-1 2s 0 ease-in-out infinite; animation: ball-triangle-path-1 2s 0 ease-in-out infinite; } .css3-spinner-triangle-path > div:nth-child(2) {-webkit-animation: ball-triangle-path-2 2s 0 ease-in-out infinite; animation: ball-triangle-path-2 2s 0 ease-in-out infinite; } .css3-spinner-triangle-path > div:nth-child(3) {-webkit-animation: ball-triangle-path-3 2s 0 ease-in-out infinite; animation: ball-triangle-path-3 2s 0 ease-in-out infinite; } .css3-spinner-triangle-path > div:nth-of-type(1) {top: 50px; } .css3-spinner-triangle-path > div:nth-of-type(2) {left: 25px; } .css3-spinner-triangle-path > div:nth-of-type(3) {top: 50px; left: 50px; } @-webkit-keyframes ball-triangle-path-1 {33% {-webkit-transform: translate(25px, -50px); transform: translate(25px, -50px); } 66% {-webkit-transform: translate(50px, 0px); transform: translate(50px, 0px); } 100% {-webkit-transform: translate(0px, 0px); transform: translate(0px, 0px); } } @keyframes ball-triangle-path-1 {33% {-webkit-transform: translate(25px, -50px); transform: translate(25px, -50px); } 66% {-webkit-transform: translate(50px, 0px); transform: translate(50px, 0px); } 100% {-webkit-transform: translate(0px, 0px); transform: translate(0px, 0px); } } @-webkit-keyframes ball-triangle-path-2 {33% {-webkit-transform: translate(25px, 50px); transform: translate(25px, 50px); } 66% {-webkit-transform: translate(-25px, 50px); transform: translate(-25px, 50px); } 100% {-webkit-transform: translate(0px, 0px); transform: translate(0px, 0px); } } @keyframes ball-triangle-path-2 {33% {-webkit-transform: translate(25px, 50px); transform: translate(25px, 50px); } 66% {-webkit-transform: translate(-25px, 50px); transform: translate(-25px, 50px); } 100% {-webkit-transform: translate(0px, 0px); transform: translate(0px, 0px); } } @-webkit-keyframes ball-triangle-path-3 {33% {-webkit-transform: translate(-50px, 0px); transform: translate(-50px, 0px); } 66% {-webkit-transform: translate(-25px, -50px); transform: translate(-25px, -50px); } 100% {-webkit-transform: translate(0px, 0px); transform: translate(0px, 0px); } } @keyframes ball-triangle-path-3 {33% {-webkit-transform: translate(-50px, 0px); transform: translate(-50px, 0px); } 66% {-webkit-transform: translate(-25px, -50px); transform: translate(-25px, -50px); } 100% {-webkit-transform: translate(0px, 0px); transform: translate(0px, 0px); } } .css3-spinner > .css3-spinner-ball-pulse-sync {width: 70px; height: 34px; margin-left: -35px; margin-top: -17px; background-color: transparent!important; -webkit-animation: none; animation: none; } .css3-spinner-ball-pulse-sync > div {display: inline-block; background-color: #DDD; width: 14px; height: 14px; margin: 10px 3px 0; border-radius: 100%; -webkit-animation-fill-mode: both; animation-fill-mode: both; } .css3-spinner-ball-pulse-sync > div:nth-child(0) {-webkit-animation: ball-pulse-sync 0.7s -0.21s infinite ease-in-out; animation: ball-pulse-sync 0.7s -0.21s infinite ease-in-out; } .css3-spinner-ball-pulse-sync > div:nth-child(1) {-webkit-animation: ball-pulse-sync 0.7s -0.14s infinite ease-in-out; animation: ball-pulse-sync 0.7s -0.14s infinite ease-in-out; } .css3-spinner-ball-pulse-sync > div:nth-child(2) {-webkit-animation: ball-pulse-sync 0.7s -0.07s infinite ease-in-out; animation: ball-pulse-sync 0.7s -0.07s infinite ease-in-out; } .css3-spinner-ball-pulse-sync > div:nth-child(3) {-webkit-animation: ball-pulse-sync 0.7s 0 infinite ease-in-out; animation: ball-pulse-sync 0.7s 0 infinite ease-in-out; } @-webkit-keyframes ball-pulse-sync {33% {-webkit-transform: translateY(10px); transform: translateY(10px); opacity: 0.85; } 66% {-webkit-transform: translateY(-10px); transform: translateY(-10px); opacity: 0.7; } 100% {-webkit-transform: translateY(0); transform: translateY(0); opacity: 1; } } @keyframes ball-pulse-sync {33% {-webkit-transform: translateY(10px); transform: translateY(10px); opacity: 0.85; } 66% {-webkit-transform: translateY(-10px); transform: translateY(-10px); opacity: 0.7; } 100% {-webkit-transform: translateY(0); transform: translateY(0); opacity: 1; } } .css3-spinner > .css3-spinner-scale-ripple {width: 50px; height: 50px; margin-left: -25px; margin-top: -25px; background-color: transparent!important; -webkit-animation: none; animation: none; } .css3-spinner-scale-ripple > div {-webkit-animation-fill-mode: both; animation-fill-mode: both; position: absolute; top: 0; width: 50px; height: 50px; border-radius: 100%; border: 2px solid #DDD; -webkit-animation: ball-scale-ripple-multiple 1.4s 0 infinite cubic-bezier(0.21, 0.53, 0.56, 0.8); animation: ball-scale-ripple-multiple 1.4s 0 infinite cubic-bezier(0.21, 0.53, 0.56, 0.8); } .css3-spinner-scale-ripple > div:nth-child(0) {-webkit-animation-delay: -0.8s; animation-delay: -0.8s; } .css3-spinner-scale-ripple > div:nth-child(1) {-webkit-animation-delay: -0.6s; animation-delay: -0.6s; } .css3-spinner-scale-ripple > div:nth-child(2) {-webkit-animation-delay: -0.4s; animation-delay: -0.4s; } .css3-spinner-scale-ripple > div:nth-child(3) {-webkit-animation-delay: -0.2s; animation-delay: -0.2s; } @-webkit-keyframes ball-scale-ripple-multiple {0% {-webkit-transform: scale(0.1); transform: scale(0.1); opacity: 1; } 70% {-webkit-transform: scale(1); transform: scale(1); opacity: 0.7; } 100% {opacity: 0; } } @keyframes ball-scale-ripple-multiple {0% {-webkit-transform: scale(0.1); transform: scale(0.1); opacity: 1; } 70% {-webkit-transform: scale(1); transform: scale(1); opacity: 0.7; } 100% {opacity: 0; } } .mb_YTVPlayer :focus {outline: 0; } .mb_YTVPlayer {display: block; transform: translateZ(0); transform-style: preserve-3d; perspective: 1000px; backface-visibility: hidden; transform: translate3d(0, 0, 0); animation-timing-function: linear; } .mb_YTVPlayer.fullscreen {display: block!important; position: fixed!important; width: 100%!important; height: 100%!important; top: 0!important; left: 0!important; margin: 0!important; border: none !important; } .mb_YTVPlayer.fullscreen .mbYTP_wrapper {opacity: 1 !important; } .mbYTP_wrapper iframe {max-width: 4000px !important; } .inline_YTPlayer {margin-bottom: 20px; vertical-align: top; position: relative; left: 0; overflow: hidden; border-radius: 4px; -moz-box-shadow: 0 0 5px rgba(0, 0, 0, 0.7); -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.7); box-shadow: 0 0 5px rgba(0, 0, 0, 0.7); background: rgba(0, 0, 0, 0.5); } .inline_YTPlayer img {border: none!important; -moz-transform: none!important; -webkit-transform: none!important; -o-transform: none!important; transform: none!important; margin: 0!important; padding: 0 !important; } .datepicker td, .datepicker th {padding: 5px; } .rating-xl {font-size: 3rem !important; } .rating-lg {font-size: 2.5rem !important; } .rating-md {font-size: 2rem !important; } .rating-sm {font-size: 1.75rem !important; } .rating-xs {font-size: 1.25rem !important; } .rating-container .star {margin: 0 2px !important; } .rating-container .filled-stars {-webkit-text-stroke: 0!important; text-shadow: none !important; }



/*=====================================================================
  ESTRUCTURA:
======================================================================*/
/*
#gotoTop{display:none;z-index:299;position:fixed;width:40px;height:40px;background-color:#333;background-color:rgba(0,0,0,0.3);font-size:20px;line-height:36px;text-align:center;color:#FFF;top:auto;left:auto;right:30px;bottom:50px;cursor:pointer;border-radius:2px}body:not(.device-touch)
#gotoTop{transition:background-color .2s linear;-webkit-transition:background-color .2s linear;-o-transition:background-color .2s linear}.stretched #gotoTop{bottom:30px}
#gotoTop:hover{background-color:#E20613}
*/

@media (max-width: 991px) {
  body{overflow-x: hidden;}
}
@media (max-width: 575px) {
  body .container,
  body #header.full-header .container,
  body .container-fullwidth {
    width: 100% !important;
    padding-left: 10px !important;
    padding-right: 10px !important;
  }
}
p,
div,
span,
ul,
li,
a,
strong,
input,
h1,
h2,
h3,
h4 {
  font-weight: 300;
  font-family: 'Montserrat', sans-serif;
}
.bootstrap-select .dropdown-toggle:focus {
  outline: none!important;
}
html {
  overflow-x: hidden;
}
#content {
  overflow: initial;
  display: inline-block;
  width: 100%;
}
@media (min-width: 1350px) {
  .container {
    max-width: 1300px;
  }
}
::selection {
  background: #E20613;
  color: #FFF;
  text-shadow: none;
}
.fondo-gradient {
  background: #858585;
  background: -moz-linear-gradient(180deg, #858585 0%, #4d4d4d 100%);
  background: -webkit-linear-gradient(180deg, #858585 0%, #4d4d4d 100%);
  background: linear-gradient(180deg, #858585 0%, #4d4d4d 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#858585", endColorstr="#4d4d4d", GradientType=1);
}
.fondo-gradient-2 {
  background: #ff5500;
  background: -moz-linear-gradient(180deg, #ff5500 0%, #d60200 100%);
  background: -webkit-linear-gradient(180deg, #ff5500 0%, #d60200 100%);
  background: linear-gradient(180deg, #ff5500 0%, #d60200 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ff5500", endColorstr="#d60200", GradientType=1);
}
.fondo-gradient-3 {
  background: #777777;
  background: -moz-linear-gradient(0deg, #777777 0%, #666666 100%);
  background: -webkit-linear-gradient(0deg, #777777 0%, #666666 100%);
  background: linear-gradient(0deg, #777777 0%, #666666 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#777777", endColorstr="#666666", GradientType=1);
}
ul li {
  list-style: none;
}
label {
  cursor: initial;
}
html,
body {
  height: 100%;
}
header #seleccionado {
  font-weight: 700!important;
}
header #primary-menu {
  margin-top: 25px;
}
.objetivo-box {
  padding: 0px 5px!important;
  text-align: center;
  width: 60px!important;
  border-left: 1px solid #444 !important;
  padding-left: 16px!important;
  margin-left: 12px;
}
.objetivo-box:hover {
  background: #478ECB !important;
  border: none!important;
}
.icon-objetivo {
  background-image: url(../imagenes/objetivo.png);
  width: 29px;
  opacity: 1;
  filter: alpha(opacity=100);
  height: 14px;
  margin-top: 25px;
  display: inline-block;
  position: relative;
  -webkit-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
  text-align: center !important;
  cursor: pointer;
}
.icon-objetivo:first-child {
  margin-bottom: 10px;
  margin-top: 10px;
  opacity: 0.2;
  filter: alpha(opacity=20);
}
#top-cart > a > span {
  background: #d84500;
}
.owl-carousel {text-align: center;}
.owl-carousel:hover .owl-nav .owl-next {
  right: -60px;
  opacity: 0.5;
  filter: alpha(opacity=50);
}
.owl-carousel:hover .owl-nav .owl-prev {
  left: -60px;
  opacity: 0.5;
  filter: alpha(opacity=50);
}
.owl-carousel .owl-nav [class*=owl-] {
  font-size: 45px;
  border: none;
  width: 60px;
  height: 60px;
  background: transparent!important;
  margin-top: -30px;
}
.owl-carousel .owl-nav [class*=owl-]:hover {
  background: transparent!important;
}
.owl-carousel .owl-nav:hover i {
  color: #E20613;
}
.mod-flechas.owl-carousel.with-carousel-dots .owl-nav [class*=owl-] {
  margin-top: -50px;
}
/* HEADER */
.top-search-open .box-buscar-mod #top-search a .icon-line-cross {
  display: inline-block;
}
#header.sticky-header .botones-compra {
  -webkit-transition: all 0.6s ease !important;
  -moz-transition: all 0.6s ease !important;
  -o-transition: all 0.6s ease !important;
  transition: all 0.6s ease infinite !important;
}
#header .botones-compra {
  -webkit-transition: all 0.4s ease !important;
  -moz-transition: all 0.4s ease !important;
  -o-transition: all 0.4s ease !important;
  transition: all 0.4s ease infinite !important;
}
#header {
  position: relative;
  z-index: 1000;
  background: transparent;
}

header {width:100%!important;}
header .login .panel-icono {
  margin-right: 5px;
}
header .envio-gratis {
  float: left;
  font-size: 13px;
  margin-top: 7px;
  font-weight: 400;
}
header .envio-gratis img {
  width: 21px;
  margin-right: 8px;
  float: left;
}
header .envio-gratis span {
  float: left;
}
header .envio-gratis b {
  font-weight: 700;
  color: #E20613;
}
header #logo img {
  width: 165px;
}

header #header-wrap .botones-compra {
  float: right;
}
header #header-wrap #top-search img {
  width: 20px;
  cursor: pointer;
}
header #header-wrap #top-search img:hover {
  opacity: 0.6;
}
header #header-wrap #top-search {
  padding: 0px;
  float: left;
  margin-top: 28px;
  margin-left: 38px;
}
header #header-wrap #top-search a {
  width: initial;
  height: initial;
  padding: 0px;
}
header #header-wrap #top-cart {
  margin: 26px 0px 0px 6px;
  padding: 0px;
  float: right;
}
header .sub-header {
  height: 31px;
}
header .sub-header ul {
  float: right;
  text-align: right;
  margin-bottom: 0px;
  padding: 3px 0px 0px 0px;
}
header .sub-header ul li {
  display: inline-block;
  padding: 0px 12px;
}
header .sub-header ul li a {
  color: #636363;
  font-family: 'Montserrat', sans-serif;
  font-weight: 400;
  text-transform: uppercase;
  font-size: 12px;
  letter-spacing: 1px;
}
header .sub-header ul li a:hover {
  color: #E20613;
}
header .sub-header ul li a i {
  font-style: initial;
}
header .sub-header ul li span {
  padding-right: 7px;
}
header .sub-header ul li span.linea {
  border-right: 1px solid rgba(0, 0, 0, 0.1);
  width: 1px;
  float: right;
  padding: 7px 15px;
  margin: 5px 0px;
}
header .icon-whatsapp {
  width: 20px;
  height: 20px;
  background: url(../img/whatsapp.png) no-repeat top;
  display: inline-block;
  -webkit-background-size: 100% 100%;
  -moz-background-size: 100% 100%;
  -o-background-size: 100% 100%;
  background-size: 100% 100%;
  margin-right: 5px;
  position: relative;
  top: 3px;
}
header .bootstrap-select.btn-group .dropdown-menu {
  margin-top: 0px;
}
header .bootstrap-select.btn-group .dropdown-menu a.dropdown-item {
  padding: 4px 0px;
}
header #top-cart {
  margin-left: 15px;
  margin-right: 3px;
  padding: 0px;
  float: left;
}
header #top-cart a {
  width: 18px;
  margin-left:10px;
  height: initial;
}
header #top-cart a img {
  display: inline-block;
  width: 26px;
  margin-top: 0px;
  opacity: 1;
  filter: alpha(opacity=100);
}
header #top-cart a:hover img {
  opacity: 0.6;
  filter: alpha(opacity=60);
}
header #top-cart a span {
  right: -11px;
  background: #d64401;
  top: -5px;
  width: 18px;
  height: 18px;
  font-size: 13px;
  line-height: 21px;
  text-shadow: none;
  position: absolute;
}
header .botones-compra.responsive-mod {
  display: none;
}
header .categorias-responsive {
  background: url(../img/header.png) no-repeat top;
  background-size: 100% 100%;
  text-align: center;
  padding: 15px 0px 15px 0px;
  display: none;
  margin-top: 0px;
  float: left;
  width: 100%;
}
header .categorias-responsive a {
  display: inline-block;
  color: #ffffff;
  margin-left: 15px;
}
header .categorias-responsive a:first-child {
  margin-left: 0px;
}
header .miscelanea.responsive-mod {
  display: none;
}
@media (max-width: 991px) {
  header #header-wrap #top-cart {
    margin: 27px 37px 0px 0px;
  }
  header .miscelanea.responsive-mod {
    display: block;
  }
  header #header-wrap .botones-compra {
    background: transparent;
    width: initial;
    height: initial;
  }

  header #header-wrap .botones-compra #top-cart {
    display: none;
  }
  header #header-wrap .botones-compra #top-search {
    float: right;
    margin: 0px;
    margin-right: 50px;
  }
  header #header-wrap .botones-compra #top-search #top-search-trigger {
    margin: 0px;
  }
  header #header-wrap .botones-compra.responsive-mod #top-cart {
    display: block;
  }
  header #header-wrap .botones-compra.responsive-mod {
    display: block;
    background: transparent;
    position: absolute;
    right: 25px;
    top: 0px;
  }
  header .categorias-responsive {
    display: inline-block;
  }
  header #header-wrap .botones-compra.responsive-mod #top-cart {
    float: right;
    margin-right: 15px!important;
    margin-left: 10px!important;
  }
  header #header-wrap #primary-menu {
    float: left;
    width: 100%;
    padding: 15px 0px;
  }
  header .info-gral .alineado a {
    padding: 0px!important;
  }
  header .ico-red {
    text-align: center;
    width: 30px;
  }
  header .ico-red.icon-ins img {
    width: 21px;
    display: inline-block;
  }
  header .ico-red.icon-face img {
    width: 12px;
    display: inline-block;
  }
  header #header-wrap #top-search a i.icon-line-cross {
    margin-left: 35px;
  }
  header #top-search form input {
    font-size: 18px;
  }
  header #header-wrap {
    background: #fff;
  }
  header .categorias-responsive a {
    color: #636363;
    font-weight: 400;
    font-size: 18px;
    margin-bottom: 0px!important;
  }
  header #primary-menu ul li:hover > a,
  header #primary-menu ul li.current > a {
    color: #E20613;
  }
}
@media (max-width: 400px) {
  header .categorias-responsive {
    font-size: 14px;
  }
}
header .box-buscar-mod {
  background-image: url(../img/tabla-icon-2.png);
  height: 65px;
  width: 55px;
  display: inline-block;
  z-index: 10000;
  float: right;
}
header .box-buscar-mod #top-search {
  margin-top: 17px;
  margin-right: 3px;
}
header .box-buscar-mod #top-search form {
  background: #000;
  height: 66px!important;
}
header .box-buscar-mod #top-search form input {
  padding: 15px;
}
header .box-buscar-mod #top-search a .icon-line-cross {
  font-size: 23px!important;
  margin-left: 2px;
  right: -80px;
  top: 4px;
  display: none;
}
header .box-buscar-mod #top-search a {
  font-size: 25px;
  width: 35px;
  height: 30px;
  float: left;
}
header #primary-menu {
  margin-top: 0px;
  margin-bottom: 0px;
}
header #primary-menu ul,
header #primary-menu ul li {
  float: left;
}
header #primary-menu .texto-buscar {
  float: right;
  margin-right: 10px;
}
header #primary-menu .buscador-principal {
  float: left;
  margin: 25px 0px 0px 15px;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease infinite;
}
header #primary-menu .buscador-principal .bootstrap-select {
  width: auto;
  margin-right: 10px;
}
header #primary-menu .buscador-principal .bootstrap-select .dropdown-menu span {
  text-transform: uppercase;
  font-family: 'Montserrat', sans-serif;
  color: #636363;
}
header #primary-menu .buscador-principal button {
  background: #f0f0f0;
  text-transform: uppercase;
  font-family: 'Montserrat', sans-serif;
  font-size: 19px;
  font-weight: 300;
  cursor: pointer;
}
header #primary-menu .buscador-principal .categoria button {
  width: 180px;
}
header #primary-menu .buscador-principal .uso button {
  width: 200px;
}
header #botonera-secundaria {
  display: inline-block;
  width: 100%;
}
header .box-pri {
  float: right;
  margin-right: 25px;
  margin-top: 10px;
  display: block;
}
header .box-pri .box {
  max-width: 130px;
  display: inline-block;
}
header .box-pri .box i {
  font-style: initial;
  float: left;
  width: 73%;
  font-size: 12px;
  font-family: 'Montserrat', sans-serif;
  font-weight: 400;
}
header .box-pri .box span {
  float: left;
  font-size: 25px;
  width: 27%;
  line-height: 35px;
}
header .texto-buscar-marca {
  float: right;
  margin-left: 25px;
}
header .box-pri.mobile-version {
  display: none;
}
header .info-gral {
  display: none;
}
header .redes-header {
  margin-left: 10px;
}
header .redes-header img {
  height: 18px;
}
header .redes-header li {
  padding: 0px 3px!important;
}
header .redes-header li img {
  opacity: 1;
  filter: alpha(opacity=100);
  margin-top: -3px;
}
header .redes-header li img:hover {
  opacity: 0.6;
  filter: alpha(opacity=60);
}
header .dropdown-toggle::after {
  background: url(../img/arrow-down.png) no-repeat center center;
  display: inline-block;
  width: 0;
  height: 0;
  margin-left: 0em;
  vertical-align: 0em;
  content: "";
  border-top: 0em solid;
  border-right: 0em solid transparent;
  border-bottom: 0;
  border-left: 0em solid transparent;
  width: 20px;
  height: 12px;
}
header .bootstrap-select.btn-group .dropdown-toggle .filter-option {
  width: 100%;
}
header #primary-menu ul li .dropdown-item.active,
header #primary-menu ul li .dropdown-item:active {
  background-color: #E20613 !important;
}
header #primary-menu ul li .dropdown-item.active span,
header #primary-menu ul li .dropdown-item:active span {
  color: #ffffff !important;
}
header .buscador-mod:hover .buscador-body {
  width: 240px;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease infinite;
}
header .buscador-mod .buscador-body {
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease infinite;
  padding: 6px 20px 6px 20px;
  background: #fff;
  width: 200px;
  border: 1px solid #ddd;
  font-family: 'Montserrat', sans-serif;
  font-size: 16px;
  font-weight: 300;
  color: #636363;
  height: 42px;
  -webkit-border-top-left-radius: 5px;
  -webkit-border-bottom-left-radius: 5px;
  -moz-border-radius-topleft: 5px;
  -moz-border-radius-bottomleft: 5px;
  border-top-left-radius: 5px;
  border-bottom-left-radius: 5px;
}
header .buscador-mod button {
  color: #636363;
  background: #f0f0f0;
  border: none;
  font-size: 16px!important;
  font-weight: 300;
  float: right;
  padding: 0px!important;
  height: 42px;
  width: 50px;
  border: 1px solid #ddd;
  border-left: none;
  -webkit-border-top-right-radius: 5px;
  -webkit-border-bottom-right-radius: 5px;
  -moz-border-radius-topright: 5px;
  -moz-border-radius-bottomright: 5px;
  border-top-right-radius: 5px;
  border-bottom-right-radius: 5px;
}
header .buscador-mod button:hover {
  background: #E20613 !important;
  color: #ffffff;
}
header #primary-menu .buscador-principal button {
  padding-left: 20px;
  padding-right: 40px;
}
header .bootstrap-select .dropdown-toggle:focus {
  outline: thin dotted #333333 !important;
  outline: 1px auto -webkit-focus-ring-color !important;
  outline-offset: -2px;
  outline-color: #E20613 !important;
}
@media (max-width: 1199px) {
  header .buscador-mod .buscador-body {
    width: 160px;
  }
  header .buscador-mod:hover .buscador-body {
    width: 170px;
  }
  header #oc-marcas {
    width: 610px;
  }
  header .sub-header ul li span.linea {
    padding: 7px 7px;
  }
  header .sub-header ul li {
    padding: 0px 4px;
  }
}
@media (max-width: 991px) {
  header #primary-menu .buscador-mod .buscador-body {
    width: 85%;
  }
  header #primary-menu .buscador-principal .enviar {
    width: 15%;
  }
  header .info-gral {
    text-align: center;
    margin-top: 70px;
    width: 100%;
    border-top: 1px solid #eee;
    padding: 0px 0px;
  }
  .primary-menu-open header .info-gral {display: inline-block;}
  header .info-gral li {
    width: 100%;
    float: initial!important;
  }
  header .info-gral li a {
    text-align: center;
  }
  header .info-gral .alineado {
    display: inline-block;
    width: initial;
    float: initial;
    opacity: 0.7;
    filter: alpha(opacity=70);
  }
  header .info-gral .alineado {
    margin-top: 10px!important;
  }
  header #header-wrap {
    padding-bottom: 0px;
  }
  header .sub-header {
    display: none;
  }
  header .sub-header ul li span.linea {
    display: none;
  }
  header #logo {
    display: inline-block;
    text-align: center;
    margin-top: 0px!important;
    margin-bottom: 0px!important;
  }
  header #logo img {
    padding-bottom: 0px;
    width: 130px;
  }
  header .mobile-version-none {
    display: none;
  }
  header .sub-header ul {
    float: left;
    padding: 5px 0px;
  }
  header .sub-header ul li {
    padding: 0px;
    margin-right: 15px;
  }
  header .sub-header ul li.h-email,
  header .sub-header ul li.h-whatsapp {
    display: none;
  }
  header #logo a img {
    height: auto;
    width: 28 0px;
    float: left;
  }
  header #primary-menu-trigger {
    font-size: 28px;
    color: #636363;
    top: 25px;
    left: 4px;
  }
  header #primary-menu-trigger:hover {
    color: #E20613;
  }
  header #oc-marcas,
  header .texto-buscar-marca,
  header .texto-buscar {
    display: none;
  }
  header .buscador-principal {
    width: 100%;
    margin: 15px 0px;
  }
  header .mod-header {
    text-align: center;
  }
  header .box-pri {
    display: none;
    margin: 0px!important;
    float: initial!important;
  }
  header .box-pri.mobile-version {
    display: inline-block !important;
    padding-bottom: 10px;
  }
  header #botonera-secundaria {
    text-align: center;
  }
  header #top-search a {
    right: 0px;
  }
  header #primary-menu .buscador-principal {
    text-align: center;
    margin: 20px 0px;
    width: 260px;
    display: inline-block;
    float: initial;
  }
  header #primary-menu .buscador-principal .buscador-mod {
    width: 100%;
    margin: 0%;
    display: inline-block;
  }
  header #primary-menu .buscador-principal .bootstrap-select {
    width: 49%;
    padding: 0px 1%;
    margin: 0px;
  }
  header #primary-menu .buscador-principal .categoria button {
    width: 100%;
  }
  header #primary-menu .buscador-principal .uso button {
    width: 100%;
  }
  header #primary-menu > div > #top-search form {
    margin-top: 19px;
  }
  header .sub-menu {
    display: none;
  }
}
@media (max-width: 575px) {
  header #header-wrap .botones-compra #top-search {
    margin-right: 50px;
  }
}
header .max-height-panel {
  max-width: 145px;
  overflow: hidden;
  height: 22px;
}
#header.sticky-header #header-wrap {
  background: #ffffff !important;
  height: 70px!important;
}
#header.sticky-header:not(.static-sticky) #primary-menu > ul > li > a {
  padding-top: 24px;
  padding-bottom: 24px;
}
#header.sticky-header #header-wrap .botones-compra {
  height: 70px;
}
#header.sticky-header #primary-menu .buscador-principal {
  margin: 14px 0px 0px 15px;
}
#header.sticky-header #logo img {
  height: initial!important;
  width: 100px;
  margin: 0px;
  margin-top: 7px;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease infinite;
}
#primary-menu ul li > a {
  padding: 10px 15px;
  font-family: 'Montserrat', sans-serif;
  font-weight: 300;
  font-size: 18px;
}
#primary-menu ul ul li:hover > a {
  color: #636363;
}
#primary-menu ul li .panel-login {
  padding: 8px 25px;
  font-family: 'Montserrat', sans-serif;
  font-weight: 300;
  font-size: 18px;
  color: #000;
}
#top-search,
#top-cart,
#side-panel-trigger,
#top-account {
  padding: 0px 8px 10px 8px;
  margin: 0px;
}
#top-search a,
#top-cart a,
#side-panel-trigger a,
#top-account a {
  font-size: 18px;
}
#logo img {
  padding-bottom: 6px;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease infinite;
}
#top-search a i,
#top-cart a i {
  color: #ffffff;
}
.botonera-principal {
  clear: right;
}
.dark > #header-wrap .botonera-principal {
  border-top: 1px solid rgba(255, 255, 255, 0.23);
}
#header,
#header-wrap,
#logo img {
  height: auto;
  border: none;
}
#header .sombra-mod {
  bottom: -10px;
}
#primary-menu .redes-header {
  float: right!important;
}
#primary-menu ul.redes-header li a {
  font-family: 'font-icons';
  padding: 10px 7px;
}
#primary-menu ul ul li {
  width: 100%;
  border-bottom: 1px solid #e5e5e5;
}
#primary-menu ul ul li > a {
  font-size: 13px;
  font-weight: 400;
  text-align: left;
  margin:0px!important;
  padding:8px 25px;
}

#primary-menu ul ul li > a:hover {
  background: #eee;
  float:left; width: 100%;
 padding:8px 25px;
}
#primary-menu ul li .panel-login {
  background: #f5f5f5;
  max-width: 210px;
  overflow: hidden;
  height: 43px;
}
#primary-menu ul li .panel-login:hover {
  background: #E20613;
  color: #ffffff;
}
#primary-menu ul li .panel-login:hover span,
#primary-menu ul li .panel-login:hover div {
  color: #ffffff !important;
}
#primary-menu ul li .panel-login span {
  display: inline-block;
}
#primary-menu ul li.current > a {
  color: #636363;
  font-size: 14px;
  padding: 31px 0px;
  letter-spacing: 1px;
}
#primary-menu ul li.current:first-child > a {
  border: none;
}
#primary-menu ul > li {
  margin: 0px;
}
@media (max-width: 1199px) {
  #primary-menu {
    margin-top: 35px;
  }
  #primary-menu ul li.current > a {
    color: #636363;
    font-size: 16px;
    padding: 30px 0px;
    margin-right: 25px;
  }
}
@media (max-width: 991px) {
  header {
    z-index: 1!important;
  }
  .top-search-open header #header-wrap .botones-compra.responsive-mod {
    width: 100%;
  }
  #primary-menu .botonera-principal {
    padding-bottom: 7px!important;
  }
  .redes-header {
    display: none!important;
  }
  .panel-color .icon-user {
    display: none!important;
  }
  #primary-menu ul li:first-child {
    border-top: 1px solid rgba(238, 238, 238, 0.18) !important;
  }
  #primary-menu ul li {
    border-top: 1px solid rgba(238, 238, 238, 0.18) !important;
  }
  #top-cart {
    border: none;
  }
  #primary-menu {
    margin-top: 0px;
  }
  #primary-menu ul li > a {
    font-size: 16px;
  }
  #primary-menu ul li.current > a {
    text-align: center;
  }
  #primary-menu ul li .panel-login {
    background: transparent;
    padding: 10px 10px;
    color: #E20613;
  }
  #primary-menu-trigger {
    font-size: 18px;
    color: #E20613;
  }
  #logo img {
    margin-top: 0px;
    padding-bottom: 8px;
  }
}
/*#content {padding-bottom:65px!important;}*/
.one-page-arrow {
  font-size: 72px;
  width: 70px;
  height: 80px;
  z-index: 100;
  text-shadow: 2px 2px 2px rgba(0, 0, 0, 0.7);
  bottom: 60px;
}
.one-page-arrow i {
  text-shadow: 2px 2px 2px rgba(0, 0, 0, 0.7);
}
@media only screen and (max-width: 479px) {
  .carrito-boton {
    display: block;
  }
}
.dark #primary-menu:not(.not-dark) ul ul,
.dark #primary-menu:not(.not-dark) ul li .mega-menu-content,
#primary-menu.dark ul ul {
  background: #f5f5f5;
  border: none;
  border-top: 5px solid #E20613;
}
body.top-search-open #top-search a i.icon-search-mod,
#top-search a i.icon-line-cross {
  opacity: 0;
}
#top-search form input {
  color: #636363;
  font-size: 16px;
  font-weight: 300;
  font-family: 'Montserrat', sans-serif;
}
#top-search form input::placeholder {
  color: #636363;
}
#top-search form input:-ms-input-placeholder {
  color: #636363;
}
#top-search form input::-ms-input-placeholder {
  color: #636363;
}

.box-pre-slider {
  background: -moz-linear-gradient(left, rgba(226, 226, 226, 0.65) 0%, rgba(0, 0, 0, 0) 100%);
  background: -webkit-linear-gradient(left, rgba(226, 226, 226, 0.65) 0%, rgba(0, 0, 0, 0) 100%);
  background: linear-gradient(to right, rgba(226, 226, 226, 0.65) 0%, rgba(0, 0, 0, 0) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#a6e2e2e2', endColorstr='#00000000', GradientType=1);
  border-bottom: 1px solid #ddd;
  text-align: center;
  padding: 40px 25px;
}
.box-pre-slider .box {
  display: inline-block;
  width: 200px;
}
.box-pre-slider .separador {
  border-left: 1px solid #d9d9d9;
  margin: 0px 20px;
  display: inline-block;
  height: 33px;
}
.box-pre-slider .box p {
  text-align: left;
  line-height: 16px;
  margin-bottom: 0px;
}
.box-pre-slider .box img {
  float: left;
  height: 33px;
  margin-right: 15px;
}
.box-pre-slider .box i {
  font-size: 14px;
  font-style: initial;
  text-align: left;
  line-height: 17px;
}
.box-pre-slider .box i b {
  color: #d64401;
}
@media (max-width: 750px) {
  .box-pre-slider .box {
    width: 100%;
    text-align: center;
  }
  .box-pre-slider .box p {
    text-align: center;
    margin: 5px 0px;
  }
  .box-pre-slider .separador {
    display: none;
  }
  .box-pre-slider .box img {
    display: inline-block;
    float: initial;
    height: 25px;
    margin-right: 15px;
  }
}
/* COMO COMPRAR */
#como-comprar .modal-header,
#como-comprar .modal-body {
  padding: 15px 30px;
}
#como-comprar .modal-header .close {
  padding: 19px;
}
#como-comprar .modal-header {
  background: #f5f5f5;
}
#como-comprar .modal-title {
  font-size: 21px;
  font-family: 'Montserrat', sans-serif;
  font-weight: 300;
}
#como-comprar .modal-body p {
  font-size: 16px;
  font-family: 'Montserrat', sans-serif;
  margin-top: 15px;
}
#como-comprar .modal-body p b {
  color: #E20613;
}
header #top-search a i.icon-line-cross {
  opacity: 1;
  z-index: 11;
  font-size: 25px!important;
  margin-left: 62px;
  margin-top: 0px;
  color: #999;
  display: none;
  top: -3px;
}
header #top-search a i.icon-line-cross:hover {
  color: #E20613;
  cursor: pointer;
}
body.top-search-open header #top-search a i.icon-line-cross {
  display: block;
}
/******************** 
LOGIN
********************/
#myModalLogin {
  z-index: 100000;
  padding: 35px!important;
  margin-bottom: 0px;
  background: rgba(0, 0, 0, 0.7);
}
#myModalLogin .modal-dialog {
  max-width: 680px;
  z-index: 1000000;
  margin: auto auto;
  display: table;
  height: 100%;
  width: 100%;
}
#myModalLogin .modal-body {
  padding: 0px;
}
#myModalLogin .modal-content {
  background-color: transparent;
  border: none;
  box-shadow: none;
  display: table-cell;
  vertical-align: middle;
}
#myModalLogin .close {
  cursor: pointer;
  background-color: rgba(0, 0, 0, 0.75);
  height: 30px;
  width: 30px;
  right: 10px;
  top: 0px;
  position: absolute;
  opacity: 1;
  filter: alpha(opacity=100);
  color: #fff;
  font-size: 16px;
  margin-top: 10px;
}
#myModalLogin .close:hover {
  background-color: rgba(0, 0, 0, 0.3);
}
#ingresar {
  background: transparent!important;
  width: 100%;

}
#ingresar input:-webkit-autofill {
  -webkit-box-shadow: 0 0 0px 1000px #e6e5e5 inset;
  border: 1px solid #666666;
  color: #E20613;
}
#ingresar input:-webkit-autofill {
  -webkit-text-fill-color: #636363;
}
#ingresar .notificacion {
  background: #f5f5f5;
  color: #636363;
  position: relative;
  z-index: 10;
  text-align: center;
  padding: 20px 5%;
  font-family: 'Montserrat', sans-serif;
  font-size: 15px;
  border-top: 25px solid #fff;
  -webkit-box-shadow: 0px -5px 4px 0px rgba(0, 0, 0, 0.75);
  -moz-box-shadow: 0px -5px 4px 0px rgba(0, 0, 0, 0.75);
  box-shadow: -1px -3px 3px 1px rgba(0, 0, 0, 0.33);
}
#ingresar .notificacion a {
  color: #d84500;
  font-weight: 700;
}
#ingresar .botones-login {
  width: 100%;
  display: inline-block;
  position: relative;
  z-index: 5;
}
#ingresar .botones-login .boton {
  background: #ffffff;
  padding: 10px 35px 15px 35px;
  display: inline-block;
  color: #636363;
  font-family: 'Montserrat', sans-serif;
  font-size: 14px;
}
#ingresar .botones-login .btn-activo {
  background: #E20613;
  color: #ffffff;
}
#ingresar .botones-login .btn-activo:hover {
  background: #d84500;
}
#ingresar #wrapper {
  opacity: 100;
}
#ingresar #wrapper .login-form {
  padding: 25px;
  background: #ffffff;
  float: left;
  width: 100%;
}

#ingresar #wrapper2 .login-form {
  padding: 25px;
  background: #ffffff;
  float: left;
  width: 100%;
}

#ingresar #wrapper2 .login-form {
  padding: 25px;
  background: #ffffff;
  float: left;
  width: 100%;
}

#ingresar .header .login-p {
  font-family: 'Montserrat', sans-serif;
  font-size: 16px;
  color: #636363;
  width: 100%;
  float: left;
  margin-bottom: 15px;
  text-transform: uppercase;
}
#ingresar .content input {
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  border-radius: 0px;
  margin-bottom: 10px;
  height: 40px;
  border: 1px solid #d4d4d4;
  background: #f2efef;
  color: #636363;
  font-family: 'Montserrat', sans-serif;
  font-size: 14px;
}
#ingresar .footer input.enviar-login {
  margin-top: 20px;
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  border-radius: 0px;
  background-color: #E20613;
  color: #ffffff;
  font-weight: 400;
  font-family: 'Montserrat', sans-serif;
  font-size: 15px;
  width: 150px;
  float: right;
}
#ingresar .footer {
  margin-bottom: 25px;
  float: left;
  width: 100%;
  margin-top: 10px;
}
#ingresar .footer input.enviar-login:hover {
  background-color: #d84500;
}
#ingresar .footer .pass-olvidado {
  border: none;
  background-color: transparent;
  text-align: center;
  margin-top: 10px;
  color: #7c7c7c;
  font-family: 'Montserrat', sans-serif;
  float: left;
  font-size: 14px;
  font-weight: 400;
}
#ingresar .footer .pass-olvidado:hover {
  color: #E20613;
}
#ingresar #wrapper .footer .button {
  margin: 0px!important;
}
#ingresar #wrapper2 .footer .button {
  margin: 0px!important;
}
#ingresar #wrapper .registrate {
  border: none;
  width: 100%;
  float: left;
  border-top: 1px dotted #636363;
  padding: 15px 0 20px 0;
  background-color: #e4e4e4;
  text-align: center;
}
#ingresar #wrapper .registrate p {
  font-family: 'Montserrat', sans-serif;
  font-size: 14px;
  line-height: 25px;
  color: #636363;
}
#ingresar #wrapper .registrate p span {
  font-family: 'Montserrat', sans-serif;
  font-size: 21px;
  font-weight: 400;
  color: #E20613;
}
#ingresar #wrapper .registrate:hover {
  background-color: #E20613;
}
#ingresar #wrapper .registrate:hover p {
  color: #ffffff;
}
#ingresar #wrapper .registrate:hover p span {
  color: #ffffff;
}
@media (max-width: 991px) {
  .login {
    margin-right: 10px!important;
  }
}
@media only screen and (max-width: 500px) {
  #myModalLogin {
    padding: 35px 25px!important;
  }
  .modal-dialog {
    width: 100%;
  }
  #ingresar .notificacion {
    font-size: 13px;
  }
  #ingresar .header .login-p {
    text-align: center;
  }
  #ingresar #wrapper .footer .button {
    width: 100%;
  }
  #ingresar .footer .pass-olvidado {
    font-size: 14px;
    text-align: center;
    width: 100%;
  }
  #ingresar .botones-login .boton {
    padding: 10px 15px 15px 15px;
    font-size: 12px;
  }
  #ingresar .footer input.enviar-login {
    font-size: 14px;
  }
  #home .productos .producto .detalle-completo .resumen .compra .carrito button {
    width: 40px;
  }
  #home .productos .producto .detalle-completo .resumen .compra .precio .actual {
    font-size: 14px;
  }
  #home .productos .producto .detalle-completo .resumen .compra .carrito input {
    width: 47px;
  }
}
.alert-danger {
  display: inline-block;
  width: 100%;
  text-align: center;
}

.swiper-pagination span {
  width: 15px;
  height: 15px;
}
.bootstrap-select.btn-group .dropdown-menu a.dropdown-item span.dropdown-item-inner {
  font-size: 15px;
}
.dots {
  background: url(../img/texture1.png) repeat top;
  width: 100%;
  height: 100%;
}
.table-container {
  display: table;
  height: 90%;
  width: 100%;
}
.table-container article {
  display: table-cell;
  vertical-align: middle;
  width: 100%;
}
.titulo-mod {
  font-size: 35px;
  text-align: center;
  color: #E20613;
  font-family: 'Montserrat', sans-serif;
  line-height: 35px;
  font-weight: 300;
  margin-top: 60%;
  width: 100%;
  line-height: 40px;
}
.titulo-mod b {
  font-size: 44px;
  font-weight: 700;
  font-family: 'Montserrat', sans-serif;
}
@media only screen and (max-width: 1199px) {
  .titulo-mod {
    font-size: 25px;
  }
  .titulo-mod b {
    font-size: 38px;
  }
}
@media only screen and (max-width: 991px) {
  .titulo-mod {
    margin-top: 0px;
  }
}
.destacado-texto {
  color: #636363;
  font-size: 28px;
  padding: 0px;
  font-family: 'Montserrat', sans-serif;
  text-align: center;
  background: #f0f0f0;
}
.box-estructura {
  padding: 0px 20px;
  display: inline-block;
  width: 100%;
}
.destacado-texto .mod-left,
.destacado-texto .mod-left .box-estructura {
  padding-left: 0px;
}
.destacado-texto .mod-right,
.destacado-texto .mod-right .box-estructura {
  padding-right: 0px;
}
.destacado-texto .fondo {
  float: left;
  width: 100%;
  background: url(../img/texture1.png) top center repeat;
}
.destacado-texto .container {
  margin-top: 70px;
  margin-bottom: 60px;
}
.destacado-texto h3 {
  color: #666;
  font-family: 'Montserrat', sans-serif;
  font-size: 20px;
  font-weight: 300;
  line-height: 30px;
  margin: 0px;
  padding: 0px;
  text-align: left;
  float: left;
}
.destacado-texto p {
  font-size: 14px;
  color: #999;
  text-align: left;
  float: left;
  line-height: 20px!important;
  margin-bottom: 0px;
}
.destacado-texto .border-new {
  border-left: 1px solid rgba(177, 177, 177, 0.2);
  border-right: 1px solid rgba(177, 177, 177, 0.2);
}
.destacado-texto span {
  color: #000000;
  font-weight: 700;
}
.destacado-texto .box {
  max-width: 800px;
  display: inline-block;
}
.destacado-texto .textura-efecto {
  background: url(../img/textura-line-new.png) top center repeat;
  height: 28px;
  width: 100%;
}
.content-wrap {
  padding: 0px;
}
.bottommargin-lg {
  margin-bottom: 0px !important;
}
.box-destacado {
  float: left;
  width: 78%;
}
.icono-mod {
  width: 22%;
  display: inline-block;
  float: left;
  padding-right: 5%;
  margin-top: 10px;
}
@media only screen and (max-width: 1199px) {
  .box-estructura {
    padding: 0px 10px;
  }
  .destacado-texto h3 {
    font-size: 18px;
  }
}
@media only screen and (max-width: 997px) {
  .destacado-texto .icono-mod {
    width: 50px;
    padding: 0px;
    float: initial;
    margin-bottom: 10px;
  }
  .destacado-texto .box-destacado {
    text-align: center;
    width: 100%;
  }
  .destacado-texto .box-destacado h3,
  .destacado-texto .box-destacado p {
    text-align: center;
    width: 100%;
  }
  .destacado-texto .container {
    margin-top: 40px;
    margin-bottom: 50px;
  }
  .owl-carousel:hover .owl-nav .owl-next {
    right: -25px !important;
  }
  .owl-carousel:hover .owl-nav .owl-prev {
    left: -25px !important;
  }
}
@media only screen and (max-width: 767px) {
  .destacado-texto h3 {
    margin-top: 15px;
  }
  .destacado-texto .border-new {
    border: none;
  }
  .destacado-texto .container {
    margin-top: 30px;
    margin-bottom: 30px;
  }
  .destacado-texto .icono-mod {
    float: left;
    margin-right: 15px;
  }
  .destacado-texto .box-destacado {
    width: 80%;
    float: right;
  }
  .destacado-texto .box-estructura {
    padding: 0px!important;
    border-top: 1px solid #d9d9d9;
  }
  .destacado-texto .col-md-4:first-child .box-estructura {
    border: none;
  }
  .destacado-texto .box-destacado h3 {
    font-size: 21px;
  }
  .destacado-texto .box-destacado h3,
  .destacado-texto .box-destacado p {
    text-align: left;
  }
  .destacado-texto .mod-left,
  .destacado-texto .mod-left .box-estructura {
    padding: 0px 15px;
  }
}
@media only screen and (max-width: 479px) {
  .destacado-texto {
    padding: 0px 0px 0px 0px;
  }
  .destacado-texto .box {
    padding: 15px;
    max-width: 800px;
    display: inline-block;
    font-size: 23px;
  }
  .destacado-texto .icono-mod {
    display: none;
  }
  .destacado-texto .box-destacado {
    width: 100%;
  }
  .destacado-texto .box-destacado h3,
  .destacado-texto .box-destacado p {
    text-align: center;
  }
}
.info-destacada {
  margin-top: -20px;
  position: relative;
  z-index: 1;
  float: left;
  filter: grayscale(1);
  width: 100%;
}
.info-destacada .miscelanea {
  float: left;
  width: 100%;
  opacity: 0.9;
  display: none;
}
.info-destacada .box {
  background: #777777;
  background: -moz-linear-gradient(0deg, #777777 0%, #666666 100%);
  background: -webkit-linear-gradient(0deg, #777777 0%, #666666 100%);
  background: linear-gradient(0deg, #777777 0%, #666666 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#777777", endColorstr="#666666", GradientType=1);
  float: left;
  width: 100%;
  padding: 50px 0px;
  text-align: center;
}
.info-destacada .box img {
  display: inline-block;
}
.info-destacada .box .envio img {
  width: 220px;
  margin-top: 25px;
}
.info-destacada .box .pago {
  border-left: 1px solid rgba(255, 255, 255, 0.5);
  border-right: 1px solid rgba(255, 255, 255, 0.5);
}
.info-destacada .box .pago img {
  width: 260px;
}
.info-destacada .box .mayorista img {
  width: 250px;
  margin-top: 20px;
}
.info-destacada .box .mayorista:hover a {
  filter: saturate(300%) drop-shadow(1px 1px 6px #65341b);
  -webkit-filter: saturate(300%) drop-shadow(1px 1px 6px #65341b);
  -moz-filter: saturate(300%) drop-shadow(1px 1px 6px #65341b);
}
@media only screen and (max-width: 997px) {
  .info-destacada .box .envio img {
    margin-top: 20px;
  }
}
@media only screen and (max-width: 767px) {
  .info-destacada .box {
    padding: 35px 0px;
  }
  .info-destacada .box .pago {
    border: none;
  }
  .info-destacada .box .envio img,
  .info-destacada .box .pago img,
  .info-destacada .box .mayorista img {
    padding: 15px;
    border: none;
    max-width: 250px;
    margin: 0px;
  }
}
.titulo-principal {
  background: url(../img/titulos.jpg) center center no-repeat;
  position: relative;
  min-height: 125px;
}
.titulo-principal .fondo {
  position: absolute;
  width: 100%;
  height: 100%;
  opacity: 0.6;
  background: #E20613;
  top: 0;
  z-index: 8;
}
.titulo-principal .fondo2 {
  background: url(../img/texture1.png) repeat top;
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  z-index: 9;
}
.titulo-principal .tit {
  color: #ffffff;
  text-align: center;
  font-family: 'Montserrat', sans-serif;
  font-size: 25px;
  position: relative;
  z-index: 10;
  padding: 50px 0;
  font-weight: 300;
}
.content-wrap {
  padding: 0px;
}
.bottommargin-lg {
  margin-bottom: 0px !important;
}
.marcas-home ul li {
  list-style: none;
  display: inline-block;
  text-align: center;
}
.marcas-home ul li img {
  display: inline-block;
}
@media only screen and (max-width: 991px) {
  .marcas-home ul {
    margin-top: 30px;
  }
}
@media only screen and (max-width: 767px) {
  .marcas-home ul li img {
    max-width: 220px;
    width: 100%;
  }
}
@media only screen and (max-width: 400px) {
  .marcas-home ul li img {
    max-width: 180px;
    width: 100%;
  }
}
.nueva-categorias {
  margin: 80px 0px;
}
.nueva-categorias a:hover {
  filter: brightness(125%) contrast(150%);
  -webkit-filter: brightness(125%) contrast(150%);
  -moz-filter: brightness(125%) contrast(150%);
}
@media only screen and (max-width: 767px) {
  .nueva-categorias {
    text-align: center;
    margin-bottom: 0px;
  }
  .nueva-categorias a {
    display: inline-block;
    max-width: 350px;
    width: 100%;
    margin-bottom: 15px;
  }
}

/******************** 
FOOTER
********************/
#footer {
  background: transparent;
  border: none;
  float: left;
  width: 100%;
}
#footer .miscelanea {
  float: left;
  display: none;
}
#footer .datos-principales {
  background: #4d4d4d;
}
#footer .datos-principales .box {
  padding: 0px;
}
#footer .datos-principales .datos {
  color: #ffffff;
  display: inline-block;
  margin-right: 20px;
  font-weight: 300;
  padding: 25px 0px;
  padding-top: 15px;
}
#footer .datos-principales .redes {
  float: right;
  width: initial;
  border: none;
  margin: 0px;
}
#footer .datos-principales .redes a {
  margin: 0px;
  margin-top: 5px;
}
#footer .mas-info {
  display: inline-block;
  margin: 0px;
}

#footer .footer-text {
  font-family: 'Montserrat', sans-serif;
  font-size: 16px;
  color: #636363;
  line-height: 26px;
}
#footer .footer-text a {
  font-family: 'Montserrat', sans-serif;
  font-size: 16px;
  color: #636363;
  display: inline-block;
}
#footer .contacto-info {
  display: inline-block;
  margin-bottom: 0px;
  width: 100%;
}
#footer .menu-info li {
  width: 50%;
  display: block;
}
#footer .menu-info li.al100 {
  width: 100%;
}
#footer ul li {
  margin-right:25px;
  display: block;
  float: left;
}
#footer ul li a,
#footer ul li,
#footer ul li i {
  font-size: 13px;
  font-style: initial;
  color: #636363;
  font-weight: 200;
}
#footer ul li b,
#footer ul li span,
#footer ul li i,
#footer ul li img {
  opacity: 1;
}
#footer ul li b {
  font-weight: 700;
}
#footer ul li a:hover i {
  font-weight: 500;
  opacity: 1;
  color: #E20613;
}
#footer ul li i {
  font-weight: 300;
}
#footer ul li span {
  font-size: 17px;
  color: #636363;
}
#footer ul li i {
  margin-left: 8px;
  font-family: 'Montserrat', sans-serif;
}
#footer ul li span {
  width: 25px;
  float: left;
}
#footer .redes {
  float: right;
  margin: 0px;
  padding: 0px;
}
#footer .redes a {
  margin: 0px!important;
  float: left;
}
#footer .redes b {
  float: left;
  margin-top: 10px;
  font-weight: 300;
  font-size: 13px;
}
#footer .redes i {
  color: #838383;
}
#footer .redes span {
  float: left;
  color: #ffffff;
  margin-top: 8px;
}
#footer .redes .box-footer {
  display: inline-block;
  margin: 0px;
}
#footer .logo-2 {
  margin-top: 40px;
  float: right;
}
#footer .desarrollo {
  float: left;
  margin-top: 10px;
  font-size: 13px;
}
#footer .desarrollo .ov {
  width: initial;
  color: #636363;
  text-align: center;
  display: inline-block;
  float: initial;
  font-size: 13px;
}
#footer .desarrollo .ov strong {
  font-weight: 700;
}
#footer .desarrollo .ov strong:hover {
  color: #E20613;
}
#footer .logo-gris {
  margin-top: 10px;
  float: right;
  max-width: 270px;
}
#footer .end-footer-box {
  border-top: 1px solid #e0e0e0;
  padding-top: 20px;
  margin-top: 20px;
  display: inline-block;
  text-align: left;
  width: 100%;
}
@media only screen and (max-width: 1350px) {
  #footer .logo-gris {
    margin-top: 50px;
    float: right;
    max-width: 210px;
  }
}
@media only screen and (max-width: 1199px) {
  #footer ul li {
    text-align: left;
  }
  #footer #footer {
    text-align: left;
  }
  #footer .img-box {
    text-align: center;
  }
  #footer .footer-text .logo-2 {
    display: inline-block;
    margin-top: 15px;
    margin-bottom: 30px;
    float: initial;
  }
  #footer .footer-text {
    text-align: center;
  }
  #footer .menu-info li {
    width: 100%;
    display: block;
  }
  #footer .redes {
    width: initial;
    display: inline-block;
    float: right;
  }
}
@media only screen and (max-width: 991px) {
  #footer .redes b {display: none;}
  #footer .redes a {display: inline-block;float: initial;}
  #footer .footer-text {    text-align: center;  }
  #footer .logo {float: initial!important;}
  #footer .logo-gris {
    display: inline-block;
    margin-top: 0px;
    float: initial;
    width: 200px;
    display: none;
  }
 
  #footer ul li {
    text-align: center;
  }
  #footer ul li span {
    display: inline-block;
    text-align: center;
    float: initial;
  }
  #footer .secciones-footer {
    display: none;
  }
  #footer .end-footer-box {
    text-align: center;
  }
  #footer .desarrollo,
  #footer .redes {
    display: inline-block;
    float: initial;
    margin-top: 0px;
  }
  #footer .desarrollo {
    width: 100%;
  }
  #footer .contacto-info {
    margin-bottom: 0px;
    text-align: center;
  }
  #footer .contacto-info li{
    float:left; width: 100%;
  }
}
.accesos-directos-box.mobile-v {
  display: none;
}
.accesos-directos {
  margin-bottom: 0px;
  position: fixed;
  right: 15px;
  bottom: 0%;
  z-index: 1000;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease infinite;
}
.accesos-directos .box-tool {
  float: right;
  clear: right;
}
.accesos-directos a,
.accesos-directos #gotoTop {
  height: 38px;
  margin-bottom: 0px;
  background: #E20613;
  float: left;
  padding: 5px 14px;
  color: #fff;
  font-size: 16px;
  border-radius: 5px 5px 0px 0px;
  -moz-border-radius: 5px 5px 0px 0px;
  -webkit-border-radius: 5px 5px 0px 0px;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease infinite;
  width: 100%;
  font-weight: 300;
}
.accesos-directos a span {
  float: right;
  margin-top: 2px;
}
.accesos-directos a:hover {
  background: #E20613 !important;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease infinite;
  -webkit-transition: all 0.3s ease !important;
  -moz-transition: all 0.3s ease !important;
  -o-transition: all 0.3s ease !important;
  transition: all 0.3s ease infinite !important;
}
.accesos-directos a img {
  width: 20px;
}
.accesos-directos #gotoTop {
  position: initial;
  font-size: 32px;
  line-height: 29px;
  background:#999!important;
}
.accesos-directos #gotoTop:hover {
  background: #666!important
}
@media (max-width: 991px) {
  .accesos-directos-box {
    display: none;
  }
  .accesos-directos-box.mobile-v {
    display: inline-block !important;
  }
}
#nav-catalogo-header .tit, #nav-panel-header .tit {
  font-size: 18px;
  margin-bottom: 5px;
  color: #838383;
}
#nav-catalogo-header a, #nav-panel-header a {
  background: transparent;
  color: #838383;
  width: 100%;
  float: left;
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  border-radius: 0px;
  border: none;
  border-bottom: 1px solid #ddd;
  text-align: left;
  padding: 8px 0px;
  font-size: 14px;
  font-weight: 300;
}
#nav-catalogo-header .dropdown .dropdown-menu, #nav-panel-header .dropdown .dropdown-menu {
  position: initial!important;
  transform: initial!important;
  float: left;
  width: 100%;
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  border-radius: 0px;
  margin: 0px;
  background: transparent;
  border: none;
}
#nav-catalogo-header .dropdown .dropdown-menu, #nav-panel-header .dropdown .dropdown-menu, {
  padding: 0px;
}
#nav-catalogo-header .dropdown .dropdown-menu a, #nav-panel-header .dropdown .dropdown-menu a {
  color: #838383;
  font-size: 13px;
  padding: 10px 15px;
}
#nav-catalogo-header .btn-secondary:not(:disabled):not(.disabled):active:focus,
#nav-catalogo-header .btn-secondary:not(:disabled):not(.disabled).active:focus,
#nav-catalogo-header .show > .btn-secondary.dropdown-toggle:focus,
#nav-panel-header .btn-secondary:not(:disabled):not(.disabled):active:focus,
#nav-panel-header .btn-secondary:not(:disabled):not(.disabled).active:focus,
#nav-panel-header .show > .btn-secondary.dropdown-toggle:focus
 {
  box-shadow: none;
  color: #E20613;
  font-weight: 700;
}
@media (max-width: 991px) {
  #nav-catalogo-header .tit, #nav-panel-header .tit  {
    font-size: 15px;
    font-weight: 600;
    color: #838383;
    border-bottom: 1px solid #ddd;
    padding-bottom: 10px;
    margin-bottom: 0px;
  }
}








/*=====================================================================
  PRODUCTOS:
======================================================================*/
.arbol {
  font-family: 'Montserrat', sans-serif;
  font-size: 18px;
  color: #444;
  border-bottom: 1px solid #eee;
  font-weight: 300;
  width: 100%;
  display: inline-block;
  padding-bottom: 10px;
  float: left;
  margin: 20px 0px;
}
.arbol .box {
  float: left;
  font-size: 15px;
}
.arbol a {
  color: #636363;
}
.arbol a:hover {
  color: #000;
}
.mod-arbol {
  padding-right: 8px;
  padding-left: 8px;
}
@media only screen and (max-width: 991px) {
  .arbol {
    margin-top: 15px;
  }
}
.titulo {
  display: inline-block;
  width: 100%;
  text-align: center;
  position: relative;
  margin-top: 60px;
  margin-bottom: 50px;
}
.titulo .linea {
  margin-top: 16px;
  z-index: 1;
  position: absolute;
  border: 0.5px solid #d9d9d9;
  width: 100%;
  top: 0px;
}
.titulo .box {
  font-family: 'Montserrat', sans-serif;
  font-style: italic;
  font-size: 25px;
  background: #ffffff;
  width: auto;
  display: inline-block;
  text-align: center;
  color: #636363;
  line-height: 30px;
  font-weight: 300;
  padding: 0px 25px;
  z-index: 5;
  position: relative;
}
.titulo .box b {
  color: #636363;
  font-weight: 700;
}
@media only screen and (max-width: 991px) {
  .titulo {
    margin-top: 40px;
    margin-bottom: 40px;
  }
}

#catalogo .boxing-mod {
  display: flex;
  margin-left: -8px;
  margin-right: -8px;
}
#catalogo #content {
  margin: 0px!important;
}
#catalogo .box-left-pri {
  background: #f2f2f2;
  min-height: 100%;
  border-right: 1px solid #e8e8e8;
  padding-top: 50px;
  padding-bottom: 35px;
  padding-right: 40px;
  display: inline-block;
}
#catalogo .box-right-pri {
  background: #fff;
  min-height: 100%;
  padding-top: 50px;
  padding-bottom: 50px;
  padding-left: 35px;
  display: inline-block;
}
#catalogo .productos {
  margin-top: 0px;
  margin-bottom: 0px;
}
#catalogo .producto {
  margin-bottom: 10px;
  /*
  -webkit-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.25);
  -moz-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.25);
  box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.25);*/
}
@media only screen and (max-width: 991px) {
  #catalogo #content {
    background: none;
  }
  #catalogo .boxing-mod {
    display: inline-block;
  }
  #catalogo .box-left-pri {
    padding: 8px;
    border: none;
    margin-top: 35px;
    width: 100%;
  }
  #catalogo .box-right-pri {
    width: 100%;
    padding: 0px;
    padding-right: 15px;
    padding-left: 15px;
  }
  #catalogo .nav-catalogo-box {
    display: inline-block;
    width: 100%;
  }
}
#side-panel-trigger-close {
  position: relative;
  z-index: 12;
}
#side-panel-trigger-close a {
  display: inline-block;
  float: right;
  z-index: 12;
  left: 0px;
  position: absolute;
  padding: 6px 8px 6px 8px;
}
body.dark #side-panel #side-panel-trigger-close a,
body #side-panel.dark #side-panel-trigger-close a {
  background-color: rgba(0, 0, 0, 0.2);
  color: #FFF;
}
.titulo-categorias {
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  border-radius: 0px;
  font-family: 'Montserrat', sans-serif;
  font-weight: 300;
  font-size: 19px;
  float: left;
  width: 100%;
  text-align: left;
  padding: 15px 25px;
  color: #ffffff;
  background: #666666;
  background: -moz-linear-gradient(left, #666666 0%, #000000 100%);
  background: -webkit-linear-gradient(left, #666666 0%, #000000 100%);
  background: linear-gradient(to right, #666666 0%, #000000 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#666666', endColorstr='#000000', GradientType=1);
}
#nav-catalogo {
  float: left;
  width: 100%;
}
#nav-catalogo #filtros {
  margin-bottom: 25px;
}
#nav-catalogo #filtros ul {
  margin: 0px;
}
#nav-catalogo #filtros ul li {
  background: #fff;
  border: 1px solid #dedede;
  background: #e4e4e4;
  padding: 4px 12px;
  display: inline-block;
  font-size: 12px;
  text-transform: uppercase;
}
#nav-catalogo #filtros ul li a:hover {
  font-weight: 700;
  color: #E20613;
}
#nav-catalogo .tit {
  font-weight: 700;
  font-family: 'Montserrat', sans-serif;
  font-size: 16px;
  margin-bottom: 6px;
  text-transform: uppercase;
}
#nav-catalogo ul {
  margin-bottom: 0px;
}
#nav-catalogo ul li {
  font-size: 15px;
  margin-bottom: 3px;
  text-transform: uppercase;
}
#nav-catalogo ul li a {
  color: #636363;
}
#nav-catalogo ul li a .cant {
  font-size: 13px;
  display: inline-block;
  color: #838383;
}
#nav-catalogo ul li a:hover {
  color: #E20613;
}
#nav-catalogo ul li span {
  margin-right: 5px;
  border: 1px solid #ddd;
  background: #fff;
  width: 15px;
  height: 15px;
  float: left;
  margin-top: 3px;
}
#nav-catalogo .box-modulo {
  display: inline-block;
  width: 100%;
  margin-bottom: 30px;
}
#nav-catalogo .usos a {
  font-size: 14px;
}
#nav-catalogo .tit-categoria {
  font-size: 26px;
  font-family: 'Montserrat', sans-serif;
  color: #636363;
  border-bottom: 1px solid #ddd;
  width: 100%;
  display: inline-block;
  font-weight: 300;
  margin-bottom: 35px;
  padding-bottom: 5px;
}
#nav-catalogo .ordenar button {
  background: transparent;
  border: none;
  padding: 0px;
  text-transform: initial;
  font-size: 15px;
  color: #636363;
}
#nav-catalogo .ordenar .dropdown-toggle::after {
  background: url(../img/arrow-down.png) no-repeat center center;
  position: absolute;
  right: 0px;
  top: 5px;
  display: inline-block;
  width: 0;
  height: 0;
  margin-left: 0em;
  vertical-align: 0em;
  content: "";
  border-top: 0em solid;
  border-right: 0em solid transparent;
  border-bottom: 0;
  border-left: 0em solid transparent;
  width: 20px;
  height: 12px;
}
#nav-catalogo .ordenar .bootstrap-select {
  width: 100%;
}
#nav-catalogo .precio {
  float: left;
  width: 100%;
}
#nav-catalogo .precio .irs {
  float: left;
  width: 83%;
}
#nav-catalogo .precio .irs .irs {
  width: 100%;
}
#nav-catalogo .precio .irs-from:after,
#nav-catalogo .irs-single:after,
#nav-catalogo .irs-to:after,
#nav-catalogo .irs-min,
#nav-catalogo .irs-max {
  display: none;
}
#nav-catalogo .precio .irs-bar {
  background: #999;
  font-size: 12px;
  height: 2px;
}
#nav-catalogo .precio .irs-to,
#nav-catalogo .irs-from {
  float: left;
  position: initial;
  left: 0px!important;
  font-size: 15px;
  margin-top: -12px;
  display: none;
}
#nav-catalogo .precio .irs-to {
  float: right;
}
#nav-catalogo .precio .min-titulo {
  float: left;
  margin-top: -12px;
  margin-right: 8px;
}
#nav-catalogo .precio .irs-single {
  position: initial;
  margin-top: -15px;
  float: left;
  visibility: initial!important;
  background: transparent;
  color: #636363;
  font-size: 14px;
}
#nav-catalogo .precio .irs-slider {
  height: 13px;
  width: 13px;
  background: #fff;
  border: 1px solid #999;
  -webkit-border-radius: 200px;
  -moz-border-radius: 200px;
  border-radius: 200px;
  top: 19px;
}
#nav-catalogo .precio .precio-enviar {
  background: #bbb;
  color: #ffffff;
  width: 15%;
  border: none;
  height: 20px;
  line-height: 18px;
  margin-top: 15px;
  float: right;
}
#nav-catalogo .precio .precio-enviar:hover {
  background: #E20613;
  cursor: pointer;
}
#nav-catalogo .precio .irs-bar-edge,
#nav-catalogo .precio .irs-line-mid,
#nav-catalogo .precio .irs-line-left,
#nav-catalogo .precio .irs-line-right {
  background-color: #ccc;
  height: 2px;
}
#nav-catalogo .categorias ul li,
#nav-catalogo .usos ul li,
#nav-catalogo .marcas ul li {
  overflow: hidden;
  height: 17px;
}
#nav-catalogo .talles ul li a {
  border: 1px solid #dedede;
  padding: 5px;
  font-size: 13px;
  float: left;
  margin-right: 5px;
  margin-bottom: 5px;
  width: 100%;
  max-width: 39px;
  text-align: center;
}
#nav-catalogo .talles ul li a:hover {
  background: #E20613;
  color: #ffffff;
}
#nav-catalogo .colores ul li a {
  border: 1px solid #dedede;
  padding: 5px;
  font-size: 13px;
  float: left;
  margin-right: 5px;
  margin-bottom: 5px;
  width: 100%;
  max-width: 39px;
  text-align: center;
  height: 25px;
}
#nav-catalogo .colores ul li a:hover {
  opacity: 0.5;
  filter: alpha(opacity=50);
}
.box-left-pri .button.button-xlarge {
  background: #f2f2f2;
  color: #636363;
  display: inline-block;
  margin-bottom: 0px;
  margin: 0px!important;
  width: 100%;
  display: none;
  margin-bottom: 25px!important;
}
@media only screen and (max-width: 991px) {
  .box-left-pri {
    text-align: center;
    background: transparent!important;
  }
  .categorias-catalogo {
    display: none;
  }
  .side-panel-wrap .categorias-catalogo {
    display: block;
  }
  .box-left-pri .button.button-xlarge {
    display: block;
  }
}
.navbar-catalogo-menu {
  float: right;
  width: 175px;
  background-color: #E20613;
  padding: 2px 10px;
  margin-top: 15px;
  display: none;
}
.navbar-catalogo-menu .navbar-toggle {
  background: url(../img/menu-b.png) bottom no-repeat;
  height: 40px;
  text-align: left;
  width: 165px;
  background-position: center right;
  margin: 0px 0px 0px 0px;
  position: inherit;
}
.navbar-catalogo-menu .navbar-toggle span {
  color: #ffffff;
  font-family: 'Montserrat', sans-serif;
  font-size: 25px;
  font-weight: 400;
  line-height: 23px;
}
.categoria-div {
  background: #636363;
  color: #ffffff;
  font-size: 14px;
  padding: 10px 25px;
  width: 98%;
  float: left;
  margin-bottom: 25px;
}
.productos {
  margin-top: 0px;
  margin-bottom: 50px;
}
.productos {
  /*.owl-carousel .owl-nav [class*=owl-]:hover {border:1px solid #E20613!important;}*/
}
.productos .box-titulo {
  width: 100%;
  text-align: center;
  padding: 25px 0px;
  position: relative;
  margin-bottom: 35px;
}
.productos .box-titulo .titulo {
  font-family: 'Montserrat', sans-serif;
  font-size: 24px;
  font-weight: 700;
  color: #000000;
  background: #f1f1f1;
  padding: 0px 25px;
  z-index: 1;
  display: inline-block;
}
.productos .box-titulo .linea {
  border-top: 1px solid #999;
  position: absolute;
  top: 42px;
  z-index: -1;
  width: 100%;
}
.productos .mod-padding {
  padding-left: 8px;
  padding-right: 8px;
}
.productos .producto {
  background: #ffffff;
  display: inline-block;
  cursor: pointer;
  width: 100%;
  overflow: hidden;
  position: relative;
  padding: 0px 15px;
  text-align: center;
}
.productos .producto:hover .hover {
  bottom: 0%;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease infinite;
}
.productos .producto .hover {
  z-index: 100;
  position: absolute;
  left: 0px;
  bottom: 100%;
  height: 100%;
  padding: 30px 40px;
  display: inline-block;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease infinite;
  width: 100%;
  opacity: 1;
  filter: alpha(opacity=100);
  text-align: center;
}
.productos .producto .hover div {
  font-family: 'Montserrat', sans-serif;
  color: #ffffff;
  font-size: 18px;
  text-align: center;
  vertical-align: middle;
  display: inline-block;
  margin: auto;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  height: 80px;
  width: 225px;
}
.productos .producto .box-img {
  text-align: center;
  position: relative;
  max-width: 300px;
  display: inline-block;
}
.productos .producto .box-img .box-marca {
  background: #fff;
  position: absolute;
  display: inline-block;
  bottom: -5px;
  left: 50%;
  margin-left: -50px;
  width: auto;
  -webkit-border-top-left-radius: 5px;
  -webkit-border-top-right-radius: 5px;
  -moz-border-radius-topleft: 5px;
  -moz-border-radius-topright: 5px;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
}
.productos .producto .box-img .box-marca .marca {
  opacity: 0.5;
  filter: alpha(opacity=50);
}
.productos .producto .hover div .circulo {
  background: #fff;
  display: inline-block;
  width: 50px;
  height: 50px;
  -webkit-border-radius: 200px;
  -moz-border-radius: 200px;
  border-radius: 200px;
  -webkit-box-shadow: 0px -5px 4px 0px rgba(0, 0, 0, 0.75);
  -moz-box-shadow: 0px -5px 4px 0px rgba(0, 0, 0, 0.75);
  box-shadow: 0px -5px 4px 0px rgba(0, 0, 0, 0.75);
}
.productos .producto .hover div span {
  width: 100%;
  font-size: 22px;
  opacity: 0.4;
  filter: alpha(opacity=40);
  margin-bottom: 5px;
  color: #E20613;
  opacity: 0.8;
  filter: alpha(opacity=80);
  margin-top: 8px;
}
.productos .producto .box {
  text-align: center;
  width: 100%;
  display: inline-block;
  position: relative;
}
.productos .producto .box .colores {
  display: inline-block;
  text-align: center;
  height: 30px;
  overflow: hidden;
}
.productos .producto .box .colores .color-box {
  border: 1px solid #e5e5e5;
  padding: 1px;
  display: inline-block;
  margin: 1px;
}
.productos .producto .box .colores .color-box div {
  float: left;
  background: #E20613;
  width: 40px;
  height: 18px;
}
.productos .producto .box .linea {
  position: absolute;
  border: 0.5px solid #d9d9d9;
  width: 100%;
}
.productos .producto .box p {
  display: inline-block;
  font-size: 14px;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease infinite;
  font-family: 'Montserrat', sans-serif;
  width: 100%;
  text-align: left;
  float: left;
  top: 0px;
  font-weight: 300;
  line-height: 17px!important;
  margin-bottom: 6px;
  margin-top: 6px;
  left: 0px;
  height: 34px;
  overflow: hidden;
  color: #636363;
}
.productos .producto:hover .box p {
  display: inline-block;
  top: -44px;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease infinite;
}
.productos .producto .box .fondo-p {
  background: #fff;
  top: 0px;
  left: 0px;
  height: 100%;
  width: 100%;
  z-index: 1;
  position: absolute;
}
.productos .producto .box i {
  font-size: 17px;
  font-family: 'Montserrat', sans-serif;
  font-weight: 700;
  color: #E20613;
  font-style: initial;
}
.productos .producto .box i span {
  color: #E20613;
  font-weight: 700;
}
.productos .producto .ver-mas {
  text-align: center;
  padding: 8px 25px;
  width: 100%;
  display: inline-block;
  color: #636363;
  display: none;
  width: auto;
  background: #E20613;
  color: #ffffff;
  margin-bottom: 35px;
}
.productos .producto .box .linea {
  margin-top: 16px;
  z-index: 2;
}
.productos .producto .box-precio {
  display: inline-block;
  width: 100%;
  text-align: left;
  font-weight: 700;
  font-size: 20px;
  font-family: 'Montserrat', sans-serif;
  color: #E20613;
  font-style: italic;
}
.productos .producto .box-precio .anterior {
  color: #b9b9b9;
  text-decoration: line-through;
  font-family: 'Montserrat', sans-serif;
  font-size: 19px;
}
.productos .producto .oferta-box {
  font-style: italic;
  position: absolute;
  z-index: 1;
  right: 0px;
  float: right;
  background: #E20613;
  color: #ffffff;
  font-size: 13px;
  padding: 3px 15px;
  font-weight: 700;
  margin-top: 3px;
}


@media only screen and (max-width: 991px) {
  #content .content-wrap .box-nosotros .border-box {
    padding: 40px 35px;
    border-left: 0px solid #e5e5e5;
    border-right: 0px solid #e5e5e5;
    border-top: 1px solid #e5e5e5;
    border-bottom: 1px solid #e5e5e5;
  }
  .mod-padding {
    text-align: center;
  }
  .productos .producto .hover {
    display: none;
  }
  .productos .producto .ver-mas {
    display: inline-block;
    margin-bottom: 0px;
    font-size: 14px;
    padding: 5px 15px;
    background: #999;
  }
  .productos .producto .box .fondo-p {
    display: none;
  }
  .productos .oferta-mod.producto .box .box-modulos .modulo.precio {
    display: none;
  }
}
.modulo-sobre-nosotros {
  background: url(../img/texture1.png) bottom repeat #ededed;
  margin-top: 60px;
  position: relative;
  float: left;
  width: 100%;
}
.modulo-sobre-nosotros .img {
  position: absolute;
  top: -70px;
}
.modulo-sobre-nosotros .box {
  float: right;
  width: 50%;
  padding: 100px 0px;
}
.modulo-sobre-nosotros .box .info {
  display: inline-block;
  width: 100%;
}
.modulo-sobre-nosotros .box .info h2 {
  font-size: 60px;
  color: #E20613;
  font-weight: 700;
  font-family: 'Montserrat', sans-serif;
  margin-bottom: 0px;
  display: inline-block;
  line-height: 55px;
}
.modulo-sobre-nosotros .box .info strong {
  font-size: 30px;
  color: #636363;
  font-weight: 700;
  font-family: 'Montserrat', sans-serif;
  margin-bottom: 15px;
  display: inline-block;
}
.modulo-sobre-nosotros .box .info p {
  font-size: 20px;
  font-family: 'Montserrat', sans-serif;
  font-weight: 300;
  display: inline-block;
}
.modulo-sobre-nosotros .box .logos {
  display: inline-block;
  width: 100%;
}
.modulo-sobre-nosotros .box .logos img.ombu {
  border-right: 1px solid #cacaca;
  padding-right: 25px;
  margin-right: 25px;
}
@media only screen and (max-width: 1350px) {
  .modulo-sobre-nosotros .img {
    left: -180px;
  }
}
@media only screen and (max-width: 991px) {
  .modulo-sobre-nosotros .box {
    width: 70%;
  }
  .modulo-sobre-nosotros .img {
    left: -250px;
    width: 60%;
  }
  .modulo-sobre-nosotros .box .logos img.ombu {
    width: 100px;
  }
  .modulo-sobre-nosotros .box .logos img.cas {
    width: 150px;
  }
  .modulo-sobre-nosotros .box .info h2 {
    margin-bottom: 25px;
  }
}
@media only screen and (max-width: 767px) {
  .modulo-sobre-nosotros .box {
    width: 100%;
    text-align: center;
  }
  .modulo-sobre-nosotros .box .info {
    text-align: center;
  }
  .modulo-sobre-nosotros .box .logos {
    width: initial;
  }
  .modulo-sobre-nosotros .img {
    left: -560px;
    width: 100%;
    top: -262px;
    transform: rotate(-60deg);
  }
}
@media only screen and (max-width: 700px) {
  .modulo-sobre-nosotros .img {
    display: none;
  }
  .modulo-sobre-nosotros .info strong {
    line-height: 31px;
  }
}
@media only screen and (max-width: 400px) {
  .modulo-sobre-nosotros .box .logos img.cas {
    width: 115px;
  }
  .modulo-sobre-nosotros .box .logos img.ombu {
    width: 85px;
  }
  .modulo-sobre-nosotros .box .info h2 {
    height: initial;
    margin-bottom: 15px;
    font-size: 54px;
  }
}
.modulo-empresa {
  float: left;
  width: 100%;
  margin-bottom: 60px;
}
.modulo-empresa .sombra {
  position: absolute;
}
.modulo-empresa .box {
  width: 25%;
  float: left;
  padding: 60px 25px;
}
.modulo-empresa .box-1 {
  background: #23708f;
}
.modulo-empresa .box-2 {
  background: #206680;
}
.modulo-empresa .box-3 {
  background: #1e5f7c;
}
.modulo-empresa .box-4 {
  background: #1b566b;
}
.modulo-empresa img {
  margin-top: 15px;
}
.modulo-empresa .counter {
  display: inline-block;
  margin-top: 10px;
  width: 100%;
}
.modulo-empresa .counter span {
  color: #ffffff;
  font-family: 'Montserrat', sans-serif;
  font-weight: 300;
}
.modulo-empresa .border-sm {
  width: 50px;
  height: 2px;
  display: inline-block;
  background: #ffffff;
  margin-bottom: 10px;
}
.modulo-empresa b {
  color: #ffffff;
  font-size: 17px;
  font-family: 'Montserrat', sans-serif;
  font-weight: 300;
  line-height: 23px;
  width: 100%;
  display: inline-block;
  height: 47px;
  overflow: hidden;
}
@media only screen and (max-width: 991px) {
  .modulo-empresa .box {
    width: 50%;
    padding: 20px 25px;
  }
  .modulo-empresa .counter {
    font-size: 28px;
  }
  .modulo-empresa b {
    font-size: 15px;
  }
}
@media only screen and (max-width: 600px) {
  .modulo-empresa .box {
    width: 100%;
  }
}
.modulo-categorias {
  width: 100%;
  display: inline-block;
  margin-bottom: 60px;
  text-align: center;
}
.modulo-categorias .titulo {
  margin-top: 0px;
}
.modulo-categorias h2 {
  font-size: 18px;
  text-align: center;
  width: 100%;
  font-weight: 300;
  font-family: 'Montserrat', sans-serif;
  margin-bottom: 0px;
}
.modulo-categorias .box-img {
  max-width: 300px;
  display: inline-block;
}
@media only screen and (max-width: 991px) {
  .modulo-categorias .titulo {
    margin-bottom: 0px;
  }
}
.modulo-confian {
  background: rgba(0, 0, 0, 0.05);
  padding: 70px 0px 35px 0px;
  border-top: 1px solid #d8d8d8;
  margin-top: 50px;
}
.modulo-confian .titulo {
  margin-top: 0px;
  text-transform: uppercase;
}
.modulo-confian .titulo .box {
  background: transparent;
}
.modulo-confian .mod-fondo {
  background: rgba(0, 0, 0, 0.05);
  height: 100%;
  width: 100%;
  position: absolute;
  z-index: 1;
}
.modulo-caracteristicas .sombra {
  position: absolute;
  z-index: 1;
}
.modulo-caracteristicas .box {
  width: 50%;
  height: 250px;
  float: left;
  position: relative;
  text-align: center;
}
.modulo-caracteristicas .box .imagen {
  width: 100%;
  height: 100%;
  background-size: cover;
  background-position: center center;
  position: absolute;
  z-index: 0;
}
.modulo-caracteristicas .box .fondo-oscuro {
  width: 100%;
  height: 100%;
  position: absolute;
  background: rgba(0, 0, 0, 0.35);
  z-index: 1;
}
.modulo-caracteristicas .box .tit {
  font-family: 'Montserrat', sans-serif;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease infinite;
  background: rgba(0, 0, 0, 0);
  font-size: 50px;
  margin-top: 72px;
  padding: 10px 30px;
  border: 3px solid #ffffff;
  position: relative;
  z-index: 3;
  color: #fff;
  display: inline-block;
  font-weight: 700;
}
.modulo-caracteristicas .box:hover .tit {
  background: #000;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease infinite;
  background: rgba(0, 0, 0, 0.8);
}
@media only screen and (max-width: 991px) {
  .modulo-caracteristicas .box .tit {
    font-size: 35px;
    margin-top: 85px;
  }
}
@media only screen and (max-width: 600px) {
  .modulo-caracteristicas .box {
    width: 100%;
  }
}
.modulo-news {
  color: #ffffff;
  text-align: center;
  background: #ff5500;
  background: -moz-linear-gradient(180deg, #ff5500 0%, #d60200 100%);
  background: -webkit-linear-gradient(180deg, #ff5500 0%, #d60200 100%);
  background: linear-gradient(180deg, #ff5500 0%, #d60200 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ff5500", endColorstr="#d60200", GradientType=1);
}
.modulo-news .box {
  display: inline-block;
  color: #636363;
  font-size: 27px;
  margin: 35px 0px 45px 0px;
  font-family: 'Montserrat', sans-serif;
  font-weight: 300;
}
.modulo-news .box a {
  color: #ffffff;
  background: #d84500;
  padding: 4px 30px;
  margin-left: 10px;
  font-family: 'Montserrat', sans-serif;
  font-weight: 300;
  font-size: 23px;
}
.modulo-news .box a:hover {
  background: #E20613;
}
.modulo-news .box b {
  font-weight: 700;
}
@media only screen and (max-width: 600px) {
  .modulo-news .box {
    margin: 35px 15px 45px 15px;
  }
}
/*=====================================================================
PRODUCTO DETALLE:
======================================================================*/
#catalogo.producto-detalle-box .mod-arbol {
  padding: 0px;
}
#catalogo.producto-detalle-box .mod-arbol .arbol {
  padding-bottom: 0px;
  border: none;
  margin-bottom: 5px;
}
#catalogo.producto-detalle-box .modal-lg {
  max-width: 900px;padding: 0px!important;
}
@media only screen and (max-width: 991px) {
  #catalogo.producto-detalle-box .modal-lg {margin-left:10px!important;margin-right:10px;}
}
#catalogo.producto-detalle-box .agrandar-foto,
#catalogo.producto-detalle-box .tabla-equivalencias {
  text-align: center;
  padding: 0px;
  padding: 0px!important;margin:0px!important;}
}
#catalogo.producto-detalle-box .agrandar-foto img,
#catalogo.producto-detalle-box .tabla-equivalencias img {
  padding: 0px;
}
#catalogo.producto-detalle-box .agrandar-foto .modal-body {padding: 8px!important;margin:0px!important;background: #fff;  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;}
#catalogo.producto-detalle-box .agrandar-foto .modal-body img { -webkit-border-radius: 5px;  -moz-border-radius: 5px;  border-radius: 5px;}
  #catalogo.producto-detalle-box .agrandar-foto .close,
#catalogo.producto-detalle-box .tabla-equivalencias .close {
  font-size: 40px;
  position: absolute;
  right: 25px;
  top: 15px;
  color:#fff;
  opacity: 1;
}
#catalogo.producto-detalle-box .productos {
  padding-bottom: 0px;
  margin-bottom: 75px;
}
#catalogo.producto-detalle-box .productos-top {
  padding: 25px 0px 75px 0px;
}
#catalogo.producto-detalle-box .productos-top .titulo {
  margin-top: 0px;
}
#catalogo.producto-detalle-box .box-precio {
  display: inline-block;
  float: left;
  width: 100%;
  text-align: left;
  font-weight: 300;
  font-size: 20px;
  color: #606060;
}
#catalogo.producto-detalle-box .box-precio span {
  float: left;
  margin-right: 4px;
  margin-top: 0px;
  font-weight: 300;
}
#catalogo.producto-detalle-box .box-precio .anterior {
  color: #b9b9b9;
  text-decoration: line-through;
  font-family: 'Montserrat', sans-serif;
  font-size: 21px;
  float: left;
  margin-top: 4px;
  font-weight: 300;
}
#catalogo.producto-detalle-box .oferta-box {
  float: left;
  color: #ffffff;
  padding: 3px 10px;
  font-size: 16px;
  font-weight: 700;
  margin-bottom: 10px;
  margin-left: 0px;
}
#catalogo.producto-detalle-box .pri-modulo {
  float: left;
  width: 100%;
  border-bottom: 1px solid #ddd;
  padding-bottom: 20px;
  margin-bottom: 20px;
}
#catalogo.producto-detalle-box #slider {
  height: auto!important;
  position: relative;
}

#catalogo.producto-detalle-box #slider img {
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;

}

#catalogo.producto-detalle-box #slider .box-marca {
  position: absolute;
  bottom: 5px;
  right: -15px;
  z-index: 10;
  background: #fff;
  width: auto;
  -webkit-border-top-left-radius: 5px;
  -webkit-border-top-right-radius: 5px;
  -moz-border-radius-topleft: 5px;
  -moz-border-radius-topright: 5px;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
}
#catalogo.producto-detalle-box #slider .marca {
  position: absolute;
  top: 30px;
  right: 15px;
  z-index: 1;
}
#catalogo.producto-detalle-box #slider .box-marca img {
  display: inline-block;
  max-width: 150px;
}
#catalogo.producto-detalle-box #slider #slider-flex {
  position: relative;
}
#catalogo.producto-detalle-box #slider #slider-flex .flex-direction-nav {
 
}
#catalogo.producto-detalle-box #slider .slider-arrow-left,
#catalogo.producto-detalle-box #slider .slider-arrow-right,
#catalogo.producto-detalle-box #slider .flex-prev,
#catalogo.producto-detalle-box #slider .flex-next,
#catalogo.producto-detalle-box #slider .slider-arrow-top-sm,
#catalogo.producto-detalle-box #slider .slider-arrow-bottom-sm {
  background: transparent;
}
#catalogo.producto-detalle-box #slider .fslider {
  margin-bottom: 0px!important;
  overflow: initial!important;
  text-align: center;
}
#catalogo.producto-detalle-box #slider .flex-direction-nav a i {
  color: #fff;
}
#catalogo.producto-detalle-box #slider .flex-direction-nav a:hover {
  background: transparent!important;
}
#catalogo.producto-detalle-box #slider #carousel {
  overflow: initial!important;
  max-width: 100%!important;
}
#catalogo.producto-detalle-box #slider #carousel .flex-direction-nav{display: none;}
#catalogo.producto-detalle-box #slider #carousel .slide {
  border-left: transparent;
  border-right: transparent;
  width: 98px!important;
  margin: 10px 0px;
  margin-right:5px!important;
}

@media only screen and (max-width: 1199px) {
  #catalogo.producto-detalle-box #slider #carousel .slide {
    width: 94px!important;
  }
}

#catalogo.producto-detalle-box #slider #carousel .slide img {
  margin: 0px 0px;
  padding: 0px;
  width: 100%;
   -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
}

#catalogo.producto-detalle-box #slider i::before {  text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.5);}

#catalogo.producto-detalle-box #slider .flex-prev {
  left: 10px;
}
#catalogo.producto-detalle-box #slider .flex-prev i {
  text-align: left;
  margin: 0px;
}
#catalogo.producto-detalle-box #slider .flex-next {
  right: 10px;
}
#catalogo.producto-detalle-box #slider .flex-next i {
  text-align: right;
  margin: 0px;
}
#catalogo.producto-detalle-box #slider #carousel .slider-wrap img {
  cursor: pointer;
}
#catalogo.producto-detalle-box .detalle-texto {
  padding: 0px 15px;
  color: #636363;
}
#catalogo.producto-detalle-box #content {
  width: 100%;
  display: inline-block;
}
#catalogo.producto-detalle-box .content-wrap {text-align: center;padding-top:120px;}

#catalogo.producto-detalle-box .box-contenedor {
  display: inline-block;
  width: 100%;
  margin-top: 10px;
  margin-bottom: 65px;
  position: relative;
  background: transparent;
}
#catalogo.producto-detalle-box .volver {
  display: inline-block;
  float: left;
}
#catalogo.producto-detalle-box .volver a {
  display: inline-block;
  font-size: 15px;
  font-family: 'Montserrat', sans-serif;
  color: #999;
  font-weight: 300;
  float: left;
  margin-bottom: 8px;
}
#catalogo.producto-detalle-box .volver a:hover {
  font-weight: 300;
  color: #E20613;
}
#catalogo.producto-detalle-box .sharethis-inline-share-buttons {
  float: right;
  margin-top: -5px;
  margin-left: 11px;
}
#catalogo.producto-detalle-box .compartir {
  margin-top: 40px;
  display: inline-block;
  float: right;
  filter: grayscale(50%) saturate(0);
  -webkit-filter: grayscale(50%) saturate(0);
}
#catalogo.producto-detalle-box .compartir a {
  display: inline-block;
  font-size: 18px;
  font-family: 'Montserrat', sans-serif;
  color: #999;
  font-weight: 300;
  float: left;
}
#catalogo.producto-detalle-box .compartir a span {
  margin-right: 8px;
}
#catalogo.producto-detalle-box .compartir a:hover {
  font-weight: 300;
  color: #E20613;
}
#catalogo.producto-detalle-box .carousel-indicators {
  margin-bottom: 0px;
  bottom: 0px;
}
#catalogo.producto-detalle-box .estado {
  position: absolute;
  font-weight: 700;
  top: 15px;
  right: -15px;
  color: #ffffff;
  font-family: 'Montserrat', sans-serif;
  font-size: 26px;
  padding: 12px 60px 10px 20px;
  z-index: 1;
  display: none;
}
#catalogo.producto-detalle-box .carousel img {
  padding: 15px;
}
#catalogo.producto-detalle-box .panel {
  border: none;
  box-shadow: none;
}
#catalogo.producto-detalle-box .boxing-mod {
  margin: 0px 0px;
  width: 100%;
}
#catalogo.producto-detalle-box .box-img {
  width: 100%;
  display: inline-block;
  max-width: 500px;
}
#catalogo.producto-detalle-box .background-producto {
  padding: 0px;
}
#catalogo.producto-detalle-box .box-pri {
  display: inline-block;
  padding: 40px 0px 0px 40px;
  width: 100%;
}
#catalogo.producto-detalle-box .box-pri h1 {
  font-family: 'Montserrat', sans-serif;
  font-size: 23px;
  font-weight: 700;
  color: #E20613;
  display: inline-block;
  width: 100%;
  line-height: 32px;
  margin-bottom: 0px;
  margin-top: 0px;
  text-align: left;
}
#catalogo.producto-detalle-box .box-pri h2 {
  font-size:19px; font-weight: 300; color:#999;text-align: left;
    border-bottom: 1px solid #ddd;
  padding-bottom: 20px;
  margin-bottom: 20px;
} 
#catalogo.producto-detalle-box .box-pri p {
  font-size: 17px;
  font-family: 'Montserrat', sans-serif;
  text-align: left;
  width: 100%;
  display: inline-block;
  margin-top: 15px;
  color: #838383;
}
#catalogo.producto-detalle-box .box-pri button {
  background: #d84500;
  color: #ffffff;
  display: inline-block;
  border: none;
  padding: 2px 5px;
  font-size: 19px;
  clear: right;
}
#catalogo.producto-detalle-box .box-pri button:hover {
  background: #E20613;
}
#catalogo.producto-detalle-box .box-pri .cod {
  font-size: 16px;
  text-align: left;
  padding-top: 0px;
  font-family: 'Montserrat', sans-serif;
  margin-bottom: 10px;
  font-style: italic;
  float: left;
  width: 100%;
}
#catalogo.producto-detalle-box .box-pri .precio,
#catalogo.producto-detalle-box .box-pri .precio-anterior,
#catalogo.producto-detalle-box .box-pri .precio-porcentaje {
  color: #d84500;
  font-size: 24px;
  text-align: left;
  display: inline-block;
  border: none;
  float: left;
  font-weight: 700;
  max-width: 150px;
  background: #ffffff;
}
#catalogo.producto-detalle-box .box-pri .precio-anterior {
  margin-right: 15px;
  color: #838383;
  border: 1px solid #838383;
  text-decoration: line-through;
  font-weight: 300;
  display: none;
}
#catalogo.producto-detalle-box .box-pri .precio.oferta {
  background: #d84500;
  color: #ffffff !important;
  font-family: 'Montserrat', sans-serif;
  margin-left: 12px;
  font-size: 14px;
  height: 22px;
  margin-top: 6px;
  max-width: 100px;
  font-weight: 400;
  padding: 1px 15px;
}
#catalogo.producto-detalle-box .box-pri .box-precios {
  margin-bottom: 10px;
  float: left!important ;
  width: 100%;
}
#catalogo.producto-detalle-box .box-pri .box-precios .precio {
  font-size: 26px;
  font-weight: 300;
  color: #999 !important;
  width: 100%;
}
#catalogo.producto-detalle-box .box-pri .info,
#catalogo.producto-detalle-box .box-pri .aclaraciones {
  display: inline-block;
  width: 100%;
  font-family: 'Montserrat', sans-serif;
  font-size: 18px;
  color: #606060;
  text-align: left;
  margin-bottom: 15px;
  font-weight: 300;
}
#catalogo.producto-detalle-box .box-pri .aclaraciones {
  color: #E20613;
  font-size: 15px;
  font-weight: 400;
  margin-bottom: 25px;
}
#catalogo.producto-detalle-box .box-pri .precio-porcentaje {
  background: #d84500;
  color: #ffffff;
  font-size: 15px;
  padding: 7px 15px;
}
#catalogo.producto-detalle-box .box-pri .registro-button {
  display: inline-block;
  margin-top: 10px;
  font-family: 'Montserrat', sans-serif;
  font-size: 15px;
  padding: 15px 60px;
  color: #636363;
  font-style: italic;
}
#catalogo.producto-detalle-box .box-pri .registro-button b {
  color: #d64401;
}
#catalogo.producto-detalle-box .box-pri .registro-button:hover {
  color: #d64401;
  font-weight: 700;
}
#catalogo.producto-detalle-box .box-pri .tarjetas {
  display: inline-block;
  margin-bottom: 25px;
}
#catalogo.producto-detalle-box .box-pri .tarjetas i {
  float: left;
  width: 100%;
  display: inline-block;
  margin-bottom: 5px;
}
#catalogo.producto-detalle-box .box-pri .tarjetas img {
  width: 50%;
  float: left;
}
#catalogo.producto-detalle-box .box-pri .box {
  width: 100%;
}
#catalogo.producto-detalle-box .box-pri .box .precio {
  margin-right: 25px;
  height: 50px;
  font-family: 'Montserrat', sans-serif;
  padding: 0px 5px;
}
#catalogo.producto-detalle-box .box-pri .cuotas {
  width: 100%;
  float: left;
  text-align: left;
  margin-bottom: 30px;
}
#catalogo.producto-detalle-box .box-pri .cuotas img {
  max-height: 30px;
}
#catalogo.producto-detalle-box .box-pri .cuotas span {
  font-size: 16px;
  margin-left: 10px;
}
#catalogo.producto-detalle-box .box-pri .talles,
#catalogo.producto-detalle-box .box-pri .colores {
  display: inline-block;
  width: 100%;
}
#catalogo.producto-detalle-box .box-pri .talles .tit {
  font-weight: 500;
  margin-bottom: 10px;
  text-align: left;
  margin-top: 15px;
}
#catalogo.producto-detalle-box .box-pri .talles ul li a {
  border: 1px solid #dedede;
  color: #636363;
  padding: 5px;
  font-size: 14px;
  float: left;
  margin-right: 5px;
  margin-bottom: 5px;
  width: 100%;
  max-width: 70px;
  text-align: center;
   -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
}
#catalogo.producto-detalle-box .box-pri .talles ul li a:hover {
  background: #E20613;
  color: #ffffff;
}
#catalogo.producto-detalle-box .box-pri .talles li.seleccionado a {
  background: #E20613;
  color: #ffffff;
}
#catalogo.producto-detalle-box .box-pri .talles .tabla-equiv {
  display: inline-block;
  width: 100%;
}
#catalogo.producto-detalle-box .box-pri .talles .tabla-equiv a {
  color: #636363;
  font-style: italic;
  font-size: 15px;
  margin-top: 5px;
  display: inline-block;
}
#catalogo.producto-detalle-box .box-pri .talles .tabla-equiv a:hover {
  color: #E20613;
}
#catalogo.producto-detalle-box .box-pri .talles .tabla-equiv a b {
  font-weight: 600;
}
#catalogo.producto-detalle-box .box-pri .colores {
  margin-bottom: 15px;
}
#catalogo.producto-detalle-box .box-pri .colores .tit {
  font-weight: 500;
  margin-bottom: 10px;
  color: #636363;
  text-align: left;
  margin-top: 25px;
}
#catalogo.producto-detalle-box .box-pri .colores ul li {
  float: left;
  border: 2px solid transparent;
  margin-right: 7px;
  margin-bottom: 5px;
  background: #fff;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
}
#catalogo.producto-detalle-box .box-pri .colores ul li img {  -webkit-border-radius: 5px;  -moz-border-radius: 5px;  border-radius: 5px;}
#catalogo.producto-detalle-box .box-pri .colores ul li.seleccionado {
  border: 2px solid #E20613;
}
#catalogo.producto-detalle-box .box-pri .colores ul li a {
  font-size: 13px;
  float: left;
  width: 100%;
  width: 55px;
  text-align: center;
}
#catalogo.producto-detalle-box .box-pri .colores ul li a:hover {
  opacity: 1;
  filter: alpha(opacity=100);
}
#catalogo.producto-detalle-box .box-pri .finalizar {
 /* border-top: 1px solid #e8e8e8;

  margin-top: 30px;
  padding-top: 30px;*/
}
#catalogo.producto-detalle-box .box-pri .box form {
  float: right;
  width: 100%;
  margin-bottom: 0px;
}
#catalogo.producto-detalle-box .box-pri .box form .sub-label {
  float: left;
  margin-right: 15px;
}
#catalogo.producto-detalle-box .box-pri .box form i {
  display: none;
  font-size: 16px;
  color: #E20613;
  text-align: left;
  width: 100%;
  margin-bottom: 30px;
}
#catalogo.producto-detalle-box .box-pri .box form .sub-label label {
  height: 40px;
  width: 140px;
  color: #606060;
  display: inline-block;
  padding: 10px 20px;
  font-weight: 400;
  float: left;
  cursor: initial;
  font-size: 15px;
  font-family: 'Montserrat', sans-serif;
  border: 1px solid #d9d9d9;
  border-right: none;
  line-height: 19px;
  background: #dedede;
}
#catalogo.producto-detalle-box .box-pri .box form .sub-label input {
  height: 40px;
  width: 50px;
  color: #606060;
  display: inline-block;
  padding: 9px 0px 10px 10px;
  font-weight: 300;
  float: left;
  border: 1px solid #d9d9d9;
  text-align: center;
  font-size: 15px;
}
#catalogo.producto-detalle-box .box-pri .enviar-al-carrito {
  text-align: center;
  max-width: 300px;
  width: 100%;
  border: none;
  color: #ffffff;
  height: 46px;
  line-height: 44px;
  float: left;
  font-size: 15px;
  background: #F2E7DA;
   -webkit-border-radius: 5px;  -moz-border-radius: 5px;  border-radius: 5px;
   margin-top: 20px;
}

#catalogo.producto-detalle-box .box-pri .detalle {float:left;;background: transparent;   margin-bottom:15px;width: initial;padding:0px;}
#catalogo.producto-detalle-box .box-pri .detalle .icono { float:left;text-align: center;padding:0px 2px;margin-top:0px;width: 50px;}
#catalogo.producto-detalle-box .box-pri .detalle .icono img {display: inline-block;max-width: 35px;width: 100%;opacity: 0.8;}
#catalogo.producto-detalle-box .box-pri .detalle .icono span {display: inline-block;width: 100%;text-align: center;font-size:11px;color:#999;font-family: 'Montserrat', sans-serif;}
#catalogo.producto-detalle-box .box-pri .texto {font-size:13px; color:#333;line-height: 16px;font-family: 'Montserrat', sans-serif;text-align: left;}


#catalogo.producto-detalle-box .box-pri .enviar-al-carrito img {
  width: 15px;display: inline-block; margin-top: -5px;
}
#catalogo.producto-detalle-box .box-pri .enviar-al-carrito span {
  font-size: 15px;
  margin-left: 6px;
  display: inline-block;
  color: #555;
}
#catalogo.producto-detalle-box .box-pri .enviar-al-carrito:hover {
  cursor: pointer;
  background: #E20613;
}

#catalogo.producto-detalle-box .box-pri .enviar-al-carrito:hover span { color: #fff;}
#catalogo.producto-detalle-box .box-pri .enviar-al-carrito:hover img {filter: grayscale(100%) brightness(200%) saturate(1000%) contrast(1000%);-webkit-filter: grayscale(100%) brightness(200%) saturate(1000%) contrast(1000%);-moz-filter: grayscale(100%) brightness(200%) saturate(1000%) contrast(1000%);}

#catalogo.producto-detalle-box .box-pri .texto_envio_gratis {
  margin-top: 7px;
  display: inline-block;
}
#catalogo.producto-detalle-box .dudas {
  float: left;
  width: 100%;
  margin-top: 10px;
}
#catalogo.producto-detalle-box .dudas a {
  color: #636363;
  font-size: 15px;
  font-style: italic;
}
#catalogo.producto-detalle-box .dudas a b {
  font-weight: 700;
}
#catalogo.producto-detalle-box .dudas a:hover {
  color: #E20613;
}
#catalogo.producto-detalle-box .envio {
  padding: 25px 45px;
  background: #efefef;
  border-top: 1px solid #dedede;
  border-bottom: 1px solid #dedede;
  float: left;
  width: 100%;
}
#catalogo.producto-detalle-box .envio img {
  float: left;
}
#catalogo.producto-detalle-box .envio .info {
  margin-left: 10px;
  float: left;
  line-height: 18px;
}
#catalogo.producto-detalle-box .envio b {
  color: #E20613;
  font-weight: 700;
  display: inline-block;
}
#catalogo.producto-detalle-box .envio i {
  font-style: initial;
}
#catalogo.producto-detalle-box .resumen {
  width: 100%;
  text-align: left;
}
#catalogo.producto-detalle-box .resumen .box {
  max-width: 800px;
  display: inline-block;
  padding: 70px 0px;
}
#catalogo.producto-detalle-box .resumen h2 {
  font-size: 37px;
  font-family: 'Montserrat', sans-serif;
  color: #E20613;
  font-weight: 700;
  line-height: 42px;
}
#catalogo.producto-detalle-box .resumen p {
  font-size: 13px;
  color: #636363;
  font-family: 'Montserrat', sans-serif;
  line-height: 22px;
  text-align: left;
  letter-spacing: 1px;
}
#catalogo.producto-detalle-box .resumen p b {font-weight: 700;}
#catalogo.producto-detalle-box .resumen .certificaciones {
  display: inline-block;
}
#catalogo.producto-detalle-box .imagen-complementaria {
  width: 100%;
}
#catalogo.producto-detalle-box .imagen-complementaria img {
  width: 100%;
  border-bottom: 1px solid #dfdfdf;
}
#catalogo.producto-detalle-box .detalle {
  padding: 40px;
  width: 100%;
  display: inline-block;
}
#catalogo.producto-detalle-box .detalle h2 {
  font-size: 28px;
  color: #636363;
  text-align: center;
  font-family: 'Montserrat', sans-serif;
  margin-top: 35px;
}
#catalogo.producto-detalle-box .detalle p {
  color: #636363;
  font-size: 16px;
  display: inline-grid;
  width: 50%;
  padding: 10px;
  margin-bottom: 0px;
}
#catalogo.producto-detalle-box .detalle p strong {
  color: #E20613;
  font-weight: 700;
  display: inline-block;
  float: left;
  width: 100%;
}
#catalogo.producto-detalle-box .detalle p b {
  color: #E20613;
  font-weight: 700;
  display: inline-block;
  float: left;
  width: 100%;
}
#catalogo.producto-detalle-box .detalle #oc-tecnologias {
  margin: 45px 0px;
}
#catalogo.producto-detalle-box .detalle #oc-tecnologias a {
  text-align: center;
  width: 100%;
  padding: 15px;
  background: #f0f0f0;
  border: 1px solid #dfdfdf;
  display: inline-block;
}
#catalogo.producto-detalle-box .detalle #oc-tecnologias a img {
  width: initial;
  display: inline-block;
}

#catalogo.producto-detalle-box .titulo .box {font-size: 22px;}

@media only screen and (max-width: 991px) {
  #catalogo.producto-detalle-box .detalle p {
    width: 100%;
    margin-bottom: 0px;
  }
}

#catalogo.producto-detalle-box .tecnologia-modal .modal-body {
  text-align: center;
  padding: 60px 30px;
  background: #f0f0f0;
}
#catalogo.producto-detalle-box .tecnologia-modal .modal-body img {
  margin-bottom: 15px;
}
#catalogo.producto-detalle-box .tecnologia-modal .modal-body p {
  text-align: center;
  font-size: 17px;
  margin-bottom: 0px;
}
#catalogo.producto-detalle-box .tecnologia-modal .modal-body .close {
  font-size: 40px;
  position: absolute;
  right: 20px;
  top: 10px;
}
@media only screen and (max-width: 1199px) {
  #catalogo.producto-detalle-box .box-pri .enviar-al-carrito {
  
  }
  #catalogo.producto-detalle-box .box-pri .box form .sub-label label {
    width: 110px;
    padding: 10px 10px;
  }
}
@media only screen and (max-width: 991px) {
  #catalogo.producto-detalle-box .marca {
    width: 65px;
  }
  #catalogo.producto-detalle-box .background-producto {
    border-left: none;
    padding: 15px;
  }
  #catalogo.producto-detalle-box .box-img {
    width: 100%;
    display: inline-block;
    max-width: 350px;
  }
  #catalogo.producto-detalle-box .box-pri {
    margin-top: 30px;
    padding: 0px;
  }
  #catalogo.producto-detalle-box .box-pri .enviar-al-carrito {
    padding: 0 25px;
    width: auto;
  }
  #catalogo.producto-detalle-box .flexslider {
    display: inline-block;
  }
  #catalogo.producto-detalle-box .boxing-mod {
    margin-top: 0px;
  }
  #catalogo.producto-detalle-box .carousel img {
    max-width: 500px;
    display: inline-block !important;
  }
  #catalogo.producto-detalle-box .carousel {
    text-align: center;
  }

}
@media only screen and (max-width: 767px) {
  #catalogo.producto-detalle-box .estado {
    font-size: 20px;
    padding: 5px 15px 5px 15px;
  }
}
@media only screen and (max-width: 600px) {
  #catalogo.producto-detalle-box .volver a {
    margin-right: 10px;
  }
  #catalogo.producto-detalle-box .content-wrap .container {
    padding-left: 0px !important;
    padding-right: 0px !important;
  }
  #catalogo.producto-detalle-box .arbol .box {
    display: none;
  }
  #catalogo.producto-detalle-box .box-pri .tarjetas img {
    width: 100%;
    max-width: 270px;
  }
  #catalogo.producto-detalle-box #slider {
    padding: 15px;
  }
  #catalogo.producto-detalle-box #slider #carousel .slide {
    width: 115px!important;
  }
  #catalogo.producto-detalle-box .detalle p {
    padding: 15px 0px;
  }
  #catalogo.producto-detalle-box .resumen .box {
    padding: 20px 0px;
  }
  #catalogo.producto-detalle-box .resumen h2 {
    line-height: 30px;
    font-size: 26px;
  }
  #catalogo.producto-detalle-box .detalle h2 {
    font-size: 25px;
    line-height: 32px;
  }
  #catalogo.producto-detalle-box .box-pri {
    margin-top: 25px;
    padding: 20px;
  }
  #catalogo.producto-detalle-box .box-pri .box form .sub-label {
    width: 100%;
  }
  #catalogo.producto-detalle-box .box-pri .box form .sub-label input {
    width: 20%;
  }
  #catalogo.producto-detalle-box .box-pri .box form .sub-label label {
    width: 80%;
  }
  #catalogo.producto-detalle-box .box-pri .box form .enviar-al-carrito {
    width: 100%;
  }
  #catalogo.producto-detalle-box .box-pri .precio-anterior {
    text-align: center;
    width: 100%;
    float: initial;
  }
  #catalogo.producto-detalle-box .box-pri .precio,
  #catalogo.producto-detalle-box .box-pri .precio-anterior,
  #catalogo.producto-detalle-box .box-pri .precio-porcentaje {
    margin-bottom: 0px;
  }
  #catalogo.producto-detalle-box .box-pri .cuotas {
    margin-top: 15px;
    text-align: center;
  }
  #catalogo.producto-detalle-box .box-pri .cuotas img,
  #catalogo.producto-detalle-box .box-pri .cuotas span {
    display: inline-block;
  }
  #catalogo.producto-detalle-box #primary-menu ul {
    margin-top: 0px!important;
  }
  #catalogo.producto-detalle-box .box-pri .box-precios {
    display: inline-block;
    float: initial;
  }
  #catalogo.producto-detalle-box .box-pri .box-precios .precio {
    text-align: center;
  }
  #catalogo.producto-detalle-box .box-pri .box-precios .oferta {
    text-align: center;
    margin: 0px;
  }
  #catalogo.producto-detalle-box .especificaciones .titulo {
    margin-top: 0px;
  }
  #catalogo.producto-detalle-box .especificaciones ul li {
    padding: 15px 0px;
  }
  #catalogo.producto-detalle-box .especificaciones ul li div {
    padding: 2px 15px;
  }
  #catalogo.producto-detalle-box .especificaciones ul li .tit,
  #catalogo.producto-detalle-box .especificaciones ul li .det {
    width: 100%;
    border: none;
    text-align: center;
  }
  #catalogo.producto-detalle-box .especificaciones ul li .tit {
    font-weight: 700;
  }
  #catalogo.producto-detalle-box #wrapper {
    overflow-x: hidden;
  }
}
@media only screen and (max-width: 500px) {
  #catalogo.producto-detalle-box .envio .info {
    margin: 0px;
    width: 100%;
  }
  #catalogo.producto-detalle-box .envio {
    text-align: center;
  }
  #catalogo.producto-detalle-box .envio img {
    display: inline-block;
    float: initial;
    margin-bottom: 15px;
  }
  #catalogo.producto-detalle-box #content {
    background: transparent;
  }
  #catalogo.producto-detalle-box .box-contenedor {
    border: none;
    -webkit-box-shadow: none;
    background: transparent;
    box-shadow: none;
    margin-bottom: 0px;
  }
}
/*=====================================================================
CARRITO:
======================================================================*/

#catalogo.carrito {
  background: #f0f0f0;
}
#catalogo.carrito #wrapper {
  background: #fff;
}
#catalogo.carrito #content {
  background: #ffffff;
  padding: 0px 0px 50px 0px;
}
#catalogo.carrito .pasos {
  margin-bottom: 35px;
  text-align: center;
  margin-top: -18px;
}
#catalogo.carrito .pasos .box {
  display: inline-block;
  width: 80%;
  padding: 40px 0px;
  margin: 0px;
  margin-top: 28px;
}
#catalogo.carrito .pasos .box li {
  width: 25%;
  position: relative;
  display: inline-block;
  float: left;
  text-align: center;
}
#catalogo.carrito .pasos .box li span {
  background: #E20613;
  color: #ffffff;
  width: 35px;
  height: 35px;
  text-align: center;
  display: inline-block;
  -webkit-border-radius: 255px;
  -moz-border-radius: 255px;
  border-radius: 255px;
  font-size: 20px;
  font-weight: 300;
  line-height: 35px;
  position: relative;
  z-index: 25;
}
#catalogo.carrito .pasos .box li .linea {
  position: absolute;
  width: 100%;
  height: 8px;
  display: inline-block;
  background: #E20613;
  top: 14px;
  left: 0px;
}
#catalogo.carrito .pasos .box li .text {
  color: #838383;
  display: inline-block;
  width: 100%;
}
#catalogo.carrito .pasos .resp-2 {
  display: none;
}
#catalogo.carrito .pasos .box li.gris .linea,
#catalogo.carrito .pasos .box li.gris span {
  background: #C4C4C4;
}
#catalogo.carrito .breadcrumbs {
  padding-bottom: 10px;
  margin-bottom: 10px;
  float: right;
}
#catalogo.carrito .breadcrumbs a {
  color: #666;
  font-family: 'Montserrat', sans-serif;
  font-weight: 300;
  padding: 8px 0px;
  font-size: 16px;
  float: right;
}
#catalogo.carrito .breadcrumbs a:hover {

}
#catalogo.carrito .breadcrumbs a span {
  font-weight: 300;
  color: #666;
  margin-left: 0px;
}
#catalogo.carrito #productos {
  display: inline-block;
  width: 100%;
}
#catalogo.carrito .titulo-cat {
  font-family: 'Montserrat', sans-serif;
  color: #636363;
  font-weight: 300;
  padding: 5px 0px;
  font-size: 22px;
  display: inline-block;
  float: left;
}

#catalogo.carrito .titulo-cat i {
  margin-top: 3px; margin-left: 5px; font-style: initial;
}

#catalogo.carrito .titulo-cat .cant-carri {
  background: #666;
  color: #ffffff;
  width: 35px;
  height: 35px;
  text-align: center;
  display: inline-block;
  -webkit-border-radius: 255px;
  -moz-border-radius: 255px;
  border-radius: 255px;
  font-size: 20px;
  font-weight: 300;
  line-height: 35px;
}

#catalogo.carrito .box-producto-detalle {
  display: inline-block;
  width: 100%;
}
#catalogo.carrito .producto-detalle {
  display: inline-block;
  width: 100%;
}
#catalogo.carrito .producto-detalle .titulo-pri {
  font-size: 18px;
  color: #636363;
  height: 33px;
  overflow: hidden;
  width: 100%;
  margin-top: 0px!important;
  margin-bottom: 0px;
}
#catalogo.carrito .producto-detalle .codigo-prod {
  height: 30px;
  overflow: hidden;
  width: 100%;
  margin-bottom: 12px;
  font-size: 15px;
}
#catalogo.carrito .producto-detalle .precios-prod {
  height: 34px;
  overflow: hidden;
  width: 100%;
}
#catalogo.carrito .producto-detalle .precios-prod-oferta span {
  text-decoration: line-through;
  color: #838383;
  font-weight: 300;
}
#catalogo.carrito .producto-detalle .precios-prod-oferta b {
  color: #d84500;
  font-size: 16px;
  font-weight: 400;
}
#catalogo.carrito article {
  display: inline-block;
  width: 100%;
}
#catalogo.carrito article .box {
  width: 100%;
  border: 1px solid #d9d9d9;
  background: #fff;
  border-bottom: none;
}
#catalogo.carrito article .box img {
  max-height: 300px;width: 100%;
}
#catalogo.carrito article .box {    border-bottom: 4px solid #E20613;margin-bottom: 25px;}
#catalogo.carrito article .box .mod-info {
  border-right: 1px solid #d9d9d9;
    padding-left: 0px;
    padding-right: 0px;
}
#catalogo.carrito article .box .box-info {
  padding: 0px 30px;
  padding-top: 40px;
  margin: 0px;
  width: 80%;
  float: left;
}
#catalogo.carrito article .box .box-info .info-pri {
  margin-bottom: 8px;
}
#catalogo.carrito article .box .box-info .info-pri .info {
  border: 1px solid #c9c9c9;
  width: auto;
  display: inline-block;
  margin-right: 15px;
  padding: 3px 20px;
  color: #666;
  font-size: 15px;
  background: #eee;
  float: left;
 -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
}
#catalogo.carrito article .box .box-info .precios-prod {
  margin-top: 0px;
}
#catalogo.carrito article .box .box-info .p-lista {
  background: transparent;
  color: #636363;
  font-size: 14px;
  border: none;
  padding: 0px;
  margin-bottom: 15px;
}
#catalogo.carrito article .box .box-info .p-lista span {
  font-size: 16px;
}
#catalogo.carrito article .box .box-talles-cantidades {
  margin-top: 15px;
  height: 90px;
}
#catalogo.carrito article .box .box-talles-cantidades .stock {
  color: #ffffff;
  background: #E20613;
  border: 1px solid #E20613;
}
#catalogo.carrito article .box .mod-modificar .cantidad {
  font-size: 17px;
  background: #e5e5e5;
  width: auto;
  clear: left;
  color: #636363;
  display: inline-block;
  padding: 0px 15px;
}
#catalogo.carrito article .box .mod-modificar .precio {
  color: #E20613;
  font-size: 26px;
  text-align: center;
  float: left;
  line-height: 23px;
  font-weight: 300;
  width: 100%;
  padding-bottom: 25px;
}
#catalogo.carrito article .box .mod-modificar .precio span {
  color: #838383;
  font-size: 18px;
  display: block;
  width: 100%;
  margin-top: 70px;
}
#catalogo.carrito article .box .mod-modificar .precio i {
  font-style: initial;
  font-size: 19px;
  display: block;
  width: 100%;
  color: #636363;
  font-weight: 400;
}
#catalogo.carrito article .box .mod-modificar .precio div {
  font-size: 16px;
  text-decoration: line-through;
  color: #b9b9b9;
  height: 18px;
  line-height: 15px;
}
#catalogo.carrito article .box .mod-modificar .boxt-opciones {
  font-size: 18px;
  display: inline-block;
  text-align: center;
  float: right;
  position: absolute; right:8px; top: 8px;

}
#catalogo.carrito article .box .mod-modificar .boxt-opciones .mod-opciones {
  width: 100%;
  display: inline-block;
}
#catalogo.carrito article .box .mod-modificar .boxt-opciones .mod-opciones.quitar {
  color: red!important;
}
#catalogo.carrito article .box .mod-modificar .boxt-opciones .mod-opciones span {
  margin-right: 5px;
}
#catalogo.carrito .finalizar-compra {
  border-top: 1px solid #d9d9d9;
  padding-top: 20px;
  display: inline-block;
  width: 100%;
}
#catalogo.carrito .form-control {
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  border-radius: 0px;
  margin-bottom: 10px;
  height: 45px;
  border: 1px solid #d9d9d9;
  font-weight: 400!important;
}
#catalogo.carrito .campo-finalizar-compra {font-size: 14px;  -webkit-border-radius: 5px!important;  -moz-border-radius: 5px!important;  border-radius: 5px!important;}

#catalogo.carrito .titulo-2 {
  margin-bottom: 15px;
}
#catalogo.carrito .finalizar-compra textarea {
  border: 1px solid #d9d9d9;
  width: 100%;
  margin-top: 0px;
  padding: 15px;
  height: 155px;
  font-family: 'Montserrat', sans-serif;
  font-size: 15px;
}
#catalogo.carrito .box-fin {
  float: right;
  border-top: 1px solid #d9d9d9;
  padding-top: 25px;
  margin-top: 25px;
  width: 100%;
}
#catalogo.carrito .box-fin .total {
  background: #636363;
  color: #ffffff;
  font-size: 21px;
  float: left;
  padding: 12px 25px;
  font-family: 'Montserrat', sans-serif;
  padding: 13px 25px;
  margin-right: 15px!important;
  float: right;
}
#catalogo.carrito .box-fin .finalizar {
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  float: right;
  background: #E20613;
  cursor: pointer;
  color: #ffffff;
  font-size: 21px;
  margin-right: 0px;
  padding: 12px 25px;
  border: none;
  font-family: 'Montserrat', sans-serif;
}
#catalogo.carrito .box-fin .finalizar:hover {
  background: #E20613;
}
#catalogo.carrito .box-fin-new {
  float: right;
  width:100%;
  margin-top: 25px;
  min-width: 300px;
}
#catalogo.carrito .box-fin-new .box {
  padding: 10px 20px;
  text-align: right;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  background: #ECECEC;
  border: 1px solid #DFDFDF;
  text-align: center;
  margin-bottom: 15px;
}
#catalogo.carrito .box-fin-new .box .subt {
  color: #636363;
  font-size: 16px;
}
#catalogo.carrito .box-fin-new .box .desc {
  color: #239e5f;
  font-size: 16px;
}
#catalogo.carrito .box-fin-new .box .desc b {
  font-weight: 700;
}
#catalogo.carrito .box-fin-new .box .tot {
  font-size: 18px;
  color: #636363;
  font-weight: 400;
  border-top: 1px solid #d1d1d1;
  padding-top: 20px;
  margin-top: 20px;
}
#catalogo.carrito .box-fin-new .finalizar {
  width: 100%;
  padding: 8px 20px;
  background: #E20613;
  color: #ffffff;
  border: none;
  text-align: center;
  font-weight: 300;
  line-height: 30px;
  cursor: pointer;
  float: left;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
}
#catalogo.carrito .box-fin-new .finalizar:hover {
  background: #3F4AA5;
}
#catalogo.carrito .box-fin-new .finalizar .icon-angle-right {
  font-size: 30px;
  display: inline-block;
  float: right;
  line-height: 28px;
}
#catalogo.carrito .box-fin-new .finalizar div {
  display: inline-block;
  float: right;
  font-size: 18px;
  width: 100%;
}
#catalogo.carrito .box-si-ya-sos {
  width: 100%;
  display: inline-block;
  text-align: center;
}
#catalogo.carrito .si-ya-sos {
  padding: 35px 35px 60px 35px;
  font-size: 16px;
  text-align: center;
  font-weight: 400;
  display: inline-block;
  max-width: 900px;
}
#catalogo.carrito .si-ya-sos a {
  color: #d84500;
}
#catalogo.carrito article .box .mod-img {
  text-align: center;
  float: left; width: 15%;
}
#catalogo.carrito .cant {
  float: initial;
  display: inline-block;

}
#catalogo.carrito .cant .menos,
#catalogo.carrito .cant .mas {
  font-size: 18px;
  line-height: 18px;
}
#catalogo.carrito .box-finalizar {
  display: inline-block;
  margin-top: 5px;
  margin-bottom: 30px;
}
#catalogo.carrito .cant {
  margin: 0px 0px;
}
#catalogo.carrito .cant .menos {
  width: 24px;
  height: 30px;
  float: left;
  border: 1px solid #e5e5e5;
  text-align: center;
  -webkit-border-top-left-radius: 5px;
-webkit-border-bottom-left-radius: 5px;
-moz-border-radius-topleft: 5px;
-moz-border-radius-bottomleft: 5px;
border-top-left-radius: 5px;
border-bottom-left-radius: 5px;
}
#catalogo.carrito .cant input {
  width: 40px;
  height: 30px;
  float: left;
  border: none;
  border-top: 1px solid #e5e5e5;
  border-bottom: 1px solid #e5e5e5;
  text-align: center;
  font-family: 'Montserrat', sans-serif;
  font-size: 16px;
  color: #636363;
}
#catalogo.carrito .cant .mas {
  width: 24px;
  height: 30px;
  float: left;
  border: 1px solid #e5e5e5;
  text-align: center;
  font-weight: 300;
  -webkit-border-top-right-radius: 5px;
-webkit-border-bottom-right-radius: 5px;
-moz-border-radius-topright: 5px;
-moz-border-radius-bottomright: 5px;
border-top-right-radius: 5px;
border-bottom-right-radius: 5px;
}
#catalogo.carrito .cant .menos:hover,
#catalogo.carrito .cant .mas:hover {
  background: #636363;
  color: #ffffff;
  border: 1px solid #636363;
  cursor: pointer;
}

@media only screen and (max-width: 1350px) {
  #catalogo.carrito article .box .box-info {padding-top: 33px;}
}

@media only screen and (max-width: 1199px) {
  #catalogo.carrito article .box .box-info {padding-top: 18px;}
  #catalogo.carrito article .box .mod-modificar .precio span {margin-top: 50px;}
}

@media only screen and (max-width: 991px) {
  #catalogo.carrito article .box {margin-bottom: 0px;}
  #catalogo.carrito article .box .mod-img {width: 20%;}
  #catalogo.carrito article .box img {width: 100%;}
  #catalogo.carrito article .box .mod-info {padding-left: 15px; padding-right: 15px;}
  #catalogo.carrito article .box .mod-modificar {position: initial;}

  #catalogo.carrito .pasos .box li .text {font-size: 12px;}
}


@media only screen and (max-width: 991px) {
 #catalogo.carrito article .box img {padding: 15px;}
}



@media only screen and (max-width: 991px) {
  #catalogo.carrito .pasos .box {
    width: 100%; padding-bottom: 0px;
  }
  #catalogo.carrito .box-fin-new {
    min-width: 100%;
    width: 100%;
  }
  #catalogo.carrito .producto-detalle {
    margin-bottom: 30px;
  }
  #catalogo.carrito article .box .mod-modificar .boxt-opciones {
    margin-bottom: 0px;
  }

  #catalogo.carrito article .box .mod-modificar .precio span {
    margin-top: 0px;
  }
  #catalogo.carrito article .box .mod-modificar .precio {
    margin-bottom: 0px;
    padding: 15px;
    background: #F2F4F3;
    text-align: right;
  }
  #catalogo.carrito #productos {
    text-align: center;
  }
  #catalogo.carrito article .box .mod-info {
    border: none;

  }
  #catalogo.carrito form {
    margin: 0px;
  }
  #catalogo.carrito .titulo-cat {
    width: 100%;
    margin-bottom: 15px;
    text-align: center;
  }
  #catalogo.carrito .breadcrumbs {
    margin-bottom: 0px;
    float: initial;
    display: inline-block;
    padding-bottom: 15px;
  }
  #catalogo.carrito .producto-detalle .titulo-pri {
    height: auto;
    margin-bottom: 5px;
    font-size: 18px;
    overflow: initial;
  }
  #catalogo.carrito article .box .box-info {
    padding: 0px 15px;
    text-align: left; margin-top: 15px;
  }
  #catalogo.carrito .finalizar-compra .box-fin .total {
    margin: 15px 0px 0px 0px!important;
    width: 100%;
    float: left;
    text-align: center;
  }
  #catalogo.carrito .finalizar-compra .box-fin .finalizar {
    width: 100%;
    float: left;
    margin-top: 15px;
  }
  #catalogo.carrito .producto-detalle .container {
    padding: 0px!important;
  }
}
/*=====================================================================
CARRITO 2020:
======================================================================*/
/* Color Principal */
/* Color Secundario*/
/**************** PASOS ****************/
.pasos {
  margin-bottom: 35px;
  text-align: center;
}
.pasos .titulo-resp {
  display: none;
  text-align: center;
  color: #636363;
  font-size: 18px;
  font-weight: 300;
  width: 100%;
  margin-top: 40px;
}
.pasos .box {
  display: inline-block;
  padding: 15px 0px;
  margin: 0px;
  margin-top: 10px;
  counter-reset: miContador;
}
.pasos .box {
  /*li span::before {counter-increment: miContador; content: counters(miContador, '.') ''; }*/
}
.pasos .box li#seleccionado span {
  background: #E20613;
  font-weight: 400;
}
.pasos .box li#seleccionado div {
  color: #E20613;
  font-weight: 700;
}
.pasos .box li {
  position: relative;
  display: inline-block;
  float: left;
  text-align: left;
}
.pasos .box li:last-child {
  min-width: initial;
}
.pasos .box li:last-child .paso {
  margin-right: 0px;
}
.pasos .box li .paso {
  display: inline-block;
  position: relative;
  text-align: center;
  margin-right: 85px;
}
.pasos .box li span {
  background: #BEBEBE;
  color: #ffffff;
  width: 33px;
  height: 33px;
  text-align: center;
  display: inline-block;
  -webkit-border-radius: 255px;
  -moz-border-radius: 255px;
  border-radius: 255px;
  font-size: 16px;
  font-weight: 300;
  line-height: 32px;
  position: relative;
  z-index: 25;
}
.pasos .box li div {
  font-size: 14px;
  position: relative;
  z-index: 25;
  color: #666;
  line-height: 14px; margin-top: 10px;
}
.pasos .box li .mod-cover {
  position: absolute;
  width: 50%;
  background: #ECEEED;
  height: 100%;
  top: 0px;
  z-index: -1;
  display: none;
}
.pasos .box li:first-child .mod-cover {
  display: block;
}
.pasos .box li .linea {
  position: absolute;
  width: 100%;
  height: 2px;
  display: inline-block;
  background: #BEBEBE;
  top: 16px;
  left: 0px;
  z-index: 0;
  margin-top: 0px;
}
.pasos .box li:last-child .linea {
  width: 50%;
}
.pasos .box li .text {
  color: #838383;
  display: inline-block;
  width: 100%;
}
.pasos .box li.gris .linea,
.pasos .box .pasos .box li.gris span {
  background: #C4C4C4;
}
@media (max-width: 991px) {
  .pasos .box li .paso {
    margin-right: 45px;
  }
}
@media (max-width: 767px) {
  .pasos .titulo-resp {
    display: inline-block;
  }
  .pasos .box {
    padding-top: 0px;
  }
  .pasos .box li .paso {
    margin-right: 10px;
  }
  .pasos .box li .tit {
    display: none;
  }
}
/* ULTIMOS CAMBIOS */
#carrito-pr {
  margin: 0px 0px;
}
#carrito-pr .form-control {
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  border-radius: 0px;
  margin-bottom: 10px;
  height: 45px;
  border: 1px solid #d9d9d9;
  font-weight: 400;
}
#carrito-pr .titulo {
  display: inline-block;
  width: 100%;
  border-bottom: 1px solid #d9d9d9;
  padding-bottom: 20px;
  display: flex;
}
#carrito-pr .titulo .circulo {
  background: #585858;
  color: #ffffff;
  width: 33px;
  height: 33px;
  text-align: center;
  display: inline-block;
  -webkit-border-radius: 255px;
  -moz-border-radius: 255px;
  border-radius: 255px;
  font-size: 16px;
  font-weight: 300;
  line-height: 32px;
  position: relative;
  z-index: 25;
}
#carrito-pr .titulo .tit {
  align-self: center;
  font-size: 20px;
  font-weight: 400;
  margin-left: 8px;
}
#carrito-pr .info {
  font-size: 16px;
  color: #636363;
  margin: 32px 0px 30px 0px;
}
#carrito-pr .checkbox-mod {
  margin-top: 7px;
}
#carrito-pr .checkbox-mod label {
  margin: 0px;
  color: #838383;
  font-weight: 300;
  line-height: 25px;
}
#carrito-pr .checkbox-style-3-label:before {
  border: 1px solid #d9d9d9;
}
#carrito-pr .checkbox-style:checked + .checkbox-style-3-label:before,
#carrito-pr .radio-style:checked + .radio-style-3-label:before {
  background: #E20613;
}
#carrito-pr .checkbox-seleccionar-tarjetas {
  float: left;
  margin-right: 10px;
  padding: 13px 15px;
  margin-bottom: 10px;
  text-align: center;
}
#carrito-pr .checkbox-seleccionar-tarjetas button {
  border: 0px;
  cursor: pointer;
}
#carrito-pr .checkbox-seleccionar {
  background: #F7F7F7;
  border: 1px solid #d9d9d9;
  float: left;
  margin-right: 10px;
  padding: 13px 15px;
  margin-bottom: 10px;
  text-align: center;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
}
#carrito-pr .checkbox-seleccionar label {
  margin: 0px;
  display: flex;
}
#carrito-pr .checkbox-seleccionar label:before {
  float: left;
  align-self: center;
  -webkit-border-radius: 255px;
  -moz-border-radius: 255px;
  border-radius: 255px;
}
#carrito-pr .checkbox-seleccionar img {
  margin-left: 5px;
  float: left;
  align-self: center;
  height: 23px;
}
#carrito-pr .checkbox-seleccionar span {
  float: left;
  line-height: 14px;
  text-align: left;
  margin-left: 10px;
  color: #999;
  font-weight: 300;
  align-self: center;
}
#carrito-pr .checkbox-seleccionar span i {
  font-size: 10px;
  letter-spacing: 0px;
}
#carrito-pr .bootstrap-select {
  width: 100%;
}
#carrito-pr .bootstrap-select .btn {
  height: 45px;
  border: 1px solid #d9d9d9;
  width: 100%;
  font-weight: 400;
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  border-radius: 0px;
}
#carrito-pr .cuadro-destacado {
  width: 100%;
  float: left;
  border: 2px solid #d9d9d9;
  padding: 20px 30px;
  display: flex;
}
#carrito-pr .cuadro-destacado p {
  line-height: 24px;
  margin-bottom: 0px;
}
#carrito-pr .cuadro-destacado img {
  float: left;
  margin-right: 15px;
  width: 190px;
}
#carrito-pr .cuadro-destacado span {
  float: left;
  font-size: 16px;
  color: #E20613;
  line-height: 21px;
  align-self: center;
  font-weight: 400;
}
#carrito-pr .continuar-box {
  margin-top: 25px;
  width: 100%;
  display: inline-block;
}
#carrito-pr .continuar {
  float: right;
  width: 100%;
  min-width: 130px;
  background: #E20613;
  color: #ffffff;
  border: none;
  padding: 10px 0px;
  -webkit-border-radius: 5px!important;
  -moz-border-radius: 5px!important;
  border-radius: 5px!important;
  cursor: pointer;
  max-width: 240px;
}
#carrito-pr .continuar:hover {
  background: #3F4AA5;
}
#carrito-pr .continuar-box.responsivo {
  display: none;
}
#carrito-pr .volver {
  float: right;
  color: #838383;
  font-size: 17px;
  font-family: 'Montserrat', sans-serif;
  font-weight: 300;
  margin: 8px 0px 6px 0px;
  text-align: center;
}
#carrito-pr .volver:hover {
  font-weight: 700;
  color: #E20613;
}
#carrito-pr .volver-responsive {
  float: left;
  width: 45%;
  background: #E20613;
  color: #ffffff;
  border: none;
  font-size: 15px;
  padding: 11px 25px;
  text-align: center;
  margin-right: 0px;
  max-width: 130px;
  -webkit-border-radius: 5px!important;
  -moz-border-radius: 5px!important;
  border-radius: 5px!important;
}
#carrito-pr .volver-responsive {
  background: #636363;
}
#carrito-pr .plataforma-de-pago {
  text-align: center;
  width: 100%;
  float: left;
}
#carrito-pr .plataforma-de-pago .box {
  display: inline-block;
  max-width: 550px;
  margin-top: 15px;
}
#carrito-pr .plataforma-de-pago .box img {
  display: inline-block;
}
#carrito-pr .plataforma-de-pago .box p {
  display: inline-block;
  font-size: 20px;
  font-weight: 300;
  line-height: 29px;
  margin: 35px 0px;
  color: #636363;
}
#carrito-pr .plataforma-de-pago .box a {
  background: #E20613;
  color: #ffffff;
  padding: 15px 35px;
  font-size: 14px;
  display: inline-block;
}
#carrito-pr .plataforma-de-pago .box a:hover {
  background: #d64401;
}
#carrito-pr .gracias {
  text-align: center;
  width: 100%;
  float: left;
}
#carrito-pr .gracias .box {
  display: inline-block;
  max-width: 800px;
  margin-top: 15px;
}
#carrito-pr .gracias .box .tit {
  background: #4E9C40;
  color: #ffffff;
  padding: 12px 35px;
  display: inline-block;
  font-size: 26px;
  font-weight: 700;
  margin-bottom: 15px;
  letter-spacing: 1px;
}
#carrito-pr .gracias .box p {
  display: inline-block;
  font-size: 20px;
  font-weight: 300;
  line-height: 29px;
  margin: 25px 0px;
  color: #636363;
}
#carrito-pr .productos-seleccionados {
  border: 1px solid #d9d9d9;
  width: 100%;
  display: inline-block;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
}
#carrito-pr .productos-seleccionados {
  /* Scroll BAR */
}
#carrito-pr .productos-seleccionados .tit {
  padding: 15px 25px;
  width: 100%;
  display: inline-block;
  border-bottom: 1px solid #d9d9d9;
  float: left;
  font-weight: 400!important;
  background: #fff;
    font-family: 'Montserrat', sans-serif;
}
#carrito-pr .productos-seleccionados .tit div {
  font-weight: 400;
  font-family: 'Montserrat', sans-serif;
  font-size: 14px;
  float: left;
}
#carrito-pr .productos-seleccionados .tit .icon-angle-down {
  float: right;
  color: #636363;
  font-size: 21px;
  height: 16px;
  line-height: 19px;
}
#carrito-pr .productos-seleccionados .productos-mod {
  max-height: 164px;
  border-bottom: 1px solid #d9d9d9;
  width: 100%;
  display: inline-block;
  overflow-y: auto;
  float: left;
}
#carrito-pr .productos-seleccionados .productos-mod .prod {
  width: 100%;
  height: 80px;
  padding: 20px 25px;
  float: left;
  border-top: 1px solid #d9d9d9;
  background: #fff;
}
#carrito-pr .productos-seleccionados .productos-mod .prod:first-child {
  border-top: none;
}
#carrito-pr .productos-seleccionados .productos-mod .prod img {
  height: 40px;
  float: left;
}
#carrito-pr .productos-seleccionados .productos-mod .prod .box {
  width: 80%;
  float: left;
  padding-left: 15px;
}
#carrito-pr .productos-seleccionados .productos-mod .prod .box p {
  line-height: 18px;
  margin-bottom: 0px;
  /*height: 36px; overflow: hidden;*/
  font-size: 13px;
}
#carrito-pr .productos-seleccionados .productos-mod .prod .box span {
  color: #E20613;
  font-weight: 700;
  height: 17px;
  overflow: hidden;
}
#carrito-pr .productos-seleccionados .productos-mod::-webkit-scrollbar {
  width: 8px;
  height: 8px;
}
#carrito-pr .productos-seleccionados .productos-mod::-webkit-scrollbar-thumb {
  background: #ccc;
  border-radius: 0px;
}
#carrito-pr .productos-seleccionados .productos-mod::-webkit-scrollbar-thumb:active {
  background-color: #999999;
}
#carrito-pr .productos-seleccionados .productos-mod::-webkit-scrollbar-thumb:hover {
  background: #b3b3b3;
  /*box-shadow: 0 0 2px 1px rgba(0, 0, 0, 0.2);*/
}
#carrito-pr .productos-seleccionados .productos-mod::-webkit-scrollbar-track {
  background: #e1e1e1;
  border-radius: 0px;
}
#carrito-pr .productos-seleccionados .productos-mod::-webkit-scrollbar-track:hover,
#carrito-pr .productos-seleccionados .productos-mod::-webkit-scrollbar-track:active {
  background: #d4d4d4;
}
#carrito-pr .productos-seleccionados .sub-total {
  padding: 15px 25px;
  float: left;
  width: 100%;
}
#carrito-pr .productos-seleccionados .sub-total .sub {
  float: left;
  width: 100%;
  text-align: right;
  font-size: 16px;
}
#carrito-pr .productos-seleccionados .sub-total .desc {
  float: left;
  width: 100%;
  text-align: right;
  font-size: 16px;
  color: #2A945B;
}
#carrito-pr .productos-seleccionados .total {
  padding: 15px 25px;
  float: left;
  width: 100%;
  background: #fff;
  border-top: 1px solid #d9d9d9;
  text-align: right;
  font-size: 18px;
}
@media (max-width: 1199px) {
  #carrito-pr .checkbox-seleccionar {
    padding: 12px 10px;
  }
}
@media (max-width: 991px) {

  #carrito-pr .productos-seleccionados {margin-top: 50px;}
  #carrito-pr .info {text-align: center;}
  #carrito-pr .checkbox-seleccionar {float: initial; display: inline-block;}
  #carrito-pr .responsive-center {text-align: center;}
  #carrito-pr .volver {
    display: none;
  }
  #carrito-pr .volver-responsive {
    display: block;
  }
  #carrito-pr .checkbox-mod {
    margin-bottom: 20px;
    text-align: right;
  }
  #carrito-pr .continuar-box.responsivo-none {
    display: none;
  }
  #carrito-pr .continuar-box.responsivo {
    display: block;
  }
  #carrito-pr .cuadro-destacado {
    text-align: center;
    border: 1px solid #d9d9d9;
  }
  #carrito-pr .cuadro-destacado img {
    float: initial;
    margin-bottom: 15px;
  }
  #carrito-pr .cuadro-destacado p {
    width: 100%;
  }
}
@media (max-width: 500px) {
  #carrito-pr .checkbox-seleccionar {
    width: 100%;
  }
}
@media (max-width: 991px) {
  #carrito-pr.modulo-pago .modulo-productos-seleccionados {
    display: block;
    margin-top: 25px;
  }
  #carrito-pr.modulo-pago .volver {
    display: none;
  }
}
.row-select-envio {
  margin-top: 0px;
  width: 100%;
  display: inline-block;
}
.row-select-envio .custom-control b {
  font-size: 14px;
  font-family: 'Montserrat', sans-serif;
}
.row-select-envio .custom-control span {
  color: #636363;
  font-size: 13px;
  font-family: 'Montserrat', sans-serif;
  font-weight: 400;
  line-height: 17px;
  display: inline-block;
}
.retiro-sucursal-mod .lista {
  border: 1px solid #dad8d8;
  padding: 10px;
  margin-bottom: 0px;
}
.retiro-sucursal-mod #mapa {
  width: 100%;
  height: 300px;
  position: fixed;
  overflow: initial;
}
.retiro-sucursal-mod .custom-control-label {
  margin-bottom: 0px;
}
.retiro-sucursal-mod .custom-control-label b {
  font-size: 13px;
  font-family: 'Montserrat', sans-serif;
  color: #E20613;
  margin-bottom: 0px;
}
.retiro-sucursal-mod .custom-control-label span {
  color: #636363;
  font-size: 13px;
  font-family: 'Montserrat', sans-serif;
  font-weight: 400;
  line-height: 17px;
  display: inline-block;
  letter-spacing: 0px;
}
.retiro-sucursal-mod .ul-lista-mod {
  max-height: 450px;
  overflow-y: scroll;
  padding-right: 15px;
}
.retiro-sucursal-mod .calcular-costo {
  display: inline-block;
  width: 100%;
  margin-bottom: 25px;
  padding-bottom: 25px;
  border-bottom: 1px solid #dad8d8;
}
.retiro-sucursal-mod .calcular-costo .boton {
  background: #E20613;
  padding: 20px;
  color: #ffffff;
  margin-right: 10px;
  display: inline-block;
}
@media only screen and (max-width: 767px) {
  .retiro-sucursal-mod .ul-lista-mod {
    height: initial;
    overflow: initial;
    padding-right: 0px;
  }
}
/*=====================================================================
NOSOTROS:
======================================================================*/
#nosotros .pre-footer-box {
  margin-top: 0px;
}
#nosotros #wrapper #content {
  background: url(../img/fondo3.jpg) center repeat;
}
#nosotros #wrapper .box-principal {
  text-align: center;
}
#nosotros #wrapper .box-nosotros {
  background: #ffffff;
  max-width: 700px;
  display: inline-block;
  padding: 45px;
  margin: 120px 0px;
  position: relative;
  -webkit-box-shadow: 2px 2px 15px 0px rgba(0, 0, 0, 0.25);
  -moz-box-shadow: 2px 2px 15px 0px rgba(0, 0, 0, 0.25);
  box-shadow: 2px 2px 15px 0px rgba(0, 0, 0, 0.25);
}
#nosotros #wrapper .box-nosotros p.titulo {
  font-family: 'Montserrat', sans-serif;
  font-size: 26px;
  color: #636363;
  margin: 0px;
  line-height: 30px;
}
#nosotros #wrapper .box-nosotros p {
  font-size: 20px;
  margin-bottom: 0px;
  line-height: 30px;
}
#nosotros #wrapper .box-nosotros p b {
  color: #E20613;
}
#nosotros #wrapper .box-img {
  border-bottom: 1px solid #e5e5e5;
  width: 100%;
  display: inline-block;
  text-align: center;
  padding-bottom: 35px;
  margin-bottom: 35px;
  padding-top: 5px;
}
#nosotros #wrapper .box-nosotros .figura {
  background: url(../img/figura.png) bottom no-repeat;
  width: 36px;
  height: 109px;
  position: absolute;
  right: 15px;
  top: -8px;
}
@media only screen and (max-width: 500px) {
  #nosotros #wrapper .box-nosotros .figura {
    display: none;
  }
  #nosotros #wrapper .box-nosotros {
    padding: 50px 25px;
  }
}
#nosotros.mas-informacion #wrapper .box-nosotros {
  margin: 0px;
}
#nosotros.mas-informacion #wrapper .box-ancla {
  padding-top: 75px;
}
#nosotros.mas-informacion .box-principal {
  margin-bottom: 80px;
}
#nosotros.mas-informacion #wrapper .box-nosotros p.titulo span {
  margin-right: 15px;
  font-size: 26px;
  color: #d84500;
}
/*=====================================================================
CONTACTO / REGISTRO:
======================================================================*/

#contacto #buscador-box #registrarse.enviar-bottom {background: #E20613;    line-height: 15px;}
#contacto #buscador-box #registrarse.enviar-bottom:hover {    background: #b9000b;}
#contacto #buscador-box #recuperar.enviar-bottom {background: #E20613;    line-height: 15px;}
#contacto #buscador-box #recuperar.enviar-bottom:hover {    background: #b9000b;}
#contacto.registro select{margin-bottom:15px;font-weight: 300; font-size:14px;float:left; width: 100%;color: #838383;border-color:#fff;}

#contacto .pre-footer-box {
  margin-top: 0px;
}
#contacto .box-principal {
  text-align: center;
}
#contacto #wrapper #content {
  //background: url(../img/fondo-2.jpg) bottom repeat;
}
#contacto #buscador-box {
  max-width: 70%;
  width: 100%;
  background: #ffffff;
  display: inline-block;
  margin: 60px 0px 80px 0px;
  position: relative;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  padding: 0px;
}

#contacto #buscador-box form { padding: 45px 25px;}

#contacto #buscador-box .contacto-box-1,
#contacto #buscador-box .contacto-box-2 {
  padding: 0px 35px;
}
#contacto #buscador-box form {
  display: inline-block;
  width: 100%;
  float: initial;
  margin: 0px;
  background: #eee;
}
#contacto #buscador-box textarea {
  height: 200px;
  width: 100%;
  display: inline-block;
}
#contacto #buscador-box label {
  text-align: left;
  color: #888;
  width: 100%;
  font-weight: 500;
}
#contacto #buscador-box .btn-contacto {
  width: 100%;
  height: 40px;
  margin-bottom: 20px;
  padding: 10px 20px 10px 20px!important;
  font-family: 'Montserrat', sans-serif;
  font-size: 14px;
  border: 1px solid #eee;
  color: #838383;
    -webkit-border-radius: 5px!important;
  -moz-border-radius: 5px!important;
  border-radius: 5px!important;
  background: #fff;
  font-weight: 300;
}
#contacto #buscador-box textarea.btn-contacto {
  height: 200px;
    -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
}
#contacto #buscador-box .titulo {
  color: #838383;
  text-align: center;
  font-size: 22px;
  margin-top: 0px;
  font-weight: 500;
  margin-bottom: 10px;
  padding-bottom: 25px;
  letter-spacing: 2px;
}
#contacto #buscador-box .enviar-bottom {
  display: inline-block;
  background: #000000;
  padding: 0px 20px;
  color: #ffffff;
  border: none;
  width: 100%;
  max-width: 200px;
  font-size: 16px;
  float: right;
  cursor: pointer;
}
#contacto #buscador-box .enviar-bottom:hover {
  background: #E20613;
}
#contacto #buscador-box .enviar {float: right;
 background-color:#E20613 ; 
 color: #fff;
  cursor: pointer;
    -webkit-border-radius: 5px!important;
  -moz-border-radius: 5px!important;
  border-radius: 5px!important;
  max-width: 300px;
}
#contacto #buscador-box .enviar:hover {background-color:#b9000b ; color: #fff; cursor: pointer;}
#contacto .fluid-width-video-wrapper {
  float: left;
  width: 100%;
  padding: 0px!important;
  height: 400px;
}
#contacto .fluid-width-video-wrapper iframe,
#contacto .fluid-width-video-wrapper object,
#contacto .fluid-width-video-wrapper embed {
  position: initial;
}
#contacto .datos {
  float: left;
  width: 100%;
  padding: 30px 0px 60px 0px;
}
#contacto .datos div {
  font-size: 19px;
  color: #ffffff;
  font-family: 'Montserrat', sans-serif;
  font-weight: 300;
  text-shadow: 2px 2px 3px #000000;
}
#contacto .datos div span {
  color: #ffffff;
  font-size: 21px;
  margin-right: 7px;
  text-shadow: 2px 2px 3px rgba(0, 0, 0, 0.7);
}
@media only screen and (max-width: 991px) {

  #contacto #buscador-box .enviar {margin-top:15px;}
  #contacto #buscador-box .contacto-box-1,
  #contacto #buscador-box .contacto-box-2 {
    padding: 0px 25px;
  }
  #contacto .fluid-width-video-wrapper {
    margin-top: 20px;
  }
  #contacto #buscador-box {
    max-width: 100%;    margin: 50px 0px 50px 0px;
  }
}
@media only screen and (max-width: 767px) {
  #contacto #buscador-box form {
    width: 100%;
  }
}
@media only screen and (max-width: 490px) {
  #contacto #buscador-box {
    padding: 0px 10px;
  }

  #contacto #buscador-box .titulo {
    font-size: 22px;
  }
}
@media only screen and (max-width: 350px) {
  #contacto #buscador-box {
    padding: 15px;
  }
}
#contacto.registro .fondo {
  text-align: center;
}
#contacto.registro #buscador-box {
  margin-bottom: 60px;
}
#contacto.registro .sub-titulo {
  font-size: 21px;
  margin-bottom: 20px;
  float: left;
  width: 100%;
}
#contacto.registro .campos {
  float: left;
}
#perfil {
  position: initial;
  height: 100%;
}
#perfil #footer {
  margin-top: 0px;
}
#perfil #content {
  background: #e9e9e9;
  padding: 50px 0px;
}
#perfil #wrapper {
  background: transparent;
}
#perfil .box-perfil {
  padding: 70px 0px;
}
#perfil h1 {
  font-family: 'Montserrat', sans-serif;
  font-size: 28px;
  font-weight: 300;
  width: 100%;
  display: inline-block;
  color: #636363;
  padding: 25px 0;
  border-bottom: 1px solid #888;
  margin-bottom: 45px;
}
#perfil #wrapper .finalizar-compra {
  margin-bottom: 45px;
}
#perfil #wrapper .finalizar-compra .input-box {
  margin-bottom: 15px;
  float: left;
  width: 100%;
}
#perfil #wrapper .finalizar-compra label {
  font-family: 'Montserrat', sans-serif;
  font-size: 15px;
  color: #ffffff;
  background-color: #707070;
  padding: 11px 15px;
  width: 35%;
  height: 40px;
  float: left;
  font-weight: 300;
  line-height: 18px;
  margin: 0px;
}
#perfil #wrapper .finalizar-compra input {
  font-family: 'Montserrat', sans-serif;
  font-size: 15px;
  height: 40px;
  width: 65%;
  float: left;
  padding: 10px 15px;
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  border-radius: 0px;
  border: 1px solid #d9d9d9;
  color: #636363;
}
#perfil #wrapper .finalizar-compra select {
  font-family: 'Montserrat', sans-serif;
  font-size: 15px;
  height: 40px;
  width: 65%;
  float: left;
  padding: 5px 15px;
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  border-radius: 0px;
  border: 1px solid #d9d9d9;
  color: #b9b9b9;
}
#perfil #wrapper .finalizar-compra .actualizar input {
  width: 250px;
  float: right;
  text-align: center;
  background: #d84500;
  color: #ffffff;
  border: none;
}
#perfil #wrapper .finalizar-compra .actualizar input:hover {
  background: #E20613;
}
#perfil #wrapper .finalizar-compra label {
  width: 100%;
}
#perfil #wrapper .finalizar-compra input {
  width: 100%;
}
.panel-botonera {
  float: left;
}
.panel-botonera li {
  float: left;
  margin-bottom: 10px;
}
.panel-botonera li a {
  color: #636363;
  font-weight: 300;
  font-family: 'Montserrat', sans-serif;
  background: #ddd;
  padding: 5px 25px;
  font-size: 18px;
  float: left;
  margin-right: 10px;
  border: 1px dotted #ccc;
}
.panel-botonera li a:hover {
  background: #636363;
  color: #ffffff;
}
.panel-botonera .seleccionado-mod {
  background: #636363 !important;
  color: #ffffff !important;
}
/*=====================================================================
FACTURAS:
======================================================================*/
#facturas {
  background: url(../img/texture1.png) repeat #fff;
  position: initial;
  height: 100%;
}
#facturas {
  /**************** RESPONSIVO ****************/
  /* 1199PX */
  /* 991PX */
  /* 550PX */
  /**************** RESPONSIVO ****************/
  /* 991PX */
  /* 550PX */
}
#facturas footer {
  margin-top: 0px!important;
}
#facturas #content {
  background: #e9e9e9 !important;
  padding: 50px 0px;
}
#facturas .breadcrumbs {
  float: left;
  width: 100%;
  margin: 20px 0;
  padding-top: 8px;
  text-align: left;
}
#facturas .volver {
  background: #ffffff;
  color: #636363;
  border: 1px dotted #ddd;
  padding: 8px 15px;
  float: right;
}
#facturas .volver:hover {
  font-weight: 700;
}
#facturas p,
#facturas pre,
#facturas ul,
#facturas ol,
#facturas dl,
#facturas dd,
#facturas blockquote,
#facturas address,
#facturas table,
#facturas fieldset,
#facturas form {
  margin: 0px;
}
#facturas #wrapper {
  background: transparent;
}
#facturas h1 {
  font-family: 'Montserrat', sans-serif;
  font-size: 25px;
  font-weight: 300;
  width: 100%;
  display: inline-block;
  color: #636363;
  padding: 25px 0;
  border-bottom: 1px solid #888;
}
#facturas .table-condensed > tbody > tr > td,
#facturas .table-condensed > tbody > tr > th,
#facturas .table-condensed > tfoot > tr > td,
#facturas .table-condensed > tfoot > tr > th,
#facturas .table-condensed > thead > tr > td,
#facturas .table-condensed > thead > tr > th {
  padding: 8px;
}
#facturas .ranges li {
  padding: 6px 12px;
  font-size: 14px;
}
#facturas .descargar-box {
  width: 15%;
  float: left;
}
#facturas .descargar-box .box {
  background-color: #d84500;
  float: left;
  width: 100%;
  padding: 12px 15px;
}
#facturas .descargar-box .box:hover {
  background-color: #E20613;
}
#facturas .descargar-box .ico {
  color: #ffffff;
  float: left;
  font-size: 28px;
}
#facturas .descargar-box .text-descargar {
  color: #ffffff;
  float: left;
  font-family: 'Montserrat', sans-serif;
  margin-left: 8px;
  font-size: 14px;
}
#facturas .descargar-box .text-descargar b {
  font-size: 16px;
}
#facturas .buscador-box {
  width: 80%;
  float: left;
}
#facturas .buscador-box form {
  background-color: #eee;
  float: left;
  width: 100%;
  padding: 10px 15px;
}
#facturas .buscador-box #reportrange {
  width: 35%;
  border: 1px solid #ccc;
  float: left;
  height: 34px;
  cursor: pointer;
  overflow: hidden;
  background-color: #ffffff;
  position: relative;
}
#facturas .buscador-box #reportrange span {
  font-size: 12px;
  color: #636363;
  font-family: 'Montserrat', sans-serif;
  float: left;
  padding: 8px 10px;
  height: 23px;
  overflow: hidden;
}
#facturas .buscador-box #reportrange .glyphicon {
  color: #ffffff;
  font-size: 18px;
  background-color: #838383;
  height: 32px;
  padding: 7px 0px;
  text-align: center;
  top: 0px;
  border-right: 1px solid #ccc;
  float: left;
  width: 50px;
  line-height: 18px;
}
#facturas .buscador-box #reportrange .caret {
  position: absolute;
  right: 10px;
  top: 12px;
  border-top: 7px dashed;
  border-top: 3px solid\9;
  border-right: 3px solid transparent;
  border-left: 3px solid transparent;
  text-align: center;
  color: #D3D3D3;
}
#facturas .buscador-box .select-estado {
  position: relative;
  border: 1px solid #ccc;
  height: 34px;
  font-family: 'Montserrat', sans-serif;
  font-size: 16px;
  color: #D3D3D3;
  margin-left: 15px;
  width: 18%;
  float: left;
  overflow: hidden;
}
#facturas .buscador-box .select-estado select {
  height: 32px;
  width: 100%;
  float: left;
  border: none;
  padding: 0px 5px 0px 58px;
}
#facturas .buscador-box .select-estado .icono-select-estado {
  position: absolute;
  border-right: 1px solid #ccc;
  left: 0px;
  top: -1px;
  color: #D3D3D3;
  font-size: 16px;
  background-color: #b9b9b9;
  height: 34px;
  width: 50px;
  padding-top: 2px;
  top: 0px;
  float: left;
  border-right: none;
  text-align: center;
  padding-top: 8px;
}
#facturas .buscador-box .buscar {
  float: left;
  width: 26%;
  margin-left: 15px;
  border: 1px solid #ccc;
  position: relative;
  height: 34px;
  overflow: hidden;
}
#facturas .buscador-box .buscar .send-buscador {
  line-height: 16px;
  position: absolute;
  border-right: 1px solid #ccc;
  left: 0px;
  top: -1px;
  color: #ffffff;
  font-size: 16px;
  background-color: #838383;
  height: 34px;
  width: 50px;
  padding-top: 2px;
  top: 0px;
  float: left;
  border-right: none;
  text-align: center;
  padding-top: 8px;
}
#facturas .buscador-box .buscar .text-buscador {
  height: 34px;
  float: left;
  font-size: 12px;
  color: #636363;
  font-family: 'Montserrat', sans-serif;
  padding: 6px 10px 8px 60px;
  border: none;
  width: 100%;
}
#facturas .buscador-box .enviar {
  float: right;
  width: 15%;
  background-color: #d84500;
  height: 34px;
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  border-radius: 0px;
  border: none;
  color: #ffffff;
  text-align: center;
  font-family: 'Montserrat', sans-serif;
  font-size: 14px;
  font-weight: 700;
}
#facturas .buscador-box .enviar:hover {
  background-color: #E20613;
}
@media only screen and (max-width: 1199px) {
  #facturas .descargar-box .ico {
    font-size: 24px;
  }
  #facturas .descargar-box .text-descargar {
    font-size: 13px;
  }
  #facturas .descargar-box {
    width: 17%;
  }
  #facturas .buscador-box {
    width: 81%;
  }
  #facturas .buscador-box #reportrange {
    width: 40%;
  }
  #facturas .buscador-box .select-estado {
    width: 21%;
  }
  #facturas .buscador-box .buscar {
    width: 20%;
  }
  #facturas .buscador-box .enviar {
    width: 12%;
  }
}
@media only screen and (max-width: 991px) {
  #facturas .descargar-box {
    width: auto;
  }
  #facturas .buscador-box {
    width: 100%;
    margin-bottom: 15px;
  }
  #facturas .buscador-box form {
    padding: 20px;
    background: #eee;
  }
  #facturas .buscador-box #reportrange {
    width: 100%;
  }
  #facturas .buscador-box .select-estado {
    width: 30%;
    margin: 0px;
    margin-top: 15px;
  }
  #facturas .buscador-box .buscar {
    width: 65%;
    margin-left: 0px;
    margin-top: 15px;
  }
  #facturas .buscador-box .enviar {
    width: 25%;
    margin-top: 15px;
  }
}
@media only screen and (max-width: 550px) {
  #facturas .buscador-box #reportrange {
    width: 100%;
  }
  #facturas .buscador-box .select-estado {
    width: 100%;
  }
  #facturas .buscador-box .buscar {
    width: 100%;
    margin-left: 0%;
  }
  #facturas .buscador-box .enviar {
    width: 100%;
  }
}
#facturas .factura-box {
  margin-top: 15px;
}
#facturas .factura-box .rotulo {
  background-color: #ffffff;
}
#facturas .factura-box .rotulo li {
  color: #636363;
  font-weight: 700;
  text-transform: uppercase;
}
#facturas .factura-box ul {
  display: table;
  width: 100%;
  padding: 15px 15px;
  background-color: #ffffff;
  border-bottom: 1px solid #D3D3D3;
  position: relative;
}
#facturas .factura-box ul li {
  display: table-cell;
  font-family: 'Montserrat', sans-serif;
  color: #636363;
  vertical-align: middle;
}
#facturas .factura-box .check {
  width: 5%;
}
#facturas .factura-box .numero {
  width: 12%;
}
#facturas .factura-box .emision {
  width: 60%;
}
#facturas .factura-box .vencimiento {
  width: 20%;
}
#facturas .factura-box .importe {
  width: 10%;
}
#facturas .factura-box .estado {
  width: 10%;
}
#facturas .factura-box .ver {
  width: 10%;
  text-align: center;
}
#facturas .factura-box .ver .ver-factura {
  font-family: 'Montserrat', sans-serif;
  color: #D3D3D3;
  display: inline-block;
  font-weight: 400;
}
#facturas .factura-box .ver span {
  font-size: 22px;
  color: #838383;
  text-align: center;
}
#facturas .factura-box .ver span:hover {
  color: #E20613;
}
#facturas .factura-box .numero span,
#facturas .factura-box .emision span,
#facturas .factura-box .vencimiento span,
#facturas .factura-box .importe span,
#facturas .factura-box .estado span,
#facturas .factura-box .ver .ver-factura {
  display: none;
}
#facturas .factura-box .check input {
  margin: 0px;
}
#facturas .factura-box-comprobante .imagen {
  width: 10%;
}
#facturas .factura-box-comprobante .cod {
  width: 15%;
}
#facturas .factura-box-comprobante .desc {
  width: 35%;
}
#facturas .factura-box-comprobante .cant {
  width: 8%;
  text-align: center;
}
#facturas .factura-box-comprobante .precio {
  width: 8%;
  text-align: center;
}
#facturas .factura-box-comprobante .pend {
  width: 8%;
  text-align: center;
}
#facturas .factura-box-comprobante .descu {
  width: 8%;
  text-align: center;
}
#facturas .factura-box-comprobante .impo {
  width: 8%;
  text-align: center;
}
#facturas .factura-box-comprobante .imagen img {
  padding-right: 15px;
}
#facturas .factura-box-comprobante ul li span {
  display: none;
}
#facturas .factura-box-comprobante .total .unidades {
  width: 66%;
  display: inline-block;
  text-align: right;
  padding: 15px;
  font-weight: 700;
  color: #E20613;
}
#facturas .factura-box-comprobante .total .unidades span {
  padding-left: 15px;
}
#facturas .factura-box-comprobante .total .total-final {
  width: 34%;
  display: inline-block;
  text-align: right;
  padding: 15px 10px;
  font-weight: 700;
  color: #E20613;
}
#facturas .factura-box-comprobante .total .total-final span {
  padding-left: 15px;
}
@media only screen and (max-width: 991px) {
  #facturas .factura-box-comprobante .total .unidades {
    border-bottom: 1px solid #d9d9d9;
  }
  #facturas .factura-box-comprobante .total .total-final,
  #facturas .factura-box-comprobante .total .unidades {
    text-align: center;
    width: 100%;
  }
  #facturas .factura-box-comprobante .imagen {
    width: 100%;
    text-align: center!important;
  }
  #facturas .factura-box-comprobante .imagen img {
    width: 100%;
    max-width: 300px;
    padding: 10px;
  }
  #facturas .factura-box-comprobante .cod,
  #facturas .factura-box-comprobante .desc,
  #facturas .factura-box-comprobante .cant,
  #facturas .factura-box-comprobante .precio,
  #facturas .factura-box-comprobante .pend,
  #facturas .factura-box-comprobante .descu,
  #facturas .factura-box-comprobante .impo,
  #facturas .factura-box-comprobante .imagen {
    width: 100%;
    text-align: left;
  }
  #facturas .factura-box-comprobante ul li span {
    display: inline-block;
    font-weight: 700;
  }
}
#facturas .box-cuenta-corriente-i .total .total-final {
  width: 100%;
  display: inline-block;
  text-align: right;
  padding: 5px 10px;
  font-weight: 700;
  color: #E20613;
}
#facturas .box-cuenta-corriente-i .total .total-final span {
  padding-left: 15px;
  min-width: 100px;
  display: inline-block;
}
@media only screen and (max-width: 991px) {
  #facturas .factura-box .factura {
    margin-bottom: 25px;
  }
  #facturas .factura-box .rotulo {
    display: none;
  }
  #facturas .factura-box ul {
    display: initial;
    float: left;
    width: 100%;
    padding: 25px;
  }
  #facturas .factura-box ul li {
    display: initial;
    float: left;
    margin-bottom: 5px;
  }
  #facturas .factura-box .check {
    position: absolute;
    right: 25px;
    width: auto;
  }
  #facturas .factura-box .numero,
  #facturas .factura-box .vencimiento,
  #facturas .factura-box .importe,
  #facturas .factura-box .estado,
  #facturas .factura-box .emision {
    width: 100%;
  }
  #facturas .factura-box .numero span,
  #facturas .factura-box .emision span,
  #facturas .factura-box .vencimiento span,
  #facturas .factura-box .importe span,
  #facturas .factura-box .estado span,
  #facturas .factura-box .ver span {
    display: inline-block;
    margin-right: 5px;
    font-weight: 700;
    font-size: 14px;
    color: #b9b9b9;
  }
  #facturas .factura-box .ver {
    width: 100%;
  }
  #facturas .factura-box .ver a {
    display: inline-block;
    background-color: #E20613;
    text-align: center;
    color: #ffffff;
    padding: 5px 0;
    margin-top: 15px;
    padding: 8px 25px;
    width: 100%;
  }
  #facturas .factura-box .ver span,
  #facturas .factura-box .ver .ver-factura {
    color: #ffffff;
    display: inline-block;
    font-size: 16px;
  }
  #facturas .factura-box .ver span:hover,
  #facturas .factura-box .ver .ver-factura:hover {
    color: #ffffff;
  }
}
#facturas .box-factura-box-info {
  background: #444444;
  display: inline-block;
  width: 100%;
  padding: 35px  20px 20px 20px;
}
#facturas .factura-box-info .info-d {
  background: #5f5f5f;
  color: #ffffff;
  margin-bottom: 15px;
  padding: 5px 10px;
  height: 31px;
  overflow: hidden;
}
#facturas .factura-box-info .titulo {
  font-size: 36px;
  font-family: 'Montserrat', sans-serif;
  color: #ffffff;
  font-weight: 300;
  margin-bottom: 15px;
  display: inline-block;
}
#facturas.cuenta-corriente .buscador-box {
  width: 50%;
}
#facturas.cuenta-corriente .buscador-box #reportrange {
  width: 78%;
}
#facturas.cuenta-corriente .buscador-box .enviar {
  width: 20%;
}
#facturas.cuenta-corriente .fecha {
  width: 15%;
}
#facturas.cuenta-corriente .desc {
  width: 25%;
}
#facturas.cuenta-corriente .impo {
  width: 10%;
  text-align: center;
}
#facturas.cuenta-corriente .debe {
  width: 10%;
  text-align: center;
}
#facturas.cuenta-corriente .saldo {
  width: 10%;
  text-align: center;
}
#facturas.cuenta-corriente .vto {
  width: 10%;
  text-align: center;
}
#facturas.cuenta-corriente .deta {
  width: 10%;
  text-align: center;
}
#facturas.cuenta-corriente .desca {
  width: 10%;
  text-align: center;
}
#facturas.cuenta-corriente ul li span {
  display: none;
}
#facturas.cuenta-corriente .deta .glyphicon,
#facturas.cuenta-corriente .desca .glyphicon {
  display: inline-block;
  font-size: 24px;
}
@media only screen and (max-width: 991px) {
  #facturas.cuenta-corriente .buscador-box {
    width: 100%;
  }
  #facturas.cuenta-corriente .buscador-box .enviar {
    margin-top: 0px;
  }
  #facturas.cuenta-corriente .fecha,
  #facturas.cuenta-corriente .desc,
  #facturas.cuenta-corriente .impo,
  #facturas.cuenta-corriente .debe,
  #facturas.cuenta-corriente .saldo,
  #facturas.cuenta-corriente .vto {
    width: 100%;
    text-align: left;
  }
  #facturas.cuenta-corriente .deta,
  #facturas.cuenta-corriente .desca {
    width: 50%;
    text-align: left;
    padding: 5px;
  }
  #facturas.cuenta-corriente .deta .glyphicon,
  #facturas.cuenta-corriente .desca .glyphicon {
    display: inline-block;
    font-size: 16px;
  }
  #facturas.cuenta-corriente ul li span {
    display: inline-block;
    font-weight: 700;
    margin-right: 5px;
  }
  #facturas.cuenta-corriente .deta a,
  #facturas.cuenta-corriente .desca a {
    display: inline-block;
    background-color: #E20613;
    text-align: center;
    color: #ffffff;
    padding: 8px 25px;
    width: 100%;
  }
  #facturas.cuenta-corriente .desca a {
    background: #636363;
  }
  #facturas.cuenta-corriente .deta a:hover,
  #facturas.cuenta-corriente .desca a:hover {
    background: #d84500;
  }
}
#facturas.box-devoluciones .buscador-box {
  width: 50%;
}
#facturas.box-devoluciones .buscador-box .buscar {
  width: auto;
  margin-left: 0px;
}
#facturas.box-devoluciones .buscador-box .buscar .send-buscador {
  width: 155px;
  padding: 8px 15px;
  font-family: 'Montserrat', sans-serif;
  color: #636363;
  background: #d9d9d9;
  position: relative;
  display: inline-block;
}
#facturas.box-devoluciones .buscador-box .buscar .text-buscador {
  width: 100px;
  display: inline-block;
  padding: 6px 10px 8px 10px;
}
#facturas.box-devoluciones .box-nueva-devolucion {
  width: 200px;
  padding: 13px;
  font-family: 'Montserrat', sans-serif;
  color: #ffffff;
  background: #E20613;
  font-size: 18px;
  float: right;
  text-align: center;
}
#facturas.box-devoluciones .box-nueva-devolucion:hover {
  background: #d84500;
}
#facturas.box-devoluciones .numero {
  width: 10%;
}
#facturas.box-devoluciones .desc {
  width: 40%;
}
#facturas.box-devoluciones .bultos {
  width: 10%;
  text-align: center;
}
#facturas.box-devoluciones .fecha {
  width: 10%;
  text-align: center;
}
#facturas.box-devoluciones .est {
  width: 20%;
  text-align: center;
  font-weight: 700;
}
#facturas.box-devoluciones .det {
  width: 10%;
  text-align: center;
}
#facturas.box-devoluciones ul li span {
  display: none;
}
#facturas.box-devoluciones .ver .glyphicon,
#facturas.box-devoluciones .ver .glyphicon {
  display: inline-block;
  font-size: 24px;
}
@media only screen and (max-width: 991px) {
  #facturas.box-devoluciones .factura-box .numero span {
    color: #636363;
  }
  #facturas.box-devoluciones .buscar {
    margin-top: 0px;
  }
  #facturas.box-devoluciones .buscador-box {
    width: 100%;
  }
  #facturas.box-devoluciones .buscador-box .enviar {
    margin-top: 0px;
  }
  #facturas.box-devoluciones .numero,
  #facturas.box-devoluciones .desc,
  #facturas.box-devoluciones .bultos,
  #facturas.box-devoluciones .fecha,
  #facturas.box-devoluciones .est,
  #facturas.box-devoluciones .det {
    width: 100%;
    text-align: left;
  }
  #facturas.box-devoluciones ul li span {
    display: inline-block;
    font-weight: 700;
    margin-right: 5px;
  }
  #facturas.box-devoluciones .ver a,
  #facturas.box-devoluciones .ver a {
    display: inline-block;
    background-color: #E20613;
    text-align: center;
    color: #ffffff;
    padding: 8px 25px;
    width: 100%;
  }
  #facturas.box-devoluciones .ver a {
    background: #636363;
  }
  #facturas.box-devoluciones .ver a .glyphicon {
    display: none;
  }
  #facturas.box-devoluciones .ver a:hover,
  #facturas.box-devoluciones .desca a:hover {
    background: #d84500;
  }
}
@media only screen and (max-width: 550px) {
  #facturas.box-devoluciones .buscador-box .buscar {
    width: 100%;
  }
  #facturas.box-devoluciones .buscador-box .buscar {
    margin-bottom: 10px;
  }
  #facturas.box-devoluciones .buscador-box .buscar .send-buscador {
    width: 70%;
  }
  #facturas.box-devoluciones .buscador-box .buscar .text-buscador {
    width: 30%;
  }
}
#perfil.devolucion-form h1 {
  margin-bottom: 0px;
  border: none;
  width: auto;
}
#perfil.devolucion-form .volver {
  background: #E20613;
  color: #ffffff;
  padding: 8px 15px;
  float: right;
  margin-top: 40px;
}
#perfil.devolucion-form .volver:hover {
  background: #d84500;
}
#perfil.devolucion-form .breadcrumbs {
  border-bottom: 1px solid #888;
}
#perfil.devolucion-form #wrapper .finalizar-compra .input-box {
  position: relative;
}
#perfil.devolucion-form #wrapper .finalizar-compra .input-box label {
  position: absolute;
  width: 125px;
}
#perfil.devolucion-form #wrapper .finalizar-compra .input-box input {
  width: 100%;
  padding-left: 140px;
}
#perfil.devolucion-form .tit {
  font-size: 25px;
  color: #d84500;
  margin-bottom: 25px;
  font-family: 'Montserrat', sans-serif;
  border-bottom: 1px dotted #777;
  padding-bottom: 10px;
  margin-bottom: 20px;
  margin-top: 40px;
  text-transform: uppercase;
}
#perfil.devolucion-form .tit-p {
  color: #ffffff;
  text-transform: uppercase;
}
#perfil.devolucion-form .input-box p {
  color: #ffffff;
}
#perfil.devolucion-form #wrapper .finalizar-compra input {
  font-size: 13px;
  font-family: 'Montserrat', sans-serif;
}
#perfil.devolucion-form .falla,
#perfil.devolucion-form .prod,
#perfil.devolucion-form .cant,
#perfil.devolucion-form .fecha,
#perfil.devolucion-form .agregar {
  margin-right: 0.5%;
}
#perfil.devolucion-form #wrapper .finalizar-compra .falla {
  font-size: 13px;
  font-family: 'Montserrat', sans-serif;
  color: #636363;
  padding: 5px 12px;
}
#perfil.devolucion-form #wrapper .finalizar-compra .prod {
  width: 39%;
}
#perfil.devolucion-form #wrapper .finalizar-compra .cant {
  width: 7%;
}
#perfil.devolucion-form #wrapper .finalizar-compra .falla {
  width: 24%;
}
#perfil.devolucion-form #wrapper .finalizar-compra .fecha {
  width: 11%;
}
#perfil.devolucion-form #wrapper .finalizar-compra .agregar {
  width: 14%;
  background: #E20613;
  color: #ffffff;
  border: 1px solid #E20613;
  float: right;
}
#perfil.devolucion-form #wrapper .finalizar-compra .agregar:hover {
  background: #d84500;
  border: 1px solid #d84500;
}
#perfil.devolucion-form #wrapper .finalizar-compra .selec-vendor {
  font-size: 13px;
  font-family: 'Montserrat', sans-serif;
  color: #636363;
  padding: 5px 12px;
  width: 100%;
}
#perfil.devolucion-form #wrapper .finalizar-compra .sep {
  border-bottom: 1px dotted #777;
  padding-bottom: 30px;
  margin-bottom: 30px;
}
#perfil.devolucion-form #wrapper .finalizar-compra textarea {
  font-size: 13px;
  font-family: 'Montserrat', sans-serif;
  color: #636363;
  width: 100%;
  margin-top: 15px;
  height: 100px;
  padding: 15px;
}
#perfil.devolucion-form #wrapper .finalizar-compra .enviar-f {
  margin-right: 0px;
  background: #333;
  color: #ffffff;
  font-weight: 700;
  border: 1px solid #333;
  margin-top: 15px;
  width: 250px;
}
#perfil.devolucion-form #wrapper .finalizar-compra .prod-dev {
  background: rgba(51, 51, 51, 0.34);
  margin-top: 10px;
  display: inline-block;
  width: 100%;
}
#perfil.devolucion-form #wrapper .finalizar-compra .prod-dev div {
  display: inline-block;
  color: #ffffff;
  padding: 15px;
}
#perfil.devolucion-form #wrapper .finalizar-compra .prod-dev a {
  display: inline-block;
  color: #ffffff;
  padding: 15px;
  text-align: center;
  background: transparent;
  color: red;
  border: none;
  cursor: pointer;
}
#perfil.devolucion-form #wrapper .finalizar-compra .prod-dev a:hover {
  background: transparent;
  border: none;
  font-weight: 700;
}
@media only screen and (max-width: 991px) {
  #perfil.devolucion-form #wrapper .finalizar-compra .prod {
    width: 75%;
  }
  #perfil.devolucion-form #wrapper .finalizar-compra .cant {
    width: 24%;
  }
  #perfil.devolucion-form #wrapper .finalizar-compra .falla {
    width: 49%;
  }
  #perfil.devolucion-form #wrapper .finalizar-compra .fecha {
    width: 50%;
  }
  #perfil.devolucion-form .falla,
  #perfil.devolucion-form .prod,
  #perfil.devolucion-form .cant,
  #perfil.devolucion-form .fecha,
  #perfil.devolucion-form .agregar {
    margin-top: 15px;
  }
}
@media only screen and (max-width: 991px) {
  #perfil.devolucion-form .falla,
  #perfil.devolucion-form .prod,
  #perfil.devolucion-form .cant,
  #perfil.devolucion-form .fecha,
  #perfil.devolucion-form .agregar {
    margin: 0px;
    margin-top: 15px;
    width: 100%!important;
  }
}
.marg-top {
  margin-top: 40px;
}
.repa {
  text-align: center;
}
.contacto-box-mod {
  display: inline-block;
  float: left;
  width: 100%;
}
/*=====================================================================
SUCURSALES:
======================================================================*/
#sucursales #wrapper #content {
  background: #f2f2f2;
}
#sucursales #wrapper .box-principal {
  text-align: center;
  padding: 80px 0px;
}
#sucursales #wrapper .box-sucursal {
  background: #ffffff;
  display: inline-block;
  width: 100%;
  margin-top: 25px;
  position: relative;
  -webkit-box-shadow: 2px 2px 7px 0px rgba(0, 0, 0, 0.25);
  -moz-box-shadow: 2px 2px 7px 0px rgba(0, 0, 0, 0.25);
  box-shadow: 2px 2px 7px 0px rgba(0, 0, 0, 0.25);
}
#sucursales #wrapper .box-sucursal .box-1 {
  width: 50%;
  float: left;
  height: 200px;
  overflow: hidden;
}
#sucursales #wrapper .box-sucursal .box-1 .fluid-width-video-wrapper {
  height: 100%;
}
#sucursales #wrapper .box-sucursal .box-2 {
  width: 50%;
  float: left;
  display: table;
  height: 100%;
  height: 200px;
  overflow: hidden;
}
#sucursales #wrapper .box-sucursal .box-2 .titulo {
  padding: 35px;
  margin: 0px;
  text-align: left;
  display: table;
  vertical-align: middle;
  display: table-cell;
}
#sucursales #wrapper .box-sucursal .box-2 .titulo b {
  color: #E20613;
  font-weight: 700;
  font-size: 18px;
}
#sucursales #wrapper .box-sucursal .box-2 .titulo span {
  font-weight: 500;
}
#sucursales .tit-sucursales {
  font-size: 30px;
  margin-bottom: 16px;
  color: #666;
  font-weight: 300;
}
@media only screen and (max-width: 991px) {
  #sucursales #wrapper .box-sucursal .box-1,
  #sucursales #wrapper .box-sucursal .box-2 {
    width: 100%;
  }
  #sucursales #wrapper .box-sucursal .box-2 {
    display: inline-block;
    height: initial;
  }
  #sucursales #wrapper .box-sucursal .box-2 .titulo {
    display: inline-block;
  }
}
/*=====================================================================
CERTIFICACION:
======================================================================*/
#certificaciones #wrapper #content {
  background: #f2f2f2;
}
#certificaciones #wrapper .box-principal {
  text-align: center;
  padding: 80px 0px;
}
#certificaciones #wrapper .box-certificacion {
  background: #ffffff;
  display: inline-block;
  width: 100%;
  margin-top: 25px;
  position: relative;
  -webkit-box-shadow: 2px 2px 7px 0px rgba(0, 0, 0, 0.25);
  -moz-box-shadow: 2px 2px 7px 0px rgba(0, 0, 0, 0.25);
  box-shadow: 2px 2px 7px 0px rgba(0, 0, 0, 0.25);
}
#certificaciones #wrapper .box-certificacion .box-1 {
  width: 30%;
  padding: 35px;
  display: table;
  vertical-align: middle;
  display: table-cell;
  border-right: 1px solid #d9d9d9;
}
#certificaciones #wrapper .box-certificacion .box-1 img {
  margin: 5px;
  display: inline-block;
}
#certificaciones #wrapper .box-certificacion .box-2 {
  width: 70%;
  padding: 35px 45px;
  margin: 0px;
  text-align: left;
  display: table;
  vertical-align: middle;
  display: table-cell;
}
#certificaciones #wrapper .box-certificacion .box-2 a {
  background: #636363;
  color: #ffffff;
  padding: 7px 25px;
  float: left;
}
#certificaciones #wrapper .box-certificacion .box-2 a:hover {
  background: #E20613;
}
#certificaciones #wrapper .box-certificacion .box-2 h2 {
  font-weight: 700;
  font-size: 28px;
}
#certificaciones .tit-sucursales {
  font-size: 30px;
  margin-bottom: 16px;
  color: #666;
  font-weight: 300;
}
@media only screen and (max-width: 991px) {
  #certificaciones #wrapper .box-certificacion .box-1 {
    padding-bottom: 0px;
  }
  #certificaciones #wrapper .box-certificacion .box-1,
  #certificaciones #wrapper .box-certificacion .box-2 {
    width: 100%;
    border: none;
    text-align: center;
    display: inline-block;
  }
  #certificaciones #wrapper .box-certificacion .box-1 img {
    max-width: 180px;
  }
  #certificaciones #wrapper .box-certificacion .box-2 h2 {
    line-height: 30px;
  }
  #certificaciones #wrapper .box-certificacion .box-2 {
    display: inline-block;
    height: initial;
    padding: 25px;
    padding-bottom: 40px;
  }
  #certificaciones #wrapper .box-certificacion .box-2 .titulo {
    display: inline-block;
  }
  #certificaciones #wrapper .box-certificacion .box-2 .texto {
    line-height: 24px;
  }
  #certificaciones #wrapper .box-certificacion .box-2 a {
    float: initial;
  }
}
.desc-pdf .pdf {
  border: 1px solid #e5e5e5;
  background: #e8e6e6;
  display: inline-block;
  padding: 7px 20px;
  margin-bottom: 25px;
  margin-top: 25px;
  color: #666;
  line-height: 40px;
}
.desc-pdf .pdf:hover {
  background: #fff;
}
.desc-pdf .pdf img {
  margin-right: 5px;
}
/*DISTRIBUIDORES*/
.box-distribuidores {
  position: relative;
  margin-top: -18px;
  float: left;
  width: 100%;
}
.buscar-loc {
  position: absolute;
  left: 0px;
  top: 25px;
  z-index: 100;
}
.buscar-loc .box {
  background: #000;
  float: left;
  padding: 25px 25px 18px 25px;
}
.buscar-loc .box h2,
input {
  float: left;
  border-radius: 0px!important;
  margin: 0px;
}
.buscar-loc .box-input {
  margin-left: 15px;
  position: relative;
  float: left;
  width: 350px;
}
.buscar-loc .box-input .boton-buscar {
  position: absolute;
  right: 10px;
  background: none;
  border: none;
  color: #E20613;
  top: 5px;
}
.buscar-loc .box h2 {
  color: #ffffff;
  font-size: 29px;
}
.buscar-loc .quiero-ser {
  background: #E20613;
  color: #ffffff;
  padding: 10px 28px;
  float: left;
  clear: right;
  clear: left;
}
.buscar-loc .quiero-ser:hover {
  background: #d84500;
}
#distribuidor-modulo #footer .fondo {
  background: #fff;
}
#distribuidor .modal-body {
  background: #E20613;
  display: inline-block;
  width: 100%;
  padding: 40px;
  border: 1px solid #fff;
}
#distribuidor .modal-body h1 {
  color: #ffffff;
  font-size: 25px;
  margin-bottom: 0px;
  font-weight: 300;
}
#distribuidor .modal-body p {
  color: #ffffff;
  font-size: 16px;
  font-weight: 300;
}
#distribuidor .modal-body label {
  color: #ffffff;
  margin-top: 15px;
  font-weight: 300;
}
#distribuidor .modal-body textarea {
  height: 100px;
}
#distribuidor .modal-body .enviar {
  width: 200px;
  float: right;
  background: #d84500;
  color: #ffffff;
  border: none;
}
#distribuidor .modal-body .enviar:hover {
  background: #000;
}
@media only screen and (max-width: 767px) {
  .buscar-loc {
    width: 100%;
  }
  .buscar-loc .box {
    width: 100%;
  }
  .buscar-loc .box-input {
    width: 100%;
    margin-left: 0px;
  }
  .buscar-loc .box h2 {
    font-size: 22px;
  }
}
#div_alert_ok {
  opacity: 1!important;
}

#catalogo.carrito .cupon {
  margin-right: 15px;
  background: #fff;
  border: 1px solid #DFDFDF;
  float: right;
  width: 30%;
  margin-top: 25px;
  min-width: 300px;
}
#catalogo.carrito .cupon .desc {
  font-size: 15px;
  color: #636363;
}
.sub-total .desc {
  font-size: 15px;
  color: #F44336!important;
}
#catalogo.carrito .cupon .box {
  padding: 20px;
  text-align: right;
}
#catalogo.carrito .cupon .box .subt {
  color: #636363;
  font-size: 18px;
  margin-bottom: 8px;
  color: #838383;
}
#catalogo.carrito .cupon .box .desc {
  font-size: 15px;
  margin-bottom: 15px;
  color: #838383;
}
#catalogo.carrito .cupon .box input {
  padding: 5px 15px;
  background: #ECECEC;
  border: 1px solid #DFDFDF;
  margin-bottom: 15px;
}
#catalogo.carrito .cupon .box .aplicar {
  background: #4CAF50;
  color: #f5f5f5;
  width: 30%;
  display: inline-block;
  cursor: pointer;
}
#catalogo.carrito .cupon .box .aplicar:hover {
  background: rgb(233, 13, 13);
}
#catalogo.carrito .cupon .box .codigo {
  width: 65%;
  display: inline-block;
}

@media only screen and (max-width: 991px) {
  #catalogo.carrito .cupon {
    margin-right: 0px;
    float: right;
  }
}



/* */

/* width */
::-webkit-scrollbar { width: 8px;}
/* Track */
::-webkit-scrollbar-track { background: #f5f5f5; }
 /* Handle */
::-webkit-scrollbar-thumb {background: rgb(66,66,66);
background: linear-gradient(0deg, rgba(66,66,66,1) 0%, rgba(130,130,130,1) 100%); .radd (@radd:0px); }
/* Handle on hover */
::-webkit-scrollbar-thumb:hover { background: #999; }

#home header {position: absolute!important;}
#home #header-wrap {height: 100px!important;}
#home #content {background: #fff;}
#home .content-wrap {padding-top: 0px;}


header #primary-menu {margin-right: 0px!important;width: 100%;text-align: center;}
header #primary-menu .navegacion-principal {display: block;float: initial;}
header #primary-menu .no-responsivo, header #primary-menu #logo {float:left;}
header #primary-menu .no-responsivo {}
header #primary-menu ul li > a {text-transform: initial;}
header #primary-menu ul li.current > a {text-transform: initial;padding:50px 0px;padding-bottom:15px;font-weight: 400}
header #primary-menu ul li.current > a:hover {color:#E20613;}
header #logo img {  width: 230px;  padding: 0px;}
header #header-wrap #top-search {margin-left:0px;}
header #top-cart a span {background:#E20613;top:0px; width: 16px;  height: 16px;font-size:11px;    line-height: 17px;    right: -11px;}
#header.sticky-header #logo img {    width: 160px;    margin-top: 0px;}
.top-search-open #top-search .img-lupa {display: none}
header #top-search a i.icon-line-cross {font-size: 19px!important;  margin-left: 10px;}

header #primary-menu ul li .sub-menu a {padding: 12px 15px; font-size:15px;margin-right:0px;}
.dark #primary-menu:not(.not-dark) ul ul, .dark #primary-menu:not(.not-dark) ul li .mega-menu-content, #primary-menu.dark ul ul {background:  rgba(255,255,255,1);    border-top: 2px solid #E20613;}
#primary-menu ul ul:not(.mega-menu-column), #primary-menu ul li .mega-menu-content {min-width: 270px!important;}

body.top-search-open #top-search a i.icon-line-cross {top: 2px;}
#header.sticky-header:not(.static-sticky) #top-search {margin-top:22px!important;}
#header.sticky-header #primary-menu ul li > a {padding: 24px 0px;font-size:13px;}
#header.sticky-header #primary-menu ul li ul li a {padding: 8px 25px;}
#header.sticky-header .redes a span {display: none;}
#header.sticky-header .redes a img {margin:0px;}

header #seleccionado {color:#636363!important; font-weight: 700}
header #seleccionado:hover {color:#E20613!important;}


.idioma {width: 70px!important;position: absolute; right: 0px; top: 20px;z-index: 200;}
.idioma button { background: #F7F7F7; border: 1px solid #ccc; border-right: 0px; font-size: 12px;border-radius: 0px; -webkit-border-top-left-radius: 10px;-webkit-border-bottom-left-radius: 10px;-moz-border-radius-topleft: 10px;-moz-border-radius-bottomleft: 10px;border-top-left-radius: 10px;border-bottom-left-radius: 10px;}
.idioma .dropdown-toggle::after { border-top: 0.3em solid rgba(150, 150, 150, 0.5);    margin-left: 0px;    vertical-align: 2px;    display: inline-block;    width: 0;    height: 0;    margin-left: 0.255em;    vertical-align: 0.255em;    content: "";    border-top: 0.3em solid;    border-right: 0.3em solid transparent;    border-bottom: 0;    border-left: 0.3em solid transparent;}
.idioma .dropdown-menu {padding: 0px;    margin: 0px;transform: initial!important; top: 32px!important;}
.idioma .dropdown-toggle a {    margin: 0px 3px;    font-size: 15px;    color: #ffffff;    opacity: 1.0;    filter: alpha(opacity=100);}
.idioma .dropdown-menu a .dropdown-item-inner  {font-size: 13px!important;}


#nav-catalogo-header.categorias-catalogo .dropdown-item, #nav-panel-header.categorias-catalogo .dropdown-item  {padding: 0px;}
#nav-catalogo-header.categorias-catalogo .box-categorias > ul, #nav-panel-header.categorias-catalogo .box-categorias > ul{margin:0px;}
#nav-catalogo-header.categorias-catalogo .btn-secondary, #nav-panel-header.categorias-catalogo .btn-secondary{font-size:12px;}
#nav-catalogo-header.categorias-catalogo .dropdown-item, #nav-panel-header.categorias-catalogo .dropdown-item {font-size:12px;}
#nav-catalogo-header.categorias-catalogo a, #nav-panel-header.categorias-catalogo a {padding:10px 0px;}

.btn-secondary:focus, .btn-secondary.focus {
    box-shadow: 0 0 0 0.2rem rgba(108, 117, 125, 0.0);
}

header .primary-menu-trigger-login {display: none;position: absolute;right:25px; top:25px; font-size:25px; color:#999;cursor: pointer;}
header #primary-menu-trigger-menu {display: none;position: absolute;left: 25px; top: 25px;font-size:25px; color:#999;cursor: pointer;}
header .primary-menu-trigger-login:hover, header #primary-menu-trigger-menu:hover { color:#E20613;}

@media only screen and (max-width: 991px) {
  header .primary-menu-trigger-login, header #primary-menu-trigger-menu {top: 20px;}
}


#header.sticky-header .primary-menu-trigger-login, #header.sticky-header #primary-menu-trigger-menu {top:15px;} 
#header.sticky-header .primary-menu, #header.sticky-header #primary-menu .navegacion-principal{    height: 70px;}

@media only screen and (max-width: 1450px) {
  header #primary-menu {margin-right: 45px}
}
@media only screen and (max-width: 1199px) {
  header #primary-menu {margin-right: 7%}
  header .container {max-width: 100%;}
  #primary-menu ul li.current > a {font-size: 15px!important;}
  header .redes {display: none;}
  header .navegacion-principal .no-responsivo {display: none!important;}
  header #primary-menu-trigger-menu, header .primary-menu-trigger-login {display: block!important; opacity: 1;}
  header #primary-menu-trigger {font-size: 26px;    top: 20px;    left: 15px;}
  header #logo img {width: 200px;}
}

@media only screen and (max-width: 991px) {
  #home #header-wrap {height: 110px!important;} 
  #home header {position: initial!important;}
  #primary-menu ul li a {font-size: 15px!important;}
  header #primary-menu {margin-right: 7%}
  header .container {max-width: 100%;}
  .idioma {right: 19px; top: -5px;}
  .idioma button {border: 1px solid #ccc;border-radius: 0px;border-bottom-right-radius: 10px;border-bottom-left-radius: 10px;}
  #header.transparent-header, #header.semi-transparent {border: none!important;}
}


@media only screen and (max-width: 991px) {
   header #header-wrap #primary-menu {padding:0px;}
  header #header-wrap #primary-menu #top-search a {margin: 27px 12px 0px 0px !important}
  #header {position: initial!important;}
  header .categorias-responsive {background:#f5f5f5}
  header .categorias-responsive a {font-size:16px;}
  header .navegacion-principal .h-empresa {border-bottom: 1px solid #eee!important;}
  header #header-wrap {min-height: 90px;}
  header #logo a img {width:155px;}
  header .info-gral {margin-top:110px;}
}  

/******************** 
REDES
********************/


  #header .redes {float:left; background: #F7F7F7;  -webkit-transition: all 0.4s ease !important;  -moz-transition: all 0.4s ease !important;  -o-transition: all 0.4s ease !important;  transition: all 0.4s ease infinite !important;border: 1px solid #CCCCCC;border-top:none; float:right; right:15px;z-index: 1;  position: absolute;-webkit-border-bottom-right-radius: 20px;-webkit-border-bottom-left-radius: 20px;-moz-border-radius-bottomright: 20px;-moz-border-radius-bottomleft: 20px;border-bottom-right-radius: 20px;border-bottom-left-radius: 20px;}
  #header .redes:hover {background: #E20613; color:#fff;  -webkit-transition: all 0.4s ease !important;  -moz-transition: all 0.4s ease !important;  -o-transition: all 0.4s ease !important;  transition: all 0.4s ease infinite !important;}
  #header .redes:hover a {color:#fff;}
  #header .redes:hover a img {filter: brightness(500%);-webkit-filter: brightness(500%);-moz-filter: brightness(500%);}

  #header .redes a { font-size:10px;position: relative;width: 20px;color:#666;letter-spacing: 1px;     padding: 4px 25px 11px 25px; float: left; width: 100%;}
  #header .redes a span {margin-top: 6px;float: left; font-weight: 400}
  #header .redes a img {width: 12px;float:left;margin-right: 9px;    margin-top: 5px;}
  #header .redes a:hover img {}
  

  #header .redes .instagram img {width: 18px;}
  #header .redes .linkedin img {width: 16px;}
  #header .redes .facebook img {width: 16px;}
  #header .redes .youtube img {width: 20px;}
  #header .redes .twitter img {width: 19px;}
  #header .redes .idioma {background: transparent;}
  #header .redes ::-webkit-scrollbar-thumb,.redes ::-webkit-scrollbar-track,.dropdown-item:hover, .dropdown-item:focus {background: transparent;}
  #header .redes .btn-light:focus, .btn-light.focus, .redes .bootstrap-select .dropdown-toggle:focus { box-shadow: none!important; border:none!important;outline:none!important}

  #header .secciones-izquierda li a {margin:0px;margin-right:40px;}
  #header .secciones-derecha li a {margin:0px;margin-left:40px;}
  #header .navegacion-principal #logo {margin:0px;}

  body.device-touch #side-panel .side-panel-wrap {    overflow-x: hidden;}


    @media (max-width: 991px) {
      #header .redes .bootstrap-select.btn-group > .dropdown-toggle {margin:0px!important; border:none!important;}
      #header .nav-mod-responsivo .redes {width: 100%; float:left;position: initial; background: transparent; border:none;text-align: center;}
      #header .nav-mod-responsivo .redes a {display: inline-block;}
    } 
    @media (max-width: 500px) {
      #header .redes {background: transparent; border:none;  top: 40px;padding:0px;}
        #header .redes .instagram img {width: 20px;}
          #header .redes .facebook img {width: 18px;}
    } 



.fade-top {background: url(../imagenes/slider/fade-top.png) top center repeat-x; position: absolute;top:0px;width: 100%; height: 350px;z-index: 1; background-size:100% 100%;}
.fade-top.responsive {display: none;} 
.fade-bottom {background: url(../imagenes/slider/fade-bottom.png) bottom center repeat-x; position: absolute;bottom:-1px;width: 100%; height: 250px;z-index: 10;background-size:100% 100%;}

.slider-corte-bajo,.slider-corte-alto,.slider-corte-bajo-2,.slider-corte-alto-2,.slider-corte-bajo-blanco,.slider-corte-alto-blanco,.slider-corte-bajo-2-blanco,.slider-corte-alto-2-blanco,.slider-corte-bajo-gris,.slider-corte-alto-gris,.slider-corte-bajo-2-gris,.slider-corte-alto-2-gris,.slider-corte-bajo-naranja {position: relative;z-index: 2}

.slider-corte-bajo {background: url(../imagenes/base/miscelanea-1.webp) no-repeat center top;width: 100%; height: 25px;float:left;background-size:100% 100%;  z-index: 10;    margin-bottom: -2px;}
.slider-corte-alto {background: url(../imagenes/base/miscelanea-2.webp) no-repeat center top;width: 100%; height: 25px;float:left;background-size:100% 100%;  z-index: 10;    margin-bottom: -2px;}
.slider-corte-bajo-2 {background: url(../imagenes/base/miscelanea-4.webp) no-repeat center top;width: 100%; height: 25px;float:left;background-size:100% 100%;  z-index: 10;    margin-bottom: -2px;}
.slider-corte-alto-2 {background: url(../imagenes/base/miscelanea-3.webp) no-repeat center top;width: 100%; height: 25px;float:left;background-size:100% 100%;  z-index: 10;    margin-bottom: -2px;}

.slider-corte-bajo-blanco {background: url(../imagenes/base/miscelanea-1b.webp) no-repeat center top;width: 100%; height: 25px;float:left;background-size:100% 100%;  z-index: 10;    margin-bottom: -2px;}
.slider-corte-alto-blanco {background: url(../imagenes/base/miscelanea-2b.webp) no-repeat center top;width: 100%; height: 25px;float:left;background-size:100% 100%;  z-index: 10;    margin-bottom: -2px;}
.slider-corte-bajo-2-blanco {background: url(../imagenes/base/miscelanea-4b.webp) no-repeat center top;width: 100%; height: 25px;float:left;background-size:100% 100%;  z-index: 10;    margin-bottom: -2px;}
.slider-corte-alto-2-blanco {background: url(../imagenes/base/miscelanea-3b.webp) no-repeat center top;width: 100%; height: 25px;float:left;background-size:100% 100%;  z-index: 10;    margin-bottom: -2px;}


.slider-corte-bajo-gris {background: url(../imagenes/base/miscelanea-1g.webp) no-repeat center top;width: 100%; height: 25px;float:left;background-size:100% 100%;  z-index: 10;    margin-bottom: -2px;}
.slider-corte-alto-gris {background: url(../imagenes/base/miscelanea-2g.webp) no-repeat center top;width: 100%; height: 25px;float:left;background-size:100% 100%;  z-index: 10;    margin-bottom: -2px;}
.slider-corte-bajo-2-gris {background: url(../imagenes/base/miscelanea-4g.webp) no-repeat center top;width: 100%; height: 25px;float:left;background-size:100% 100%;  z-index: 10;    margin-bottom: -2px;}
.slider-corte-alto-2-gris {background: url(../imagenes/base/miscelanea-3g.webp) no-repeat center top;width: 100%; height: 25px;float:left;background-size:100% 100%;  z-index: 10;    margin-bottom: -2px;}

.slider-corte-bajo-naranja {background: url(../imagenes/base/miscelanea-1n.webp) no-repeat center top;width: 100%; height: 25px;float:left;background-size:100% 100%;  z-index: 10;    margin-bottom: -2px;}


@media only screen and (max-width: 1199px) {
.slider-corte-bajo,.slider-corte-alto,.slider-corte-bajo-2,.slider-corte-alto-2,.slider-corte-bajo-blanco,.slider-corte-alto-blanco,.slider-corte-bajo-2-blanco,.slider-corte-alto-2-blanco,.slider-corte-bajo-gris,.slider-corte-alto-gris,.slider-corte-bajo-2-gris,.slider-corte-alto-2-gris,.slider-corte-bajo-naranja {background-size:cover;}
.slider-corte-bajo {z-index: 200}
} 


@media only screen and (max-width: 991px) {
  #logo {height: initial!important;}
  .fade-top.no-responsive {display: none}
  .fade-top, .fade-bottom {height: 100px;}
}  


/* SLIDER */

#slider, .swiper-slide {max-height: 680px!important; height: 680px!important}
#slider .container {height: initial!important;}
.slider-arrow-left, .slider-arrow-right {background: transparent;z-index: 10}
.slider-mod-img {position: absolute!important;text-align: left!important;max-width: 100%!important;width: 100%!important; margin-top:25px!important;}
.slider-mod-img img {max-width: 400px!important;}
.slider-mod-img b {width: 100%;text-align: left; line-height: 30px; color: #606060; font-weight: 700; font-size: 28px;line-height: 35px; display: inline-block;font-family: 'Montserrat', sans-serif; letter-spacing: 0px;}
.slider-mod-img a {background: #606060; color:#fff;    font-size: 18px;    letter-spacing: 1px;    padding: 7px 35px;   display: inline-block;    margin-top: 15px;}
.slider-mod-img a strong {font-weight: 700;}
.slider-mod-img a:hover {background: #E20613}
#slider .slider-caption.slider-caption-center {left:15px;}


@media only screen and (max-width: 1199px) {
  #slider, .swiper-slide {max-height: 500px!important; height: 500px!important}
  #slider .slider-mod-img {text-align: center!important;}
  #slider .slider-mod-img b {text-align: center; font-size:24px;line-height:25px; }
  #slider .slider-mod-img a {font-size:17px; padding: 5px 35px;}
  #slider .slider-caption.slider-caption-center {left:0px;}
}


@media only screen and (max-width: 991px) {
  #slider, .swiper-slide {max-height: 400px!important; height: 400px!important}
  .slider-mod-img {margin-top: -30px!important;}
  .slider-mod-img span {font-size:20px;line-height: 22px;}
   #slider .slider-mod-img {padding:0 15px;}
   #slider .slider-mod-img b {text-align: center; font-size:21px;line-height:21px; }
   #slider .slider-mod-img a {font-size:15px; padding: 5px 25px;line-height: 18px;}

}
@media only screen and (max-width: 767px) {
  .fade-top, .fade-bottom {height: 100px; display: none!important;}
  #slider, .swiper-container {height: 500px;}
  .slider-1 img {max-width: 250px;}
  #home #wrapper .swiper_wrapper, #home #wrapper .swiper-slide {height: 450px!important;}
}  

/************ CPA *************/

/* BOTONERA INICIO */ 

@media only screen and (min-width: 991px) {
  .botonera-inicio {margin-top:50px; margin-bottom:50px; float:left; width: 100%}
}
.botonera-inicio .box {border:1px dashed #ccc;float:left;width: 100%;text-align: center;padding:15px 25px;     line-height: 43px;  margin-top:15px;height: 75px; -webkit-transition: all .3s ease;    -o-transition: all .3s ease;    transition: all .3s ease;  }
.botonera-inicio .box img {width: 35px;display: inline-block;margin-right:10px;}
.botonera-inicio .box b {display: inline-block;color:#888;font-size:15px;}

.botonera-inicio .box:hover {background: #E20613;}
.botonera-inicio .box:hover img, .botonera-inicio .box:hover b, .botonera-inicio .box.box-principal:hover span { -webkit-transition: all .3s ease;    -o-transition: all .3s ease;    transition: all .3s ease;  filter: brightness(2200%);-webkit-filter: brightness(2200%);-moz-filter: brightness(2200%);}

.botonera-inicio .box.box-principal {background: #eee;border:1px solid #ccc;padding:36px 25px;height: initial;line-height: 18px;} 
.botonera-inicio .box.box-principal:hover {background: #E20613;}

.botonera-inicio .box.box-principal img {width: 115px;margin-bottom:15px;}
.botonera-inicio .box.box-principal b {font-size:17px;font-weight: 700; float:left; width: 100%; text-align: center;}
.botonera-inicio .box.box-principal span {color:#888; font-size:15px;float:left; width: 100%; text-align: center;}


/* ULTIMAS NOTICIAS */

@media only screen and (min-width: 991px) {
  .ultimas-noticias {float:left; width: 100%; margin-bottom:40px;}
}

.ultimas-noticias .titulo-box {font-size:18px; color:#999;float:left; text-align: center;width: 100%;font-weight: 400; margin-bottom:50px;}
.ultimas-noticias .titulo-box b {font-weight: 700; color:#E20613;}

.ultimas-noticias .box-noticia {background: #eee;padding:35px;float:left; width: 100%; margin-bottom:35px;text-align: left;}
.ultimas-noticias .box-noticia img {width: 100%;}
.ultimas-noticias .box-noticia i {font-size:13px;letter-spacing: 1px;}
.ultimas-noticias .box-noticia p {height: 40px;font-size:14px;font-weight: 400;color:#999;overflow: hidden; line-height: 21px!important;margin-top:5px;}
.ultimas-noticias .box-noticia a {background: #999; color:#fff;padding:6px 35px;font-size:13px;margin-bottom:5px;float:left;}
.ultimas-noticias .box-noticia a:hover {background: #E20613}

@media only screen and (max-width: 1199px) {
  .ultimas-noticias .box-noticia {padding: 25px;}
}


.modulo-contactate {float:left; width: 100%; margin-bottom:50px;}

.sub-footer {float:left; width: 100%;text-align: center;background: #fff }
.sub-footer .fondo {background: #E20613;color:#fff;padding:40px 25px;font-size:16px;letter-spacing: 2px; line-height: 25px;font-weight: 400}
.sub-footer .fondo a {color:#fff; font-weight: 700;}
.sub-footer .fondo a:hover {color:#ff9399;}


#footer {background: #fff;}
#footer .box {float: left;    width: 100%;    margin-bottom: 15px;margin-top:15px;}
#footer .tarjetas i {float:left; margin-right:10px; margin-top:5px;font-style: initial;}
#footer .tarjetas img {width: 235px;}
#footer .tarjetas {margin-top:30px;margin-bottom:15px;margin-right:15px;float:left;}
#footer .end-footer-box {margin-bottom:30px;}
#footer .redes {position: relative;width: 100%; float: left;}
#footer .redes span {position: relative; width:20px;float:left;margin-left:9px;-webkit-transition: all 0.3s ease;  -o-transition: all 0.3s ease;  transition: all 0.3s ease;}
#footer .redes span:hover {   -webkit-transition: all 0.3s ease;  -o-transition: all 0.3s ease;  transition: all 0.3s ease;    transform: rotate(-15deg);}
#footer .redes .youtube span {width: 23px;}

#footer .desarrollo span {margin:0px 25px;}
#footer .logo {  filter: grayscale(1);opacity: 0.15; max-width: 230px;width: 100%; float:right;}

@media only screen and (max-width: 1199px) {
  .botonera-inicio .box b {font-size:14px;}
  .botonera-inicio .box.box-principal b {font-size:16px;}
  .botonera-inicio .box.box-principal span {font-size:14px;}
}
@media only screen and (max-width: 991px) {
  .botonera-inicio {margin-top:30px;}
  .ultimas-noticias .titulo-box {margin-top:45px;}
  #footer .desarrollo span {margin: 0px 5px}
  #footer .logo { display: inline-block;   max-width: 150px;margin:30px 0px;}
  #footer .tarjetas {    text-align: center; width: 100%; margin:0px; margin-bottom:25px; }
  #footer .tarjetas i {width: 100%; text-align: center; display: inline-block;}
  #footer .tarjetas i {margin-bottom:15px;}
  #footer .tarjetas img {display: inline-block;}

}

  .accesos-directos-box.mobile-v {    display: none;  }
  .accesos-directos {  margin-bottom:0px;  position: fixed;    right: 15px;    bottom: 0%;    z-index: 1000;    -webkit-transition: all 0.3s ease;    -moz-transition: all 0.3s ease;    -o-transition: all 0.3s ease;    transition: all 0.3s ease infinite;  }
  .accesos-directos .box-tool {   float: right;    clear: right;  }
  .accesos-directos a, .accesos-directos #gotoTop { height:34px; margin-bottom:0px;   background: #6AB824;    float: left;    padding: 5px 20px;    color: #fff;    font-size: 14px;    border-radius: 5px 5px 0px 0px;    -moz-border-radius: 5px 5px 0px 0px;    -webkit-border-radius: 5px 5px 0px 0px;    -webkit-transition: all 0.3s ease;    -moz-transition: all 0.3s ease;    -o-transition: all 0.3s ease;    transition: all 0.3s ease infinite;    width: 100%;    font-weight: 300;  }
  .accesos-directos a span {float: right; margin-top: 2px;  }

  .accesos-directos a:hover {background: #56941d !important; -webkit-transition: all 0.3s ease;    -moz-transition: all 0.3s ease;    -o-transition: all 0.3s ease;    transition: all 0.3s ease infinite;    -webkit-transition: all 0.3s ease !important;    -moz-transition: all 0.3s ease !important;    -o-transition: all 0.3s ease !important;   transition: all 0.3s ease infinite !important;  }
  .accesos-directos a img {width: 20px;}
  .accesos-directos #gotoTop {position: initial; font-size: 32px; line-height: 21px;  }
 
.accesos-directos .whatsapp-box {width: 165px!important; margin-right: 10px;}
.accesos-directos .box {padding: 5px 12px;background: @cg1!important; border:1px solid @cg1;}
.accesos-directos .box:hover {background: #555!important;}

  @media (max-width: 991px) {
    .accesos-directos-box {      display: none;    }
    .accesos-directos-box.mobile-v {      display: inline-block !important;    }
  }


/* BLOG  */

#capacitaciones.blog .content-wrap .tit {text-align: center;display: inline-block;width: 100%; margin-bottom:35px;margin-top: 40px;}
#capacitaciones.blog .content-wrap .tit b {width: 100%;font-size:26px;font-weight: 700; color:#E20613;}

#capacitaciones.blog #oc-campanas .producto .box span {width:100%; float:left; text-align: center; font-size:14px; color:#666; font-weight: 400; font-family: 'Montserrat', sans-serif; overflow: hidden; height: 20px;}
#capacitaciones.blog #oc-campanas .producto .box h2 {text-align: center;float:left; width: 100%;height: 21px; overflow: hidden; font-size:18px; color:#E20613; font-weight: 700;margin-bottom:2px;}
#capacitaciones.blog #oc-campanas .producto .box h3  {text-align: center;float:left; width: 100%; font-size:14px; color:#666; font-weight: 300;margin-bottom:0px; overflow: hidden; height: 20px;}

#capacitaciones.blog .box-prensa {cursor: initial;margin-bottom: 25px;}
#capacitaciones.blog .box-prensa .box {overflow: hidden; height: 150px; padding-bottom:0px; margin-bottom:25px;text-align: left;}
#capacitaciones.blog .box-prensa .box h2 {font-size:18px; font-weight: 300; line-height: 21px; height: initial; color:#666;text-align: left; margin-bottom: 15px;margin-top: 25px}
#capacitaciones.blog .box-prensa .box span {font-size:14px; font-weight: 300; text-align: left; font-family: 'Montserrat', sans-serif; color:#666;}
#capacitaciones.blog .box-prensa .box i {font-size:14px; font-family: 'Montserrat', sans-serif; font-style: italic;text-align: left;font-weight: 300;display: inline-block;}
#capacitaciones.blog .box-prensa .box i{display: inline-block;font-weight: 700; font-family: 'Montserrat', sans-serif;float:left;margin-bottom:5px;}  
#capacitaciones.blog .box-prensa a {float:right; font-weight: 700; color:#E20613;padding:25px;padding-top:0px; font-family: 'Montserrat', sans-serif;}
#capacitaciones.blog .box-prensa a:hover {color:#945413;}

.agrandar-foto .modal-content {background: transparent;border:none;background: transparent;}
#capacitaciones.blog .agrandar-foto .modal-body .close {color:@c0; background: rgba(0, 0, 0, 0.65);    padding: 5px 10px;}
#capacitaciones.blog .agrandar-foto .modal-body .close:hover {background: #E20613;}
#capacitaciones.blog .agrandar-foto .modal-body .close span {font-size:20px;}

  @media only screen and (max-width: 767px) {
    #capacitaciones.blog .box-prensa .box {height: initial;}
    #capacitaciones.blog #oc-campanas .producto .box span, #oc-campanas .producto .box h2, #oc-campanas .producto .box h3 {font-size:13px;}
    #capacitaciones.blog .box-prensa .box h2 {font-size:16px;}
    #capacitaciones.blog .box-prensa .box span {font-size:14px;}
    #capacitaciones.blog .productos {text-align: center;}
  }


  #capacitaciones.blog .capacitaciones-box {padding-top:60px;text-align: center;}
  #capacitaciones.blog .width-blog {max-width: 850px; display: inline-block;}
  #capacitaciones.blog .width-blog .volver a{float:right;margin-bottom:15px; font-family: 'Montserrat', sans-serif; font-size:15px; color: #666}
  #capacitaciones.blog .width-blog .volver:hover {color:#E20613;}
  #capacitaciones.blog .blog-detalle {background: #fff;margin-bottom: 70px; width: 100%; display: inline-block;    -webkit-box-shadow: 2px 2px 15px 0px rgba(0,0,0,0.25);    -moz-box-shadow: 2px 2px 15px 0px rgba(0,0,0,0.25);   box-shadow: 2px 2px 15px 0px rgba(0,0,0,0.25);}
  #capacitaciones.blog .blog-detalle .box {padding:50px;border:1px solid #eee;}
  #capacitaciones.blog .blog-detalle img {width: 100%}
  #capacitaciones.blog .blog-detalle h2 {color:#E20613; font-size:25px; text-align: left; line-height: 34px; margin-bottom:25px;}
  #capacitaciones.blog .blog-detalle p {font-size:16px; font-size:15px; text-align: left; line-height: 25px;}
  #capacitaciones.blog .blog-detalle i {display: inline-block;text-align: left; width: 100%; margin-bottom:15px; color:#E20613; font-size:17px; font-style: italic; font-family: 'Montserrat', sans-serif;}
  #capacitaciones.blog .blog-detalle a {background: #788061; font-weight: 300;color: #ffffff; padding: 8px 35px; font-size: 17px; display: inline-block;margin-bottom: 20px; .ft2; float:right;}
  #capacitaciones.blog .blog-detalle a:hover {background:#5a6147}

    @media only screen and (max-width: 991px) {
      #capacitaciones.blog .blog-detalle h2 {text-align: center;margin-top:25px;}
      #capacitaciones.blog .blog-detalle p {margin-top:25px;text-align: center;}
    }

    @media only screen and (max-width: 767px) {
      #capacitaciones.blog .blog-detalle .box {padding:25px;}
      #capacitaciones.blog .blog-detalle h2 {font-size:18px; line-height: 25px;}
      #capacitaciones.blog .blog-detalle p {font-size:14px;}
    }



/* NO HOME */

#home.no-home .slider-corte-bajo-home, #contacto.no-home .slider-corte-bajo-home {margin-top: -15px; }
#home.no-home header #primary-menu ul li.current > a {}
#home.no-home header {position: initial!important;}

@media only screen and (max-width: 991px) {
  #home.no-home #header-wrap { height: 90px!important;  min-height: 90px;    background: transparent;  }
  #home.no-home .slider-corte-bajo-home, #contacto.no-home .slider-corte-bajo-home {      margin-top: -17px;  }
}



/****** ESTRUCTURA *******/


/* Mini Botonera */ 
.mini-botonera {float:left; width: 100%; margin-top:50px;}
.mini-botonera a {margin-bottom:10px;float:left;}
.mini-botonera a div {background: #eee; padding:12px 32px; color:#666;float:left; font-size:14px;margin-right:15px;cursor: pointer;}
.mini-botonera a div:hover {background: #E20613;color:#fff;}

@media only screen and (max-width: 991px) {
  .mini-botonera {margin-top:25px;}
  .mini-botonera a {width: 100%;text-align: center;margin-bottom:0px;border-bottom:1px solid #ddd;}
  .mini-botonera a div {width: 100%; padding:8px 15px;font-size:13px; }  
}

/* Modulo Base */ 

.modulo {float:left; width:100%;/*margin-bottom:60px;*/ }
.modulo .contenido {padding:1% 2%;background: #eee;}
.modulo .contenido h2 {font-weight: 700;    font-size: 23px;    margin-bottom: 65px;    width: initial;    float: left;    position: relative;}
.modulo .contenido h2 .triangulo {position: absolute; top: 45px; left: 0; width: 100%; height: 100%; clip-path: polygon(0px 0px, 100% 0px, 0px 6px); background-color: red;}
.modulo .contenido h3 {color:#666; font-size:20px; font-weight: 700; text-align: center;margin:30px 0px;float:left;width: 100%;    margin-bottom: 50px;}
.modulo .contenido h3 span {font-weight: 300;color:#666;  text-align: center;}
.modulo .contenido p {font-size:14px;color:#666;line-height: 28px;}
.modulo .contenido a.boton-1 {background:#E20613;color:#fff;  -webkit-border-radius: 5px;  -moz-border-radius: 5px;  border-radius: 5px;padding:0px 10px;margin:0px 5px;    display: inline-block;}
.modulo .contenido a.boton-1:hover {background:#b9000b;}
.modulo .contenido a.boton-2 {background:#E20613;color:#fff;padding:10px 30px;margin:0px 5px;font-size:13px; float: left;margin-bottom:15px;}
.modulo .contenido a.boton-2:hover {background:#b9000b;}
.modulo .contenido p .separar {    padding-left: 50px;    display: inline-block;    width: 100%;}
.modulo .contenido p b {font-weight: 500}
.modulo .contenido p strong {color:#E20613;font-weight: 700}

@media only screen and (max-width: 991px) {
  .modulo .contenido h2 {font-size:18px;margin-bottom: 45px;margin-top:15px;} 
  .modulo .contenido h2 .triangulo {top: initial;margin-top:15px;}
  .modulo .contenido p {font-size:13px;line-height: 25px!important;}
  .modulo .contenido a.boton-1 {padding: 0px 10px;line-height: 18px;  }
  .modulo .contenido a.boton-2 {padding: 5px 15px;    margin-bottom: 5px;}
  .modulo .contenido h3 {font-size:16px;}

}

/* Modulo > Con modulos internos */ 

.modulo .contenido .autoridades {text-align: center;}
.modulo .contenido .modulo-int {max-width: 280px;width: 100%;display:inline-block;margin-bottom:30px;}
.modulo .contenido .modulo-int .contenido-int {background: #fff;padding:10%;display: flex;  justify-content: center;  align-items: center;height: 120px;}
.modulo .contenido .modulo-int .contenido-int .mini-box {}
.modulo .contenido .modulo-int .contenido-int .mini-box strong {display: inline-block;width: 100%; text-align: center;font-size:13px;    line-height: 17px;}
.modulo .contenido .modulo-int .contenido-int .mini-box i {display: inline-block;width: 100%; text-align: center;font-size:13px;font-weight: 700; color:#E20613;    line-height: 17px;}

.imagen-seccion {width: 100%; float:left;position: relative; z-index: 1;  margin-top: -23px;margin-bottom:60px;}

/* Modulo Tabs */ 

.modulo-tabs {float:left;width: 100%; margin-bottom:30px;}
.modulo-tabs .nav-tabs .nav-link.active, .modulo-tabs .nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link {    color: #495057;  margin-right:5px;  background-color: #fff;    border-color: #dee2e6 #dee2e6 #fff;       border-top-left-radius: 1rem;    border-top-right-radius: 1rem;    font-size:13px;    min-width: 150px;    text-align: center;    padding: 12px 25px;}
.modulo-tabs .nav-tabs .nav-link.active, .modulo-tabs .nav-tabs .nav-link.active span, .modulo-tabs .nav-tabs .nav-link:hover, .modulo-tabs .nav-tabs .nav-link:hover span {background: #666; color:#fff;font-weight: 700}
.modulo-tabs .tab-content {background: #fff; padding:90px 60px;width:100%;float: left;border:1px solid #ccc;margin-top: -1px;    z-index: 2;    position: relative;}
.modulo-tabs .boot-tabs {margin:0px!important;}
.modulo-tabs form {float:left;width: 100%; margin:0px;}
.modulo-tabs form input {padding:10px 20px;float:left;width: 100%;border:1px solid #ddd;font-size:14px;margin-bottom:15px;}
.modulo-tabs form input.enviar-bottom {max-width: 300px;font-weight: 700; width: 100%; float: right;background:#E20613; color:#fff;cursor: pointer;margin:0px;}
.modulo-tabs form input.enviar-bottom:hover {background: #b9000b;}

@media only screen and (max-width: 1199px) {
   .modulo-tabs .nav-tabs .nav-link, .modulo-tabs .nav-tabs .nav-link.active {min-width: initial; width: initial;   text-align: center;    padding: 8px 25px;margin:0px;}
   .modulo-tabs .nav-tabs .nav-link span {display: none;}
}
@media only screen and (max-width: 997px) {
   .modulo-tabs .nav-tabs .nav-link, .modulo-tabs .nav-tabs .nav-link.active {border-top-left-radius: 0.5rem;    border-top-right-radius: 0.5rem;min-width: initial; width: initial;   text-align: center;    padding: 4px 8px;margin:0px;}
   .modulo-tabs .nav-tabs .nav-link span {display: none;}
  .modulo-tabs .tab-content {padding:90px 30px;}
}

.modulo-resultados-tabs.modulo .contenido {background: #fff; border:1px solid #ccc;}
.modulo-resultados-tabs .table-responsive {font-size:12px;font-weight: 400}
.modulo-resultados-tabs .table-responsive tr th {background: #ddd}
.modulo-resultados-tabs .table-responsive .table th, .modulo-resultados-tabs .table-responsive .table td {padding:25px 15px;}
.modulo-resultados-tabs .table-responsive tr span {color:#E20613;font-weight: 500}

/* Modulo ir a >> */ 

.ir-a-preguntas-frecuentes {float:left;width: 100%; margin-bottom:60px;background: #666;padding:35px;}
.ir-a-preguntas-frecuentes:hover {background:#E20613 }
.ir-a-preguntas-frecuentes b {font-weight: 700; float:left; width: 100%; text-align: center;color:#fff;font-size:23px;}
.ir-a-preguntas-frecuentes i {color:#fff; float:left; width: 100%; font-weight: 300; font-style: initial;text-align: center; font-size:18px;}

@media only screen and (max-width: 997px) {
  .ir-a-preguntas-frecuentes b {font-size:20px;}
  .ir-a-preguntas-frecuentes i {font-size:15px;}
}

/* Modulo Preguntas Frecuentes */ 

#accordion h3 {margin:0px; font-size:15px; color:#666; text-align: left; font-weight: 700;padding: 20px 30px;padding-right:45px;}
#accordion a:hover h3 {color:#E20613;}
#accordion h3 span {margin-right:15px;} 
#accordion .card-body {padding: 40px;    float: left;width: 100%}
#accordion .card-body p {text-align: left;font-size: 1em;margin:0px;}
#accordion .card-body img {float:right;}

#accordion .flechas {position: absolute;right:25px; top:8px;font-size:35px;}
#accordion .flechas span {color:#999;}
#accordion a:hover .flechas span {color:#E20613;}
#accordion .flechas .icon-angle-down {display: none;}
#accordion .collapsed .flechas .icon-angle-up {display: none;}
#accordion .collapsed .flechas .icon-angle-down {display: block;}

#accordion .card-header {padding: 0px;}

@media only screen and (max-width: 997px) {
  #accordion .card-body {padding: 30px;}
  #accordion h3 {font-size: 13px;}
  #accordion .flechas {font-size:26px;}
}

/* Modulo Blanco */ 

.modulo-blanco {float:left; width:100%;border:1px solid #ddd;}
.modulo-blanco .contenido {padding:5% 6%;background: #fff;}

/* Modulo Slider Vertical */ 


#slider-vertical .carousel {    padding: 30px 0px;  }
#slider-vertical .carousel-indicators {  position: unset;  flex-direction: column;  width: 100%;  margin: 0; }
#slider-vertical .carousel-indicators [data-slide-to] {  text-indent: 0;  width: 100%;  height: 100%;  opacity: 1;  background-color: transparent;  border-top: 0;  display: flex;  align-items: center; }
#slider-vertical .carousel-indicators [data-slide-to].active {  color: darkgoldenrod;}
#slider-vertical .carousel-indicators {width: 40%; float:left;padding-left:5%;}
#slider-vertical .carousel-indicators [data-slide-to].active {color:#E20613;font-weight: 700}
#slider-vertical .carousel-indicators li {cursor: pointer;}
#slider-vertical .carousel-indicators li:hover {color:#E20613 }
#slider-vertical .carousel-indicators li b {font-weight: 700;margin-right:15px;}

#slider-vertical .carousel-inner img {  max-width: 100%;  margin: auto;     padding: 0% 15%;}
#slider-vertical .carousel-caption {display: none!important;}
#slider-vertical .carousel-control-prev, #slider-vertical .carousel-control-next {  filter: brightness(0%) contrast(150%);  -webkit-filter: brightness(0%) contrast(150%);  -moz-filter: brightness(0%) contrast(150%);}
#slider-vertical .carousel-inner {width: 60%; float:left;}
#slider-vertical .tit {position: absolute;    width: 40%;    float: right;    padding-left: 5%;    right: 0px;    top: 0px;    font-weight: 700;}

@media only screen and (max-width: 997px) {
  #slider-vertical .carousel-inner img {padding-top:40px;}
  #slider-vertical .carousel-inner {width: 100%}
  #slider-vertical .carousel-indicators {width: 100%;margin-bottom:50px;}
  #slider-vertical .tit {position: initial;float:left; width: 100%; margin-bottom:15px;margin-top:60px;}
  #slider-vertical .carousel {  display: initial!important;    display: initial!important;   display: initial!important;}
}


/****** SECCIONES *******/

/* Buscador de profesionales */

.buscador-de-profesionales .modulo .contenido h2, .buscador-de-profesionales .modulo  {margin-bottom: 35px;}

/* como-matricularme */

.como-matricularme .modulo .contenido a.boton-2 {clear: left;font-weight: 700}
.como-matricularme .modulo .contenido a.boton-2 span {font-weight: 300}
.como-matricularme .modulo .contenido p {line-height: 30px!important;}
.como-matricularme .modulo .contenido p img {max-width: 20px;max-height:24px;margin-right:8px;}

/* distritos */

.distritos .modulo {margin-top:60px; margin-bottom:0px;}
.distritos .modulo p {font-size:16px;}
.distritos .distridos-info {margin-top:40px;}
.distritos .distridos-info .contenido {padding: 0px;}
.distritos .distridos-info #accordion h3 {font-weight: 300;color: #fff}
.distritos .distridos-info #accordion h3 b {font-weight: 700}
.distritos .distridos-info #accordion .card-header {background: #E20613}
.distritos .distridos-info #accordion .card-header:hover {background: #b9000b}
.distritos .distridos-info {margin-bottom:100px;}
.distritos .distridos-info #accordion a .flechas span {color:#fff;}
.distritos .distridos-info #accordion .card-body {padding:0px;}
.distritos .distridos-info #accordion .card-body .datos {padding: 60px;float:left;width: 100%;margin:0px;}
.distritos .distridos-info #accordion .card-body .datos li {margin-bottom:8px;font-size: 16px;}
.distritos .distridos-info #accordion .card-body .datos img {width: 20px;float:left; margin-right:8px;}
.distritos .distridos-info #accordion .card-body .partidos-que-comprende {padding: 60px;background: #eee;float:left;width: 100%;}
.distritos .distridos-info #accordion .card-body .partidos-que-comprende strong {color:#666;}
.distritos .distridos-info #accordion .card-body .autoridades {padding: 60px;float:left;width: 100%}
.distritos .distridos-info #accordion .card-body .autoridades span {color:#E20613;font-weight: 400}
.distritos .distridos-info #accordion .card-body .autoridades strong {color:#666;}
.distritos .distridos-info #accordion .card-body .datos p, .distritos .distridos-info #accordion .card-body .partidos-que-comprende p, .distritos .distridos-info #accordion .card-body .autoridades p{ margin:0px;line-height: 32px;text-align: left;font-size:14px;}

@media only screen and (max-width: 997px) {
  .distritos .distridos-info #accordion .card-body .datos, .distritos .distridos-info #accordion .card-body .partidos-que-comprende, .distritos .distridos-info #accordion .card-body .autoridades {padding:30px;}
  .distritos .distridos-info #accordion .card-body .datos li, .distritos .modulo p {font-size:14px;}
  .distritos .modulo {margin-top:40px;}
}

/* Becas */

.becas header #primary-menu .navegacion-principal {float:left;width: 100%}
.becas header #primary-menu .navegacion-principal .secciones-derecha {float: right;}
.becas header #primary-menu .boton-destacado {background:#E20613; color:#fff!important;padding:5px 25px!important; margin-top:45px!important;color:#fff;-webkit-border-radius: 255px;  -moz-border-radius: 255px;  border-radius: 255px;}
.becas header #primary-menu .boton-destacado:hover {background: #b9000b; color:#fff!important;}
.becas header .current a {color:#E20613!important;font-weight: 700!important}
.becas header #primary-menu ul li > a {font-size:13px;    padding: 50px 0px;}
.becas header #primary-menu ul li > a:hover {color:#E20613!important;}
.becas header #primary-menu ul li:hover a{color:initial;}
.becas header #primary-menu ul li.current > a {}
.becas header #primary-menu ul li.current > a:hover {color:#E20613;}

.becas header .redes-becas {float:left;    padding: 37px 0px;    padding-bottom: 15px;margin-left:15px;}
.becas header .redes-becas a {background: #eee; margin-left:8px;text-align: center; padding-top:8px; -webkit-border-radius: 255px;  -moz-border-radius: 255px;  border-radius: 255px;width: 44px; height: 44px;float:left;-webkit-transition: all 0.0s ease;    -moz-transition: all 0.0s ease;    -o-transition: all 0.0s ease;    transition: all 0.0s ease infinite;}
.becas header .redes-becas a:hover {background: #E20613;color:#fff;-webkit-transition: all 0.0s ease;    -moz-transition: all 0.0s ease;    -o-transition: all 0.0s ease;    transition: all 0.0s ease infinite;}
.becas header .redes-becas a:hover img {  filter: brightness(2000%) contrast(150%);  -webkit-filter: brightness(2000%) contrast(150%);  -moz-filter: brightness(2000%) contrast(150%);}

.becas header .redes-becas .facebook img {width: 11px;display: inline-block;}
.becas header .redes-becas .instagram img {width: 21px;display: inline-block;}
.becas header .redes-becas .panel img {width: 17px;display: inline-block;}

.becas #header.sticky-header .boton-destacado {margin-top:19px!important;}
.becas #header.sticky-header .redes-becas {padding: 16px 0px;}
.becas #header.sticky-header .redes-becas a {width: 38px; height: 38px;padding-top:5px;margin-left:14px;}
.becas #header.sticky-header .redes-becas .facebook img {width: 10px;display: inline-block;}
.becas #header.sticky-header .redes-becas .instagram img {width: 18px;display: inline-block;}
.becas #header.sticky-header .redes-becas .panel img {width: 15px;display: inline-block;}


@media only screen and (max-width: 1350px) {
  .becas #header .secciones-derecha li a {margin-left: 30px;}
}
@media only screen and (max-width: 1199px) {
  .becas header #primary-menu .navegacion-principal {
      float: initial;
      width: initial;
  }
}



.becas .content-wrap {float:left;width: 100%}





.becas .textos-fslider {float:left;width: 100%; margin-bottom:70px;}
.becas .textos-fslider .testimonial {border:none;box-shadow: none;text-align: center;}
.becas .textos-fslider .flex-direction-nav {display: none;}
.becas .textos-fslider .testi-content {max-width: 700px;display: inline-block;}
.becas .textos-fslider .testi-content p:before, .testi-content p:after {    content: '';}
.becas .textos-fslider h2 {font-weight: 700; color:#FF5B00;font-size: 23px; text-align: center;}
.becas .textos-fslider p {color:#606060;font-size:16px; line-height: 32px;font-style: initial;  font-family: 'Montserrat', sans-serif;}
.becas .textos-fslider .testimonial .flex-control-nav {margin-top:40px;}
.becas .textos-fslider .testimonial .flex-control-nav li a, .becas .textos-fslider .testimonial .flex-control-nav li {width: 20px!important; height: 20px!important;}
.becas .textos-fslider .testimonial .flex-control-nav li a {background: #999;border:1px solid #777;}
.becas .textos-fslider .testimonial .flex-control-nav li {margin: 0 5px;}

.imagen-seccion-pequena {margin:0px;}
.imagen-seccion-pequena .slider-corte-bajo-blanco, .imagen-seccion-pequena .slider-corte-bajo-gris {position: absolute;top:0px;}  
.imagen-seccion-pequena .slider-corte-alto-gris,.slider-corte-alto-blanco {position: absolute; bottom: 0px;}

.becas .modulo-gris {float:left; width: 100%; background:#e6e6e6; padding:50px 0px;text-align: center;}
.becas .modulo-gris .box {display: inline-block;width: 100%; max-width: 900px;}
.becas .modulo-gris .titulo {font-size:23px;}
.becas .modulo-gris .titulo b {font-weight: 700}
.becas .modulo-gris p {font-size:15px;line-height: 35px!important;}
.becas .modulo-gris p span {font-size:20px; color:#FF5B00; font-weight: 700}

.becas .modulo-blanco {float:left; width: 100%; background:#fff; padding:30px 0px;text-align: center;border: none;}
.becas .modulo-blanco .box {display: inline-block;width: 100%; max-width: 1000px;    align-self: center;}
.becas .modulo-blanco .boxing {display: flex;margin-bottom:30px;}
.becas .modulo-blanco .titulo {font-size:20px;font-weight: 700; margin-bottom:60px;float:left;width: 100%; text-align: center;}
.becas .modulo-blanco p { margin:0px;   text-align: left;    font-size: 14px;    line-height: 19px!important;display: flex;vertical-align: middle;    align-self: center;}
.becas .modulo-blanco img {margin-right:10px;float:left;display: flex;vertical-align: middle;    align-self: center;}
.becas .modulo-blanco span {font-weight: 700; color:#FF5B00;font-size:20px;    margin-top: 30px;    float: left;    width: 100%;}

.becas .donde-estudiar {float:left; width: 100%; background:#e6e6e6; padding: 30px 0px 100px 0px;text-align: center;border: none;margin:0px;}
.becas .donde-estudiar .box {display: inline-block;width: 100%; max-width: 1160px;}
.becas .donde-estudiar .titulo {font-weight: 700;font-size:20px;}
.becas .donde-estudiar .titulo img {width: 30px;margin-right:10px;}
.becas .donde-estudiar .facultad {padding:8%;float:left;width: 100%;background: #fff;margin-bottom:30px;}
.becas .donde-estudiar .facultad p {text-align: left;font-size:14px;margin:0px;}
.becas .donde-estudiar .facultad p b {font-weight: 700;}
.becas .donde-estudiar .facultad p .web {background: #FF5B00; color:#fff; padding:5px 25px;  -webkit-border-radius: 5px;  -moz-border-radius: 5px;  border-radius: 5px;}
.becas .donde-estudiar .facultad p .web:hover {background: #e75300}
.becas .donde-estudiar .facultad p .redes {background: #eee; color:#666;border:1px solid #ccc; padding:5px 25px;  -webkit-border-radius: 5px;  -moz-border-radius: 5px;  border-radius: 5px;}
.becas .donde-estudiar .facultad p .redes img {width: 18px;margin-right:5px;margin-top:-2px;}
.becas .donde-estudiar .facultad p .redes:hover {background: #ddd}

.becas .programa-becas {background: #E20613; float:left; width: 100%;text-align: center;color:#fff;padding:50px 0px;}
.becas .programa-becas b {font-size:20px;font-weight: 700}
.becas .programa-becas p {font-size:18px;margin:0px;}

.becas .modulo-programa-becas {float:left; width: 100%; background:#fff; padding: 30px 0px 100px 0px;text-align: center;border: none;margin:0px;}
.becas .modulo-programa-becas .box {display: inline-block;width: 100%; max-width: 1160px;}
.becas .modulo-programa-becas .beca {padding:8%;float:left;width: 100%;background: #eee;margin-bottom:30px;}
.becas .modulo-programa-becas .beca p {text-align: left;font-size:14px;margin:0px;}
.becas .modulo-programa-becas .beca p b {font-weight: 700;}
.becas .modulo-programa-becas .beca p .web {background: #FF5B00; color:#fff; padding:5px 25px;  -webkit-border-radius: 5px;  -moz-border-radius: 5px;  border-radius: 5px;}
.becas .modulo-programa-becas .beca p .web:hover {background: #e75300}

.becas .modulo-preguntas-frecuentes {background: #e6e6e6;margin:0px;}
.becas .modulo-preguntas-frecuentes .titulo {font-size:23px; color:#FF5B00; font-weight: 700}
.becas .modulo-preguntas-frecuentes .textos-fslider .testimonial .flex-control-nav li a, .becas .modulo-preguntas-frecuentes  .textos-fslider .testimonial .flex-control-nav li {width: 15px!important; height: 15px!important;}
.becas .modulo-preguntas-frecuentes .textos-fslider h2 {font-weight: 700; color:#666;font-size: 18px; text-align: center;}
.becas .modulo-preguntas-frecuentes .textos-fslider .testimonial {background: transparent;margin}

.becas .modulo-blanco .box.box-final p {float:left; width: 100%;display: initial;line-height: 28px!important;font-size:14px;}
.becas .modulo-blanco .box.box-final p b {font-weight: 700; color:#e75300;float:left; width: 100%;margin-bottom:15px;font-size: 16px;}
.becas .modulo-blanco .box.box-final strong {font-weight: 700; font-size:14px;margin-bottom:15px;float:left; width: 100%}
.becas .modulo-blanco .box.box-final a {background: #FF5B00;width:100%;float:left; margin-bottom:10px;  font-size:14px;  color: #fff;    padding: 4px 25px;    -webkit-border-radius: 5px;    -moz-border-radius: 5px;    border-radius: 5px;}  
.becas .modulo-blanco .box.box-final a:hover {background: #e75300}

@media only screen and (max-width: 1199px) {
  .becas .modulo-gris .titulo {font-size:17px;}
  .becas .textos-fslider h2 {font-size:17px;}
  .becas .modulo-blanco .box.box-final p {text-align: center;}
  .becas .modulo-blanco .boxing {margin-bottom:50px;}
}

.novedades .ultimas-noticias {width: initial;}
.novedades .ultimas-noticias .modulo {margin-top:50px;margin-bottom:0px;}
.novedades .ultimas-noticias .modulo .contenido {background: transparent; padding:0px;}

.novedades-detalle .content-wrap  {text-align: center;}
.novedades-detalle .content-wrap .container {max-width: 1000px;display: inline-block;float: initial;}
.novedades-detalle .content-wrap .container .novedades-detalle-box {text-align: left;}
.novedades-detalle .novedades-detalle-box i {font-size:16px;margin-bottom:15px;float:left;width: 100%; letter-spacing: 1px;}
.novedades-detalle .novedades-detalle-box img {width: 100%;}

.novedades-detalle .mini-botonera a {float:right;}
.novedades-detalle .mini-botonera a div {margin:0px;}


/****** INTRANET *******/

.sin-loguearse {display: block;}
.logueado {display: none;}

.box-logueado .sin-loguearse {display: none;}
.box-logueado .logueado {display: block;}


.logueado .panel-logueado {background: #606060; float:left;-webkit-border-bottom-left-radius: 20px;-moz-border-radius-bottomleft: 20px;border-bottom-left-radius: 20px;}
.logueado .panel-logueado:hover {background: #E20613;}
.logueado .menu-logueado {background: #444444;float:left;-webkit-border-bottom-right-radius: 20px;-moz-border-radius-bottomright: 20px;border-bottom-right-radius: 20px;}
.logueado .menu-logueado:hover {background: #E20613;}
.logueado a {width: initial!important;color:#fff!important;}
.logueado a.menu-logueado img {width: 15px!important;}

#header.sticky-header .logueado a.menu-logueado img {margin-top: 3px;}

@media only screen and (max-width: 1199px) {
  #header .redes.logueado {display: none!important;}
  .box-logueado #primary-menu-trigger-menu-intranet {display: block!important;}
  .box-logueado .primary-menu-trigger-login {display: none!important;}
}

.Filtros-Activos {
  #nav-catalogo-header {display: none!important;}
}
.Filtros-Desactivados {
  #nav-panel-header {display: none!important;}
}



.primary-menu-trigger-login.primary-menu-trigger-login-logueado {right: 60px; top: 26px;}
#primary-menu-trigger-menu-intranet {color:red;margin-top:0px;background: #666; right: 15px;    line-height: 19px;    padding: 3px 15px;-webkit-border-radius: 255px;  -moz-border-radius: 255px;  border-radius: 255px;}
#primary-menu-trigger-menu-intranet span {font-size:11px;  font-family: 'Montserrat', sans-serif; color:#fff;}
#primary-menu-trigger-menu-intranet i {    font-size: 18px;    color: #fff;    line-height: 15px;    float: left;    margin: 6px;}


@media only screen and (max-width: 1199px) {
  .primary-menu-trigger-login.primary-menu-trigger-login-logueado, #primary-menu-trigger-menu-intranet {display: none!important;}
  .intranet .primary-menu-trigger-login.primary-menu-trigger-login-logueado, .intranet  #primary-menu-trigger-menu-intranet {display: block!important;}
  .intranet .primary-menu-trigger-sin-loguearse {display: none!important;}
}
@media only screen and (max-width: 991px) {
  .primary-menu-trigger-login.primary-menu-trigger-login-logueado {top:21px;}
}


.intranet-inicio {background: #eee; margin-top: -23px;float:left;width: 100%; padding:100px 0px 80px 0px;}
.intranet-inicio .box-novedades {background: #fff;float:left; width: 100%}
.intranet-inicio .box-novedades .tit {padding:15px 25px;float:left;width: 100%; background: #606060; color:#fff; font-weight: 700}
.intranet-inicio .box-novedades .box {float: left;    width: 100%;    overflow-x: hidden;    height: 305px;}
.intranet-inicio .box-novedades .box .noticia {float:left;width: 100%;padding:25px 25px;border-bottom:1px solid #ddd;}
.intranet-inicio .box-novedades .box .noticia h2 {color:#E20613;font-weight: 700; font-size:14px;margin-bottom:10px;}
.intranet-inicio .box-novedades .box .noticia i {font-size:14px; color:#666;}
.intranet-inicio .box-novedades .box .noticia p {font-size:14px;margin-bottom:15px;line-height: 21px!important;}
.intranet-inicio .box-novedades .box .noticia a {display:inline-block;margin-bottom:5px;background: #eee;font-size:14px;padding:5px 35px;color:#666;  -webkit-border-radius: 255px;  -moz-border-radius: 255px;  border-radius: 255px;}
.intranet-inicio .box-novedades .box .noticia a:hover {color:#fff;background: #E20613;}
.intranet-inicio .box-novedades .ver-mas {background: #E20613;padding:15px 8%;float:right;color:#fff;font-size:14px;}
.intranet-inicio .box-novedades .ver-mas:hover {background: #b9000b;color:#fff;}

.intranet-inicio .box-hipervinculos-destacados {float:left; width: 100%;}
.intranet-inicio .box-hipervinculos-destacados a {background: #808080;padding:25px 10%; color:#fff;float:left; width: 100%;     height: 124px;margin-bottom:15px;text-align: center;display: flex;}
.intranet-inicio .box-hipervinculos-destacados a:hover {background: #E20613;}
.intranet-inicio .box-hipervinculos-destacados .mini-box {align-self: center;display: inline-block;width: 100%; line-height: 40px;}
.intranet-inicio .box-hipervinculos-destacados .mini-box span {font-size:18px;}
.intranet-inicio .box-hipervinculos-destacados a img {align-self: center;display: block;width: 40px;float:left;}

@media only screen and (max-width: 991px) {
  .intranet-inicio {padding: 60px 0px 60px 0px}
  .intranet-inicio .box-novedades .ver-mas {padding: 10px 8%;}
  .intranet-inicio .box-novedades {margin-bottom:30px;}
  .intranet-inicio .box-hipervinculos-destacados .mini-box span {font-size:15px;}
  .intranet-inicio .box-hipervinculos-destacados a {height: 80px;}
  .intranet-inicio .box-hipervinculos-destacados a img {width: 30px;} 
}

.intranet-hipervinculos  {float:left;width: 100%;padding:70px 0px;}
.intranet-hipervinculos a {background: #fff;border:1px solid #eee;padding:25px 10%; color:#666;float:left; width: 100%;     height: 110px;margin-bottom:15px;text-align: center;display: flex;}
.intranet-hipervinculos a:hover {background: #E20613;color:#fff;}
.intranet-hipervinculos a:hover img {filter: brightness(2000%) contrast(2000%);  -webkit-filter: brightness(2000%) contrast(2000%);  -moz-filter: brightness(2000%) contrast(2000%);}
.intranet-hipervinculos .mini-box {align-self: center;display: inline-block;width: 100%; line-height: 18px;}
.intranet-hipervinculos .mini-box span {font-size:15px;}
.intranet-hipervinculos a img {align-self: center;display: block;width: 35px;float:left;}

@media only screen and (max-width: 991px) {
  .intranet-hipervinculos a {height: 80px;}
  .intranet-hipervinculos a img {width: 30px;} 
}

.intranet #footer {    background: transparent;    margin-top: -30px;}

.intranet .mini-botonera {margin-top:0px;}
.intranet .mini-botonera a {float: right;margin:0px;}
.intranet .mini-botonera a div {background: #999; color: #fff; margin-right: 0px;    padding: 5px 32px;}
.intranet .mini-botonera a div:hover {background: #E20613}

.intranet .breadcrumbs {font-size: 15px;    margin-top: 15px;float: left;    margin-top: 10px;}
.intranet .breadcrumbs span {float:left;margin:0px 20px;color:#bbb;}
.intranet .breadcrumbs a {float:left;color:#999;font-weight: 400}
.intranet .breadcrumbs a:hover {color:#E20613;}
.intranet .breadcrumbs b {float:left;font-weight: 700;}

.intranet #accordion .card-body p {margin-bottom:25px;float:left;width:100% }
.intranet .boton-descargar {background: #E20613;float:left; margin-bottom:10px;margin-right:10px; color:#fff;-webkit-border-radius: 5px;  -moz-border-radius: 5px;  border-radius: 5px;padding: 4px 25px; font-size:14px;}
.intranet .boton-descargar:hover {background: #b9000b;}

@media only screen and (max-width: 991px) {
  .intranet .breadcrumbs {display: none;}
  .intranet .mini-botonera a {width: initial;}
}

.intranet .buscador {float:left;display: flex;width: 100%;border-bottom:1px solid #ddd; border-top:1px solid #ddd; margin-bottom:25px; padding-bottom:25px;margin-top:0px;padding-top:40px;}
.intranet .buscador .form-group {padding-left:7px;padding-right:7px;margin-bottom:15px;}
.intranet .buscador label {width: 100%}
.intranet .buscador input, .intranet .buscador select {height: 40px!important;font-weight:400;font-size:14px;-webkit-border-radius: 0px;  -moz-border-radius: 0px;  border-radius: 0px;}
.intranet .buscador .form-group-buscar button {width: 80px;height: 40px;color:#fff;background: #999; border:none;cursor: pointer;}
.intranet .buscador .form-group-buscar button:hover {background: #E20613;} 

.intranet .titulo-separador {font-size:25px;margin-bottom:25px;margin-top:25px;}

@media only screen and (max-width: 1199px) {
  .intranet .buscador .form-group {width: 50%;float:left;}
  .intranet .buscador {display: inline-block;}
  .intranet .buscador .form-group-buscar {width: 50%; float:right;}
  .intranet .buscador .form-group-buscar button {width: 100%}
  .intranet .titulo-separador {font-size:18px;}
}
@media only screen and (max-width: 600px) {
  .intranet .buscador .form-group {width: 100%;}
  .intranet .buscador .form-group-buscar {width: 100%;}
  .intranet .buscador .form-group-buscar label {display: none;}
}

.intranet .tabla-intranet {font-size:13px;text-align: left;margin-top:30px;}
.intranet .tabla-intranet .contoles {text-align: center;}
.intranet .tabla-intranet .contoles a {display: inline-block;font-size:16px;margin:0px 5px;color: #E20613}
.intranet .tabla-intranet .contoles a:hover {color: #b9000b}


/* INTRANET FORMULARIOS*/

.intranet .aclaracion {background: #eee;border:1px solid #ccc;    width: 100%;    float: left;    padding: 5px 15px;    margin-top: 15px;    font-style: italic;    font-size: 14px;    text-align: center;}
.intranet .intranet-formulario b {font-weight: 500}
.intranet .intranet-formulario .obligatorio {font-weight: 700; color:red;}
.intranet .intranet-formulario .datos-principales {background: #eee; padding:50px;}

.intranet .intranet-formulario .buscador {margin-top:0px;margin-bottom:0px;}
.intranet .intranet-formulario .buscador .form-group {margin-bottom:15px;float:left;width: 100%}
.intranet .intranet-formulario .buscador .text {float:left;width: 100%; margin-bottom:10px;}
.intranet .intranet-formulario .buscador .tit {font-weight: 700; margin-bottom:25px;font-size:21px;}
.intranet .intranet-formulario .buscador .radio-box {margin-bottom: 8px;    margin-top: 8px;}
.intranet .intranet-formulario .buscador .radio-box input {float:left;margin-right:8px;height: initial!important;}
.intranet .intranet-formulario .buscador .radio-box span {float:left;line-height: 14px;font-weight: 400}
.intranet .intranet-formulario .boton-guardar {float:right;padding:5px 25px;margin-top:15px;  height: 40px;    color: #fff;   background: #999;    border: none;    cursor: pointer;width: 100%; max-width: 250px; font-size: 15px; font-weight: 700; text-align: center;}
.intranet .intranet-formulario .boton-guardar:hover {background: #E20613;}

@media only screen and (max-width: 600px) {
  .intranet .intranet-formulario .datos-principales {background: #fff;    padding: 25px 0px;}
}
  font-size: 19px;
  display: block;
  width: 100%;
  color: #636363;
  font-weight: 400;
}
#catalogo.carrito article .box .mod-modificar .precio div {
  font-size: 16px;
  text-decoration: line-through;
  color: #b9b9b9;
  height: 18px;
  line-height: 15px;
}
#catalogo.carrito article .box .mod-modificar .boxt-opciones {
  font-size: 18px;
  display: inline-block;
  text-align: center;
  float: right;
  position: absolute; right:8px; top: 8px;

}
#catalogo.carrito article .box .mod-modificar .boxt-opciones .mod-opciones {
  width: 100%;
  display: inline-block;
}
#catalogo.carrito article .box .mod-modificar .boxt-opciones .mod-opciones.quitar {
  color: red!important;
}
#catalogo.carrito article .box .mod-modificar .boxt-opciones .mod-opciones span {
  margin-right: 5px;
}
#catalogo.carrito .finalizar-compra {
  border-top: 1px solid #d9d9d9;
  padding-top: 20px;
  display: inline-block;
  width: 100%;
}
#catalogo.carrito .form-control {
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  border-radius: 0px;
  margin-bottom: 10px;
  height: 45px;
  border: 1px solid #d9d9d9;
  font-weight: 400!important;
}
#catalogo.carrito .campo-finalizar-compra {font-size: 14px;  -webkit-border-radius: 5px!important;  -moz-border-radius: 5px!important;  border-radius: 5px!important;}

#catalogo.carrito .titulo-2 {
  margin-bottom: 15px;
}
#catalogo.carrito .finalizar-compra textarea {
  border: 1px solid #d9d9d9;
  width: 100%;
  margin-top: 0px;
  padding: 15px;
  height: 155px;
  font-family: 'Montserrat', sans-serif;
  font-size: 15px;
}
#catalogo.carrito .box-fin {
  float: right;
  border-top: 1px solid #d9d9d9;
  padding-top: 25px;
  margin-top: 25px;
  width: 100%;
}
#catalogo.carrito .box-fin .total {
  background: #636363;
  color: #ffffff;
  font-size: 21px;
  float: left;
  padding: 12px 25px;
  font-family: 'Montserrat', sans-serif;
  padding: 13px 25px;
  margin-right: 15px!important;
  float: right;
}
#catalogo.carrito .box-fin .finalizar {
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  float: right;
  background: #E20613;
  cursor: pointer;
  color: #ffffff;
  font-size: 21px;
  margin-right: 0px;
  padding: 12px 25px;
  border: none;
  font-family: 'Montserrat', sans-serif;
}
#catalogo.carrito .box-fin .finalizar:hover {
  background: #E20613;
}
#catalogo.carrito .box-fin-new {
  float: right;
  width:100%;
  margin-top: 25px;
  min-width: 300px;
}
#catalogo.carrito .box-fin-new .box {
  padding: 10px 20px;
  text-align: right;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  background: #ECECEC;
  border: 1px solid #DFDFDF;
  text-align: center;
  margin-bottom: 15px;
}
#catalogo.carrito .box-fin-new .box .subt {
  color: #636363;
  font-size: 16px;
}
#catalogo.carrito .box-fin-new .box .desc {
  color: #239e5f;
  font-size: 16px;
}
#catalogo.carrito .box-fin-new .box .desc b {
  font-weight: 700;
}
#catalogo.carrito .box-fin-new .box .tot {
  font-size: 18px;
  color: #636363;
  font-weight: 400;
  border-top: 1px solid #d1d1d1;
  padding-top: 20px;
  margin-top: 20px;
}
#catalogo.carrito .box-fin-new .finalizar {
  width: 100%;
  padding: 8px 20px;
  background: #E20613;
  color: #ffffff;
  border: none;
  text-align: center;
  font-weight: 300;
  line-height: 30px;
  cursor: pointer;
  float: left;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
}
#catalogo.carrito .box-fin-new .finalizar:hover {
  background: #3F4AA5;
}
#catalogo.carrito .box-fin-new .finalizar .icon-angle-right {
  font-size: 30px;
  display: inline-block;
  float: right;
  line-height: 28px;
}
#catalogo.carrito .box-fin-new .finalizar div {
  display: inline-block;
  float: right;
  font-size: 18px;
  width: 100%;
}
#catalogo.carrito .box-si-ya-sos {
  width: 100%;
  display: inline-block;
  text-align: center;
}
#catalogo.carrito .si-ya-sos {
  padding: 35px 35px 60px 35px;
  font-size: 16px;
  text-align: center;
  font-weight: 400;
  display: inline-block;
  max-width: 900px;
}
#catalogo.carrito .si-ya-sos a {
  color: #d84500;
}
#catalogo.carrito article .box .mod-img {
  text-align: center;
  float: left; width: 15%;
}
#catalogo.carrito .cant {
  float: initial;
  display: inline-block;

}
#catalogo.carrito .cant .menos,
#catalogo.carrito .cant .mas {
  font-size: 18px;
  line-height: 18px;
}
#catalogo.carrito .box-finalizar {
  display: inline-block;
  margin-top: 5px;
  margin-bottom: 30px;
}
#catalogo.carrito .cant {
  margin: 0px 0px;
}
#catalogo.carrito .cant .menos {
  width: 24px;
  height: 30px;
  float: left;
  border: 1px solid #e5e5e5;
  text-align: center;
  -webkit-border-top-left-radius: 5px;
-webkit-border-bottom-left-radius: 5px;
-moz-border-radius-topleft: 5px;
-moz-border-radius-bottomleft: 5px;
border-top-left-radius: 5px;
border-bottom-left-radius: 5px;
}
#catalogo.carrito .cant input {
  width: 40px;
  height: 30px;
  float: left;
  border: none;
  border-top: 1px solid #e5e5e5;
  border-bottom: 1px solid #e5e5e5;
  text-align: center;
  font-family: 'Montserrat', sans-serif;
  font-size: 16px;
  color: #636363;
}
#catalogo.carrito .cant .mas {
  width: 24px;
  height: 30px;
  float: left;
  border: 1px solid #e5e5e5;
  text-align: center;
  font-weight: 300;
  -webkit-border-top-right-radius: 5px;
-webkit-border-bottom-right-radius: 5px;
-moz-border-radius-topright: 5px;
-moz-border-radius-bottomright: 5px;
border-top-right-radius: 5px;
border-bottom-right-radius: 5px;
}
#catalogo.carrito .cant .menos:hover,
#catalogo.carrito .cant .mas:hover {
  background: #636363;
  color: #ffffff;
  border: 1px solid #636363;
  cursor: pointer;
}

@media only screen and (max-width: 1350px) {
  #catalogo.carrito article .box .box-info {padding-top: 33px;}
}

@media only screen and (max-width: 1199px) {
  #catalogo.carrito article .box .box-info {padding-top: 18px;}
  #catalogo.carrito article .box .mod-modificar .precio span {margin-top: 50px;}
}

@media only screen and (max-width: 991px) {
  #catalogo.carrito article .box {margin-bottom: 0px;}
  #catalogo.carrito article .box .mod-img {width: 20%;}
  #catalogo.carrito article .box img {width: 100%;}
  #catalogo.carrito article .box .mod-info {padding-left: 15px; padding-right: 15px;}
  #catalogo.carrito article .box .mod-modificar {position: initial;}

  #catalogo.carrito .pasos .box li .text {font-size: 12px;}
}


@media only screen and (max-width: 991px) {
 #catalogo.carrito article .box img {padding: 15px;}
}



@media only screen and (max-width: 991px) {
  #catalogo.carrito .pasos .box {
    width: 100%; padding-bottom: 0px;
  }
  #catalogo.carrito .box-fin-new {
    min-width: 100%;
    width: 100%;
  }
  #catalogo.carrito .producto-detalle {
    margin-bottom: 30px;
  }
  #catalogo.carrito article .box .mod-modificar .boxt-opciones {
    margin-bottom: 0px;
  }

  #catalogo.carrito article .box .mod-modificar .precio span {
    margin-top: 0px;
  }
  #catalogo.carrito article .box .mod-modificar .precio {
    margin-bottom: 0px;
    padding: 15px;
    background: #F2F4F3;
    text-align: right;
  }
  #catalogo.carrito #productos {
    text-align: center;
  }
  #catalogo.carrito article .box .mod-info {
    border: none;

  }
  #catalogo.carrito form {
    margin: 0px;
  }
  #catalogo.carrito .titulo-cat {
    width: 100%;
    margin-bottom: 15px;
    text-align: center;
  }
  #catalogo.carrito .breadcrumbs {
    margin-bottom: 0px;
    float: initial;
    display: inline-block;
    padding-bottom: 15px;
  }
  #catalogo.carrito .producto-detalle .titulo-pri {
    height: auto;
    margin-bottom: 5px;
    font-size: 18px;
    overflow: initial;
  }
  #catalogo.carrito article .box .box-info {
    padding: 0px 15px;
    text-align: left; margin-top: 15px;
  }
  #catalogo.carrito .finalizar-compra .box-fin .total {
    margin: 15px 0px 0px 0px!important;
    width: 100%;
    float: left;
    text-align: center;
  }
  #catalogo.carrito .finalizar-compra .box-fin .finalizar {
    width: 100%;
    float: left;
    margin-top: 15px;
  }
  #catalogo.carrito .producto-detalle .container {
    padding: 0px!important;
  }
}

.cuerpoinicio {
    height: 100%;
    display: flex;
    flex-direction: column;
}
.cuerpovacio {
    flex-grow: 1;
}

a.disabled {
    pointer-events: none;
    cursor: default;
}

.ql-editor strong {
font-weight:bold}

/* OCULTA/MUESTRA CONTRASEÑA */
.content {
    display: table;
    position: relative;
    margin-bottom: 30px;
    white-space: nowrap;
    width: 100%;
}

    .content label {
        position: absolute;
        top: 0;
        left: 0;
        padding: 10px 0;
        font-size: 16px;
        color: #333;
        pointer-events: none;
        transition: 0.5s;
    }

    .content input:focus ~ label,
    .content input:valid ~ label {
        transform: translateY(-20px);
        font-size: 14px;
        color: #333;
    }

.password-toggle-icon {
    /* position: fixed;
    top: 55%;
    right: 60px;
    transform: translateY(-50%);
    cursor: pointer;*/
    transform: translate(93%, -40px);
}

    .password-toggle-icon i {
        font-size: 18px;
        line-height: 1;
        color: #333;
        transition: color 0.3s ease-in-out;
        margin-bottom: 20px;
    }

        .password-toggle-icon i:hover {
            color: #000;
        }

.prueba {
    display: table-row-group;
}

    .prueba input {
        width: 100%;
    }