/*!
Theme Name: ttlock_es
Theme URI: http://underscores.me/
Author: RefatIs
Description: Description
Version: 1.0.0
Tested up to: 5.4
Requires PHP: 5.6
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: ttlock_es
Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready
*/

@import url('https://fonts.googleapis.com/css2?family=Fira+Sans:wght@400;500;700&display=swap');

*, *:after, *:before {
	box-sizing: border-box;
	padding: 0;
	margin: 0;
}
img {
	max-width: 100%;
	height: auto;
}

body {
	background: #f8f8f8;
	font-family: 'Fira Sans', sans-serif;
}
#page {
	display: flex;
	flex-direction: column;
	min-height: 100vh;
}
.site-header {
    background: #000;
    padding: 10px 0px;
}
.header-wrap {
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.header-flex {
	display: flex;
	justify-content: space-between;
	align-items: center;
}
.logo img {
	max-width: 100px;
}
.mmenu {
    display: none;
    background: transparent;
    border: none;
    outline: none;
}
.menu-open:before {
    content: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjxzdmcgd2lkdGg9IjMwcHgiIGhlaWdodD0iMzBweCIgdmlld0JveD0iMCAwIDI0IDI0IiBmaWxsPSJub25lIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPg0KPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0yMC43NSA3QzIwLjc1IDcuNDE0MjEgMjAuNDE0MiA3Ljc1IDIwIDcuNzVMNCA3Ljc1QzMuNTg1NzkgNy43NSAzLjI1IDcuNDE0MjEgMy4yNSA3QzMuMjUgNi41ODU3OSAzLjU4NTc5IDYuMjUgNCA2LjI1TDIwIDYuMjVDMjAuNDE0MiA2LjI1IDIwLjc1IDYuNTg1NzkgMjAuNzUgN1oiIGZpbGw9IiNmZmYiLz4NCjxwYXRoIGZpbGwtcnVsZT0iZXZlbm9kZCIgY2xpcC1ydWxlPSJldmVub2RkIiBkPSJNMjAuNzUgMTJDMjAuNzUgMTIuNDE0MiAyMC40MTQyIDEyLjc1IDIwIDEyLjc1TDQgMTIuNzVDMy41ODU3OSAxMi43NSAzLjI1IDEyLjQxNDIgMy4yNSAxMkMzLjI1IDExLjU4NTggMy41ODU3OSAxMS4yNSA0IDExLjI1TDIwIDExLjI1QzIwLjQxNDIgMTEuMjUgMjAuNzUgMTEuNTg1OCAyMC43NSAxMloiIGZpbGw9IiNmZmYiLz4NCjxwYXRoIGZpbGwtcnVsZT0iZXZlbm9kZCIgY2xpcC1ydWxlPSJldmVub2RkIiBkPSJNMjAuNzUgMTdDMjAuNzUgMTcuNDE0MiAyMC40MTQyIDE3Ljc1IDIwIDE3Ljc1TDQgMTcuNzVDMy41ODU3OSAxNy43NSAzLjI1IDE3LjQxNDIgMy4yNSAxN0MzLjI1IDE2LjU4NTggMy41ODU3OSAxNi4yNSA0IDE2LjI1TDIwIDE2LjI1QzIwLjQxNDIgMTYuMjUgMjAuNzUgMTYuNTg1OCAyMC43NSAxN1oiIGZpbGw9IiNmZmYiLz4NCjwvc3ZnPg==);
}
.menu-close:before {
    content: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz48IS0tIFVwbG9hZGVkIHRvOiBTVkcgUmVwbywgd3d3LnN2Z3JlcG8uY29tLCBHZW5lcmF0b3I6IFNWRyBSZXBvIE1peGVyIFRvb2xzIC0tPg0KPHN2ZyB3aWR0aD0iMzBweCIgaGVpZ2h0PSIzMHB4IiB2aWV3Qm94PSIwIDAgMjQgMjQiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+DQo8cGF0aCBkPSJNMjAuNzQ1NyAzLjMyODUxQzIwLjM1NTIgMi45Mzc5OCAxOS43MjIgMi45Mzc5OCAxOS4zMzE1IDMuMzI4NTFMMTIuMDM3MSAxMC42MjI5TDQuNzQyNzUgMy4zMjg1MUM0LjM1MjIzIDIuOTM3OTggMy43MTkwNiAyLjkzNzk4IDMuMzI4NTQgMy4zMjg1MUMyLjkzODAxIDMuNzE5MDMgMi45MzgwMSA0LjM1MjIgMy4zMjg1NCA0Ljc0MjcyTDEwLjYyMjkgMTIuMDM3MUwzLjMyODU2IDE5LjMzMTRDMi45MzgwMyAxOS43MjIgMi45MzgwMyAyMC4zNTUxIDMuMzI4NTYgMjAuNzQ1N0MzLjcxOTA4IDIxLjEzNjIgNC4zNTIyNSAyMS4xMzYyIDQuNzQyNzcgMjAuNzQ1N0wxMi4wMzcxIDEzLjQ1MTNMMTkuMzMxNSAyMC43NDU3QzE5LjcyMiAyMS4xMzYyIDIwLjM1NTIgMjEuMTM2MiAyMC43NDU3IDIwLjc0NTdDMjEuMTM2MiAyMC4zNTUxIDIxLjEzNjIgMTkuNzIyIDIwLjc0NTcgMTkuMzMxNUwxMy40NTEzIDEyLjAzNzFMMjAuNzQ1NyA0Ljc0MjcyQzIxLjEzNjIgNC4zNTIyIDIxLjEzNjIgMy43MTkwMyAyMC43NDU3IDMuMzI4NTFaIiBmaWxsPSIjZmZmIi8+DQo8L3N2Zz4=);
}
.header-menu ul {
	display: flex;
	align-items: center;
	gap: 30px;
    list-style: none;
}
.header-menu ul li a {
	color: #fff;
	font-size: 18px;
	text-decoration: none;
}

body {
    min-height: 100vh;
    background-image: url(images/bg.jpg);
    background-position: center center;
    background-size: cover;
    background-attachment: fixed;
}
main.maincontent {
    background: none;
}
.page-template-page-front {
    background: #f8f8f8;
}
.inner-page .container {
    background: #ffffff;
    min-height: auto;
    padding: 25px 15px;
    border-radius: 20px;
}

.site-main {
	padding: 40px 0 100px;
}
.container {
    padding-left: 15px;
    padding-right: 15px;
    box-sizing: border-box;
    margin: 0 auto;
    max-width: 1230px;
}
.categories-grid {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	grid-gap: 15px;
	margin-top: 40px;
}
.categories-item {
    border-radius: 10px;
    overflow: hidden;
}
.help-section {
	margin-top: 60px;
}
.section-title {
	font-size: 2rem;
	margin-bottom: 1.5rem;
}
.help-grid {
	display: grid;
	grid-gap: 15px;
	grid-template-columns: repeat(2, 1fr);
}
.help-item:first-of-type {
	grid-row: 1/3;
}
.why-us-section {
    margin-top: 60px;
}
.why-grid {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(260px, 1fr));
    grid-gap: 30px
}
.why-item-item h3 {
	font-size: 24px;
	font-weight: 500;
	margin-bottom: 7px;
}

.hentry h3 {
	margin-bottom: 0.6rem;
}
.hentry p {
	margin-bottom: 1rem;
	line-height: 1.35;
}
.hentry h1 {
	font-size: 2.5rem;
	margin-bottom: 0.75rem;
	font-weight: 500;
}
.hentry img {
	margin: 0 auto;
	display: block;
}
.hentry ul {
	margin-left: 25px;
	margin-bottom: 1rem;
	line-height: 1.6;
}
.hentry hr {
	margin: 25px 0;
}

.footer {
	background: #000;
	padding: 25px 0;
	margin-top: auto;
}
.wa-button {
	color: #fff;
	background: #d00;
	padding: 8px 20px;
	border-radius: 30px;
	position: fixed;
	bottom: 100px;
	right: 80px;
	text-decoration: none;
	transition: all 0.3s ease;
}
.wa-button:hover {
	background: #b00;
}

/* Alignments
--------------------------------------------- */
.alignleft {

	/*rtl:ignore*/
	float: left;

	/*rtl:ignore*/
	margin-right: 1.5em;
	margin-bottom: 1.5em;
}

.alignright {

	/*rtl:ignore*/
	float: right;

	/*rtl:ignore*/
	margin-left: 1.5em;
	margin-bottom: 1.5em;
}

.aligncenter {
	clear: both;
	display: block;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 1.5em;
}












/* Slick */
.slick-slider{position:relative;display:block;box-sizing:border-box;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-touch-callout:none;-khtml-user-select:none;-ms-touch-action:pan-y;touch-action:pan-y;-webkit-tap-highlight-color:transparent}.slick-list{position:relative;display:block;overflow:hidden;margin:0;padding:0;padding-top:12px;margin-top:-12px}.slick-list:focus{outline:0}.slick-list.dragging{cursor:pointer;cursor:hand}.slick-slider .slick-list,.slick-slider .slick-track{-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);-o-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}.slick-track{position:relative;top:0;left:0;display:block;margin-left:auto;margin-right:auto}.slick-track:after,.slick-track:before{display:table;content:''}.slick-track:after{clear:both}.slick-loading .slick-track{visibility:hidden}.slick-slide{display:none;float:left;height:100%;min-height:1px}[dir=rtl] .slick-slide{float:right}.slick-slide img{display:block}.slick-slide.slick-loading img{display:none}.slick-slide.dragging img{pointer-events:none}.slick-initialized .slick-slide{display:block}.slick-loading .slick-slide{visibility:hidden}.slick-vertical .slick-slide{display:block;height:auto;border:1px solid transparent}.slick-arrow.slick-hidden{display:none}
/* Dots */
.slick-dotted.slick-slider {
    margin-bottom: 0px;
}

.slick-dots {
    position: absolute;
    bottom: 25px;
    display: block;
    width: 100%;
    padding: 0;
    margin: 0;
    list-style: none;
    text-align: center;
}
.slick-dots li {
    position: relative;
    display: inline-block;
    width: 20px;
    height: 20px;
    margin: 0 5px;
    padding: 0;
    cursor: pointer;
}
.slick-dots li button {
    font-size: 0;
    line-height: 0;
    display: block;
    width: 20px;
    height: 20px;
    padding: 5px;
    cursor: pointer;
    color: transparent;
    border: 0;
    outline: none;
    background: transparent;
}
.slick-dots li button:hover,
.slick-dots li button:focus {
    outline: none;
}
.slick-dots li button:hover:before,
.slick-dots li button:focus:before {
    opacity: 1;
}
.slick-dots li button:before {
    font-family: 'slick';
    font-size: 30px;
    line-height: 20px;
    position: absolute;
    top: 0;
    left: 0;
    width: 20px;
    height: 20px;
    content: '•';
    text-align: center;
    opacity: .5;
    color: #fff;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.slick-dots li.slick-active button:before {
    opacity: 1;
    color: #fff;
}



@media screen and (max-width: 768px) {
	.header-menu ul {
	    gap: 20px;
	}
	.header-menu ul li a {
	    font-size: 16px;
	}
}
@media screen and (max-width: 640px) {
    .help-grid {
        grid-template-columns: 1fr;
    }
	.header-menu ul {
	    gap: 10px;
	}
}
@media screen and (max-width: 576px) {
    .logo img {
	    max-width: 70px;
	}
    .header-menu ul li a {
        font-size: 14px;
    }
	.mmenu {
	    display: block;
	}
	.menu-close {
		position: absolute;
		top: 20px;
		right: 20px;
	}
	.header-menu {
		position: fixed;
	    height: 100vh;
	    background: #333;
	    width: 200px;
	    right: 0;
	    transform: translateX(100%);
	    padding: 60px 20px 20px;
	    top: 0;
	    z-index: 10;
	    overflow-y: auto;
	    transition: all 0.3s ease;
	}
	.header-menu.open {
		transform: translateX(0);
	}
	.header-menu ul {
		flex-direction: column;
		align-items: flex-start;
	}
	.wa-button {
		bottom: 30px;
		right: 10px;
	}
}
@media screen and (max-width: 480px) {
    .categories-grid {
      grid-template-columns: 1fr;
      grid-gap: 10px;
    }
}