/*
Theme Name: 21draw
Text Domain: 21draw
Version: 1.0
Description:
Tags:
License: Private
License URI: Private
*/

* {
	box-sizing: border-box;
}

html {
	-webkit-tap-highlight-color: transparent;
}

body {
	margin: 0 !important;
	font-family: 'Poppins', sans-serif;
	position: relative;
}

header {
	font-family: 'Roboto', sans-serif;
}

img {
	max-width: 100%;
	height: auto;
}
em {
	font-style: normal;
	font-weight: 600;
}
svg, iframe {
	max-width: 100%;
}

a, a:hover {
	text-decoration: none;
}

input:focus {
	outline: none!important;
}

img.lazy.loading:not(.d_fontAwesomeIcon_img), video.lazy.loading {
	background: url('data:image/svg+xml,%3C%3Fxml version="1.0" encoding="UTF-8" standalone="no"%3F%3E%3Csvg xmlns="http://www.w3.org/2000/svg" width="64px" height="64px" viewBox="0 0 128 128"%3E%3Crect x="0" y="0" width="100%25" height="100%25" fill="transparent" /%3E%3Cg%3E%3Cpath d="M64 128A64 64 0 0 1 18.34 19.16L21.16 22a60 60 0 1 0 52.8-17.17l.62-3.95A64 64 0 0 1 64 128z" fill="%23ee7105"/%3E%3CanimateTransform attributeName="transform"  attributeType="XML" type="rotate" from="0 64 64" to="360 64 64" dur="1.8s" repeatCount="indefinite"%3E%3C/animateTransform%3E%3C/g%3E%3C/svg%3E') no-repeat center center;
	background-size: 50% 50%;
}

.d_sharedContainer {
	--d_sharedContainer-width: calc(100vw - 30px);
	padding: 0 calc((100% - var(--d_sharedContainer-width)) / 2);
}

.d_sharedContainer2 {
	--d_sharedContainer2-width: calc(100vw - 40px);
	padding: 0 calc((100vw - var(--d_sharedContainer2-width)) / 2);
}

.d_orangeBtn {
	border-radius: 3px;
	text-align: center;
	background: #ee7105;
	transition: all .15s linear;
	color: white;
	text-transform: uppercase;
}

.d_orangeBtn:hover {
	background: #ff7700;
}

.d_blackBtn {
	border-radius: 3px;
	text-align: center;
	background: #000;
	color: #e0e0e0;
	transition: all .15s linear;
	text-transform: uppercase;
}

.d_blackBtn:hover {
	color: #e0e0e0;
	background-color: #1e1e1e;
}

/* Thrive leads CSS start */
.tve_shortcode_editor button {
	transition: all .15s linear;
}

.tl-style {
	color: #5e5e5e;
}

.tl-style a {
	color: #5e5e5e;
}

.tl-style a:hover {
	color: #ee7105;
}

.tl-style button[type=submit] {
	font-weight: 700;
	text-transform: uppercase;
	height: 40px;
	line-height: 1;
}

.tl-style .tcb-icon {
	max-width: initial;
}

html[lang='fr-FR'] .tl-states-root, html[lang='es-ES'] .tl-states-root {
	display: none;
}

html[lang='fr-FR'].tve-o-hidden.tve-hide-overflow.tve-l-open, html[lang='fr-FR'] body.tve-o-hidden.tve-hide-overflow.tve-l-open,
html[lang='es-ES'].tve-o-hidden.tve-hide-overflow.tve-l-open, html[lang='es-ES'] body.tve-o-hidden.tve-hide-overflow.tve-l-open {
	overflow: initial!important;
	padding-right: 0!important;
}

/* Thrive leads CSS end */

@media (min-width: 768px) {
	.d_sharedContainer {
		--d_sharedContainer-width: calc(100vw - 60px);
	}
	.d_sharedContainer2 {
		--d_sharedContainer2-width: calc(100vw - 60px);
	}
}

@media (min-width: 1380px) {
	.d_sharedContainer {
		--d_sharedContainer-width: 1170px;
	}
	.d_sharedContainer2 {
		--d_sharedContainer2-width: 1170px;
	}
}