/*
Template Name: Sintic Bolvia
Template URL: http://sinticbolivia.net
Description: 
Template Author: J. Marcelo Aviles Paco
Author URI: http://sinticbolivia.net
Version: 1.0.0
*/
:root{
	--primary-color:#027b76;
	--secondary-color:#636363;
}
a,a:hover{text-decoration:none;color:#027b76;}
html,body{margin:0;padding:0;/*font-family:'Coolvetica';*/font-size:15px;/*background:#1a1a1a;*/}
h3{font-size:20px;font-weight:bold;}
#container{float:left;width:100%;}
#header{clear:both;position:fixed;top:0;right:0;left:0;background:transparent;border-bottom:2px solid #fff;z-index:999;transition:background 0.3s ease-in-out;}
#header #logo{padding:8px 0;text-align:center;}
#header #logo img{max-width:100%;max-height:100%;}
#header #user-menu{clear:both;margin:8px 0 0 0;}
#header #user-menu .menu{float:right;}
#header #navigation{float:right;margin:3px 0 0 0;}
#header #navigation ul, .menu{list-style:none;padding:0;margin:0;}
#header #navigation ul li, .menu li{position:relative;float:left;margin:0 8px 0 0;}
#header #navigation ul li:last-child{margin-right:0;}
#header #navigation ul li a{display:block;padding:3px 7px;text-align:center;font-size:22px;font-weight: bold;color:#027b76;}
#header #navigation ul li.active{background:#027b76;border-radius:8px 8px 0 0;}
#header #navigation ul li.active a{color:#fff !important;}
body.tpl-frontpage #header #navigation ul li a{/*color:#fff;*/}
body.tpl-frontpage #header #navigation ul li.active a, 
body.tpl-frontpage #header #navigation ul li a:hover{color:#027b76;}
#header #navigation ul li ul.submenu{display:none;position:absolute;left:0;top:100%;background:rgba(255,255,255,0.85);width:300px;box-shadow:4px 4px 4px #bcbcbc;border-radius:0 0 8px 8px;}
#header #navigation ul li ul.submenu li{display:block;float: none;margin:0;}
#header #navigation ul li ul.submenu li a{font-size:15px;text-align:left;color:#027b76;transition:all 0.3s ease;}
#header #navigation ul li ul.submenu li a:hover{background:#027b76;color:#fff;}
#header.sticky{background:rgba(255,255,255,0.85);border-bottom:2px solid #027b76;}
#header.sticky #navigation ul li a{color:#027b76;}
#header #btn-mobile-menu{color:#027b76;margin: 4px 0 0 0;border: 2px solid #027b76;padding: 5px 8px;}
#front-content{background:#fff;}
#front-slider{}
#front-slider .slides{height:100%;position:relative;} 
#front-slider .slide{position:absolute;height:100%;opacity:0;top:0;right:0;bottom:0;left:0;}
#front-slider .slide.active{opacity:1;}
#front-slider .slide .image{}
#front-slider .slide .image img{max-width:100%;}
#front-slider .slide .body{width:100%;position:absolute;top:-100%;right:0;left:0;animation-fill-mode:forwards;animation-name:slide-body;animation-delay:1s;animation-duration:1s;animation-timing-function: ease-in-out;animation-iteration-count: 1;}
#front-slider .slide video{/*width:100%;height:100%;*/}
@keyframes slide-body{0%{top:-100%;}50%{top:80%;}100%{top:30%;}}

#front-slider .slide .body .title{text-decoration:none;font-family:'LemonMilk';text-transform:uppercase;margin:0 0 8px 0;text-align:center;z-index:10;color:#fff;}
#front-slider .slide .body .title span{display:inline-block;text-decoration:underline;padding:0 20px;color:inherit;}
#front-slider .slide .body .text{text-align:center;color:#fff;}
.front-section{clear:both;overflow:hidden;}
.front-section > .title, .sb-section > .title{text-align:center;color:#027b76;margin:0 0 10px 0;}
.front-section > .title span, .sb-section > .title span{padding:10px 60px;display:inline-block;border-bottom:2px solid #027b76;font-size:40px;}
#intro-text{font-size:20px;padding:18px 0;}
#our-services{clear:both;margin:20px 0;}
#our-services .service{overflow:hidden;height:310px;margin:0 0 15px 0;border: 1px solid #ececec;box-shadow: 2px 2px 2px #bcbcbc;border-radius: 10px;display:table;width:100%;transition:transform 0.4s ease-in-out;}
#our-services .service .image{height:200px;text-align:center;padding:8px;}
#our-services .service .image img{max-width:100%;max-height:100%;border:0;}
#our-services .service .title{text-align:center;font-size:25px;display:table-row;background:#636363;color:#fff;}
#our-services .service .title h2{display:table-cell;color:inherit;height:100px;vertical-align: middle;border-radius:0 0 10px 10px;font-size:25px;}
#our-services .service .title h2 a{display:block;color:inherit;}
#our-services .service:hover{transform:scale(0.97);}
#our-customers .customer{height:270px;margin:0 0 15px 0;border: 1px solid #ececec;border-radius: 10px;overflow:hidden;}
#our-customers .customer figure{height:210px;margin:0;text-align:center;}
#our-customers .customer figure a{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;}
#our-customers .customer figure a img{max-height:100%;border:0;}
#our-customers .customer .title{text-align: center;font-size: 15px;text-transform: uppercase;font-weight:bold;padding:4px;}
#section-warranty{background:url(images/banner-qualities.webp) no-repeat left top;background-size:100%;}
.warranty-list{list-style:none;padding:0;margin:40px 0;}
.warranty-list .warranty{margin:0 0 10px 0;}
.warranty-list .warranty .image{background: url(images/icons01.png);background-size: 82px;height: 75px;width: 75px;margin: 0 auto;}
.warranty-list .warranty #icon01{background-position: -3px -3px;}
.warranty-list .warranty #icon02{background-position: -3px -79px;}
.warranty-list .warranty #icon03{background-position: -3px -157px;}
.warranty-list .warranty #icon04{background-position: -3px -235px;}
.warranty-list .warranty .content .title{color:#027b76;text-transform:uppercase;text-align:left;margin:0 0 5px 0;font-size:19px;text-decoration:underline;}
#latest-products .product{height:240px;overflow:hidden;}
#latest-products .product .image{text-align:center;height:70%;overflow:hidden;}
#latest-products .product .image img{max-width:100%;/*max-height:100%;*/object-fit:fill;}
#latest-products .product .title{text-align:center;font-size:16px;padding:3px;}
#latest-courses{}
#latest-courses .body{background:#ebebeb;padding:20px;}
#latest-courses .course{height:270px;margin:0 0 15px;}
#latest-courses .course .image{height:220px;text-align:center;}
#latest-courses .course .image img{max-width:100%;max-height:100%;}
#latest-courses .course .title{text-align:center;font-size:25px;margin:0 0 0 0;}
#footer{border-right:5px solid #027b76;border-left:5px solid #027b76;clear:both;background:#1a1a1a;color:#bcbcbc;padding:15px 0;}
#footer #copyright{padding:5px 0;text-align:center;font-size:14px;}
#page-container{margin:82px 0 0 0;background:#fff;min-height:630px;}
#page-container.no-banner{margin-top:95px !important;}
.green-text{color:#027b76;}
.page-contact-us #container, .page-contacto #container{background:url(images/bg-contact.jpg) top left;background-size:100%;}
.page-contact-us #page-container, .page-contacto #page-container{background:transparent !important;}
.page-banner{clear:both;overflow:hidden;margin-top:-63px;position:relative;}
.page-banner img{max-width:100%;}
.page-banner .page-banner-title{position:absolute;z-index:10;top:30%;right:0;left:0;background:rgba(2,123,118,0.5);text-align:center;padding:10px;color:#fff;}
.page-banner .page-banner-title .title{font-size:105px;text-transform:uppercase;}
#content{margin:0 0 50px 0;}
#form-container{color:#fff;}
::placeholder{appearance:red;color:red;}
form textarea{min-height:200px;}
.map-container{padding:10px;background:#027b76;margin:0 0 10px 0;}
.map-container .map{width:100%;min-height:350px;}
.contact-info{padding:10px;background:rgba(99,99,99,0.5);margin:0 0 10px 0;color:#fff;font-weight:normal;font-family:Helvetica;}
.contact-info h3{margin:0 0 10px 0;font-family:'Coolvetica';}
.btn-primary{color:#fff;background:#027b76;border:2px solid #027b76;transition:all 0.4s ease;}
.btn-primary:hover{border:2px solid #027b76;background:#fff;color:#027b76;}
.widget-footer{}
.widget-footer .wpsc_categories{list-style:none;margin:0;padding:0;}
.list-our-services{list-style:none;padding:0;margin:0;}
.list-our-services li{}
.list-our-services li a{display:block;padding:4px 4px;}
#sidebar{padding-top:25px;position:relative;}
.tpl-tpl-contact #page-title{color:#fff;}
/******************/
/***** PRODUCTS ***/
/******************/
@font-face{font-family:'LemonMilk';src:url('fonts/LemonMilk.otf');}
@font-face{font-family:'Coolvetica';src:url('fonts/coolvetica_rg.ttf');}
/*.tpl-tpl-emono #header{background:#fff;}*/
.products_filter{clear:both;margin:0 0 10px 0;}
#product-list.layout-grid{}
#product-list.layout-grid .product{border:1px solid #ececec;padding:4px;}
#product-list.layout-grid .product .image{min-height:200px;max-height:200px;text-align:center;margin:0 -4px;}
#product-list.layout-grid .product .image a{display:block;}
#product-list.layout-grid .product .image a img{max-width:100%;max-height:200px;}
#product-list.layout-grid .product .title{text-transform: uppercase;font-size:15px;}
#product-list.layout-grid .product .title a{font-size:inherit;}
#sidebar .widget-most-viewed{}
#sidebar .widget-most-viewed .product{margin:0 0 10px 0;}
#sidebar .widget-most-viewed .product .image{display:block;height:100%;}
#sidebar .widget-most-viewed .product .image a{display:block;height:100%;}
#sidebar .widget-most-viewed .product .image a img{max-width:100%;object-fit:cover;height:100%;}
#sidebar .widget-most-viewed .product .title{text-transform:uppercase;}
#menu_categories li label, #menu_categories li label a{display:block;}
#product-container{margin:20px 0 0 0;}
#product-title{margin:0 0 10px 0;}
#product-container #product-images figure img{max-width:100%;}
#product-container #product-price{font-size:20px;margin:0 0 10px 0;color:#027b76;}
#product-container #product-price span{font-weight: bold;margin:0 8px 0 0;}
#product-container #tabs-container{margin: 20px 0 0 0;}
.tab-content .tab-pane{padding:15px;}
.related-product .image{height: 130px;overflow:hidden;}
.related-product .image img{}
.related-product .title{font-size:13px;}
/***************/
/***** PAGES ***/
/***************/
#page-body{}
#page-body img{max-width:100%;}
#page-title{margin:0 0 20px 0;}
.tpl-page #header, .tpl-tpl-emono #header{border-bottom:2px solid #027b76;}
/*.tpl-page #header #navigation > ul > li > a, .tpl-tpl-emono #header a{color:#027b76 !important;}*/
ul.features{list-style:none;}
ul.features li{font-size:16px;padding:0px 8px 8px 15px;margin:0 0 18px 0;position:relative;}
ul.features li:before{content:'';position:absolute;top:0;left:0;height:20px;border-left:5px solid #027b76;}
#content .panel, #content .card, .service-plan-pack{border: 1px solid #ececec;box-shadow: #ececec 5px 5px 7px;}
#content .panel .panel-title, #content .card .card-title{text-align:center;}
.service-plan-pack{padding:10px;}
.service-plan-pack h3{text-align:center;margin:0 0 10px 0;}
.service-plan-pack > p{margin:0 0 10px 0;}
.service-plan-pack .pack-price{font-size:20px;text-align:center;font-weight:bold;margin:20px 0;}
.service-plan-pack > ul{list-style:none;margin:0 0 20px 0;padding:0;}
.service-plan-pack > ul li{margin:0;font-size:12px;border-bottom:1px solid #ececec;padding:8px 0;}
/**** FORMS ****/
#sidebar .widget.widget-sb-form{position:sticky;top:100px;}
.widget .sb-form-container .panel{background:#092E49;}
.widget .sb-form-container .panel-heading{background:url(images/reqs-bg.jpg) no-repeat center center;background-size:cover;}
.widget .sb-form-container .panel-heading h2{text-align: center;color: #fff;font-weight: 100;font-family: 'Coolvetica';font-size: 37px;}
.why-icon-list .list-item{margin:0 0 20px 0;border-botom:1px solid #ececec;}
.bc-proc1, .bc-proc2, .bc-proc3, .bc-proc4 {
    width: 50px;
    height: 50px;
    text-align: center;
    float: left;
    padding: 10px 9px;
    color: #fff;
    margin: 0 10px 0 0;
}
.bc-proc1{background:#17a2b8;padding-left:17px;}
.bc-proc2{background:#7675d3;}
.bc-proc3{background:#f8b542;}
.bc-proc4{background:#e98db2;padding-left:11px;}
pre.code{background:#000;color:#0ddd06;width:100%;max-height:350px;overflow:auto;border-radius:6px;padding:10px;}
.widget-most-viewed-products .products .product figure{margin:0;}
/*pre.code {outline: 1px solid #ccc; padding: 5px; margin: 5px; }*/
pre.code .string { color: green; }
pre.code .number { color: darkorange; }
pre.code .boolean { color: blue; }
pre.code .null { color: magenta; }
pre.code .key { color: red; }
/*
@media (min-width:360px)
{
	.front-section{height:250px;}
	.slides .slide .body .title{font-size:27px !important;}
	.slides .slide .body .text{font-size:16px !important;}
	#logo{height:45px;}
}
*/
/*@media (max-width: 576px)*/
@media (max-width: 760px)
{
	.front-section{height:250px;}
	.slides .slide .body .title{font-size:27px;}
	.slides .slide .body .text{font-size:16px;}
	#logo{height:45px;}
	#navigation{margin:3px 0 !important;background:#fff;width:80%;height:764px;position:fixed;left:0;border:1px solid #ececec;box-shadow:2px 2px 4px #bcbcbc;transition:all 0.4s ease-in-out;}
	#navigation.hidden-mobile{left:-100%;}
	#navigation > ul{margin: 1px 0 0 0 !important;}
	#navigation > ul > li{float:initial !important;margin:0 !important;}
	#navigation ul li a{color:#027b76 !important;font-size:15px !important;text-align:left !important;border-bottom:1px solid #ececec;padding:8px 9px !important;}
	#navigation ul li a:hover, #navigation ul li a:focus{background:#027b76 !important;color:#fff !important;}
	#navigation > ul > li ul.submenu{padding:0 0 0 10px !important;position:relative !important;width:100% !important;box-shadow:none !important;}
	#sidebar{height:auto !important;padding-top:0;}
	#sidebar .widget.widget-sb-form{position:relative;top:0;}
	#user-menu ul li a label{display:none;}
	#user-menu ul li{margin-right:4px;}
	#user-menu ul li a{padding: 2px;
    border-radius: 100%;
    border: 1px solid #027b76;
    width: 26px;
    display: inline-block;
    text-align: center;}
}
@media (min-width:768px)
{
	.front-section{height:330px;}
	.slides .slide .body .title{font-size:27px;}
	.slides .slide .body .text{font-size:16px;}
	#logo{height:80px;}
}
@media (min-width:992px)
{
	.front-section{height:330px;}
	.slides .slide .body .title{font-size:27px;}
	.slides .slide .body .text{font-size:16px;}
	#logo{max-height:45px;}
}
@media (min-width:1200px)
{
	#logo{max-height:95px;}
	#front-slider{min-height:600px;}
	#front-slider .slide .body .title{font-size:85px;}
	#front-slider .slide .body .text{font-size:30px;}
}
@keyframes anim-1 {
	0%, 8.3% { left: -100%; opacity: 0; }
	8.3%,25% { left: 25%; opacity: 1; }
	33.33%, 100% { left: 110%; opacity: 0; }
}
@keyframes anim-2 {
	0%, 33.33% { left: -100%; opacity: 0; }
	41.63%, 58.29% { left: 25%; opacity: 1; }
	66.66%, 100% { left: 110%; opacity: 0; }
}
@keyframes anim-3 {
	0%, 66.66% { left: -100%; opacity: 0; }
  74.96%, 91.62% { left: 25%; opacity: 1; }
  100% { left: 110%; opacity: 0; }
}