@charset "UTF-8";

/* Theme Name: Tabel
Theme URI: 
Author: Deme 
Description: Tabel
Version: 1.0 
License: GNU General Public License License URI: license.txt */

/* cyrillic-ext */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(./fonts/KFOmCnqEu92Fr1Mu72xKKTU1Kvnz.woff2) format('woff2');
  unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(./fonts/KFOmCnqEu92Fr1Mu5mxKKTU1Kvnz.woff2) format('woff2');
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* latin-ext */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(./fonts/KFOmCnqEu92Fr1Mu7GxKKTU1Kvnz.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(./fonts/KFOmCnqEu92Fr1Mu4mxKKTU1Kg.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* cyrillic-ext */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(./fonts/KFOlCnqEu92Fr1MmWUlfCRc4AMP6lbBP.woff2) format('woff2');
  unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(./fonts/KFOlCnqEu92Fr1MmWUlfABc4AMP6lbBP.woff2) format('woff2');
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}

/* latin-ext */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(./fonts/KFOlCnqEu92Fr1MmWUlfChc4AMP6lbBP.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(./fonts/KFOlCnqEu92Fr1MmWUlfBBc4AMP6lQ.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

body {
	font-family: 'Roboto';
	background-color: #0D0D0D;
	padding-top: 98px;
	padding-bottom: 240px;
	font-size: 20px;
	color: #AEAEAE;
}

body strong {
	color: #fff;
	font-weight: bold;
}

img {
	max-width: 100%;
}

.general-image {
	margin-bottom: 90px;
}

.button-area-wrapper {
	font-weight: bold;
	color: #fff;
	margin-bottom: 50px;
}

.general-btn, .wpcf7-submit {
	display: block;
	padding: 18px 36px 16px 36px;
	background-color: #D3D3D3;
	border-radius: 5px;
	color: #0D0D0D;
	transition: all 0.2s;
	text-decoration: none;
	text-align: center;
	font-weight: bold;
}

.general-btn:hover, .wpcf7-submit:hover {
	opacity: 0.8;
	transition: all 0.2s;
	color: #0D0D0D;
}

.intro-text {
	color: #fff;
	font-size: 16px;
	margin-bottom: 50px;
	margin-top: 65px;
}

.wpcf7 label, .wpcf7 input:not([type="checkbox"]), .wpcf7 textarea {
	width: 100%;
}

.wpcf7 p {
	margin-bottom: 0;
}

.wpcf7 label {
	color: #AEAEAE;
	font-size: 14px;
	margin-bottom: 14px;
}

.wpcf7 #char-counter, .wpcf7 textarea {
	color: #AEAEAE;
	font-size: 14px;
}

.wpcf7 label input:not([type="checkbox"]), .wpcf7 textarea {
	margin-top: 14px;
	background-color: #272727;
	border-radius: 5px;
	border: none;
	color: #fff;
	padding: 12px;
}

.wpcf7 label input:focus, .wpcf7 textarea:focus {
	box-shadow: none;
	outline: none;
}

.wpcf7-submit {
	margin-top: 74px;
	width: fit-content !important;
	display: block;
	margin-left: auto;
	margin-right: auto;
	line-height: 1;
	padding-left: 56px;
	padding-right: 56px;
}

.wpcf7-checkbox * {
	font-size: 18px;
	font-weight: bold;
	color: #fff;
}

.wpcf7-list-item input[type="checkbox"] {
	position: absolute;
	opacity: 0;
	width: 0;
	height: 0;
}

.wpcf7-list-item-label {
	display: flex;
	align-items: center;
	cursor: pointer;
	position: relative;
	padding-left: 47px;
}

body .wpcf7-not-valid-tip {
	font-size: 14px;
}

body .wpcf7-list-item {
	margin: 0;
}

.wpcf7-form-control-wrap[data-name="checkbox-agreement"] {
	margin-bottom: 36px;
	display: block;
}

.wpcf7-list-item-label::before {
	content: '';
	position: absolute;
	left: 0;
	width: 35px;
	height: 35px;
	background: url('./img/unchecked.svg') no-repeat center center;
	background-size: contain;
	transition: background 0.3s ease;
}


.wpcf7-list-item input[type="checkbox"]:checked + .wpcf7-list-item-label::before {
	background: url('./img/checked.svg') no-repeat center center;
	background-size: contain;
}

body .wpcf7-response-output {
	border: none !important;
	padding: 0 !important;
}

body .wpcf7-not-valid-tip {
	color: #fff;
	font-size: 12px;
}

.wpcf7-not-valid:not(.wpcf7-checkbox) {
	border: 1px solid #AEAEAE !important;
}

.grecaptcha-badge {
	display: none;
}

@media (max-width: 1439px) {
}

@media (max-width: 1199px) {
}

@media (max-width: 1024px) {
	
	
}

@media (max-width: 991px) {
	
}

@media (min-width: 768px) {
	.container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {
		max-width: 530px;
	}
}

@media (max-width: 767px) {
	.container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {
		max-width: 100%;
		padding-left: 40px;
		padding-right: 40px;
	}
	
	body {
		padding-top: 40px;
		padding-bottom: 150px;
	}
	
	.general-image {
		margin-bottom: 45px;
	}
	
	
}