/*
*
*
*	Defaults
*
*
*/

html {line-height: 1.15; -webkit-text-size-adjust: 100%;}

body {font-family: 'Montserrat'}

body {
    line-height: 1.6;
    font-size: 16px;
    font-weight: 400;
    color: var(--color-text)
}

body {background: #fafafa; line-height: 1.6; font-size: 16px; font-weight: 400;font-family: 'Montserrat';}
body.night {background: #282a37;}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: 'Poppins';
    font-size: var(--h1);
    font-weight: 500;
    color: var(--color-head)
}

h2 { font-size: var(--h2) }
h3 { font-size: var(--h3) }
h4 { font-size: var(--h4) }
h5 { font-size: var(--h5) }
h6 { font-size: var(--h6) }

a {
    color: var(--color-link-primary);
    text-decoration: none
}

a:hover {
    color: var(--color-red);
    text-decoration: none
}


*, ::after, ::before {box-sizing: inherit;}





.w-div-block {
    display: flex;
    flex-wrap: nowrap;
    flex-direction: column;
    align-items: flex-start
}

.ct-link-text {
    display: inline-block
}

.ct-link {
    display: flex;
    flex-wrap: wrap;
    text-align: center;
    text-decoration: none;
    flex-direction: column;
    align-items: center;
    justify-content: center
}

.w-span, .ct-span {
    display: inline-block;
    text-decoration: inherit
}




/* Transition */
/*------------*/
a, .w-icon, .w-autocomplete-items div, .w-btn-main, .w-btn-green, .w-btn-abort, .w-btn-abort-red, .w-contac-icon-wrap, .contact-list-row, .contacttel>span, .contact-mail {transition: all 0.5s ease-out 0s;}

/* fullscreen */
/*------------*/
::backdrop{background-color: var(--color-bg-white);}



/*
*
*
*	forms - Input
*
*
*/

/* place holder */
/*--------------*/
input::placeholder {opacity: 0.4;}
::placeholder {opacity: 0.2;}
::-webkit-input-placeholder {opacity: 0.4;;}
:-ms-input-placeholder {opacity: 0.4;}
::-ms-input-placeholder {opacity: 0.4;}

/* disable outlines */
/*------------------*/
textarea:focus, input:focus{outline: none;}

/* form inputs default design */
.w-form-defaults {
	color: var(--color-text-dark);
	border-radius: 0px;
	height: auto;
	max-width: 100%;
	/* font-size: 100%; */
	background: var(--color-input-bg);
	margin: 0px;
	padding: var(--s-space) var(--s-space);
	border: 0px solid transparent;
	transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}

.night .w-form-defaults {border: 1px solid var(--color-bottom-border);}

.w-form-defaults:focus {
	box-shadow: var(--input-focus-shadow);
	transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
	background: var(--color-input-active);
}

.w-input-search:focus {border: 1px solid var(--color-accent); }

/*
input {background: transparent; font-size: 100%; line-height: 1.15; margin: 0;overflow: visible; border-radius: 0px;border: 1px solid var(--color-imput-border); padding: var(--xs-space) var(--s-space);}
input:focus {border: 1px solid var(--color-accent);	box-shadow: var(--input-focus-shadow);}

textarea {border: 1px solid var(--color-imput-border);}
textarea:focus {border: 1px solid var(--color-accent); box-shadow: var(--input-focus-shadow);}

textarea:focus, input:focus{outline: none;}
*/


.w-width-full {width: 100%;}
.w-height-full {height: 100%;}

.w-box-shadow {box-shadow: var(--box-shadow);}

.w-cursor-pointer {cursor: pointer;}

.w-relative {position: relative;}

.w-inline {display:flex; flex-direction: row; align-items: center;}

.w-hide {display: none !important;}

.w-opacity-0 {opacity: 0;}
.w-opacity-05 {opacity: 0.5;}

/* progres bar */
.w-progressbar {height: 2px;}
.w-progress-line {width: 60%;}
.w-progress-text {position: absolute; right:0; bottom:0;}

/* backgrounds */
.w-bg-dark {background: var(--color-bg-dark);}
.w-bg-light {background: var(--color-bg-light);}
.w-bg-light-2 {background: var(--color-bg-light-2)}

.w-bg-accent {background: var(--color-accent);}
.w-bg-accent-light {background: var(--color-accent-light);}

.w-bg-blue {background: var(--color-blue);}
.w-bg-blue-light {background: var(--color-blue-light);}

.w-bg-red {background: var(--color-red);}
.w-bg-red-light {background: var(--color-red-light);}

.w-bg-green {background: var(--color-green);}
.w-bg-green-light {background: var(--color-green-light);}

.w-bg-yellow {background: var(--color-yellow);}
.w-bg-yellow-light {background: var(--color-yellow-light);}

.w-bg-purple {background: var(--color-purple);}
.w-bg-orange {background: var(--color-orange);}
.w-bg-pink {background: var(--color-pink);}




/*borders*/

.w-border-bottom-light {border-bottom: 1px solid var(--color-bottom-border)}
.w-border-light {border: 1px solid var(--color-bottom-border)}


/*
*
* Fonts
*
*/

.w-hover-accent:hover {color: var(--color-accent);}
.w-hover-red:hover {color: var(--color-red);}


.w-text-color {color: var(--color-text)}
.w-text-dark {color: var(--color-text-dark)}

.w-color-white {color: var(--color-text-white)}
.w-color-red {color: var(--color-red);}
.w-color-green {color: var(--color-green);}
.w-color-blue {color: var(--color-blue)}

.w-text-s {font-size: var(--s-text);}
.w-text-m {font-size: var(--m-text);}
.w-text-l {font-size: var(--l-text);}
.w-text-xl {font-size: var(--xl-text);}

.w-text-align-right {text-align: right;}
.w-text-align-left {text-align: left;}
.w-text-align-center {text-align: center;}

.w-font-weight-400 {font-weight: 400;}
.w-font-weight-500 {font-weight: 500;}
.w-font-weight-600 {font-weight: 600;}
.w-font-weight-700 {font-weight: 700;}

/*
*
* Margins
*
*/

.w-margin-right-xs {margin-right: var(--xs-space);}
.w-margin-right-s {margin-right: var(--s-space);}
.w-margin-right-m {margin-right: var(--m-space);}
.w-margin-right-l {margin-right: var(--l-space);}
.w-margin-right-xl {margin-right: var(--xl-space);}
.w-margin-right-xxl {margin-right: var(--xxl-space);}

.w-margin-bottom-xs {margin-bottom: var(--xs-space);}
.w-margin-bottom-s {margin-bottom: var(--s-space);}
.w-margin-bottom-m {margin-bottom: var(--m-space);}
.w-margin-bottom-l {margin-bottom: var(--l-space);}
.w-margin-bottom-xl {margin-bottom: var(--xl-space);}
.w-margin-bottom-xxl {margin-bottom: var(--xxl-space);}

.w-padding-s {padding: var(--s-space)}
.w-padding-xs {padding: var(--xs-space)}

.w-padding-left-s {padding-left:var(--s-space)}

/*
*
* Icons
*
*/
/*
.w-icon  {display: flex;} */
.w-icon > svg {fill: currentColor; display: flex;}

.w-icon-light {color: var(--color-icon-light);}

.w-icon-search {position: absolute; right: 0; top: 50%; transform: translate(-50%,-50%);}

/*
.w-icon-dark {color:: var(--color-icon);}
.w-icon-dark:hover {color: var(--color-accent);}


.w-icon-light {color: var(--color-icon-light);}
.w-icon-light:hover {color: var(--color-accent);}
*/


.w-icon-l > svg {width: 30px; height:30px;}
.w-icon-m > svg {width: 20px; height:20px;}
.w-icon-s > svg {width: 15px; height:15px;}
.w-icon-xl > svg {width: 40px; height:40px;}

body.small .w-icon-l > svg {width: 24px; height:24px;}
body.small .w-icon-m > svg {width: 16px; height:16px;}
body.small .w-icon-s > svg {width: 12px; height:12px;}
body.small .w-icon-xl > svg {width: 32px; height:32px;}


/*
*
* Buttons
*
*/

.w-btn-s {font-size: var(--s-text); padding: 6px 12px; font-weight: 600}

.w-btn-main {width: fit-content; color: var(--color-accent); border: 2px solid var(--color-accent); cursor: pointer;}
.w-btn-main:hover {background: var(--color-accent); color: var(--color-text-white);}

.w-btn-green {width: fit-content; color: var(--color-green); border: 2px solid var(--color-green); cursor: pointer;}
.w-btn-green:hover {background: var(--color-green); color: var(--color-text-white);}
.night .w-btn-green {background: var(--color-green); color: #ffffff;}
.night .w-btn-green:hover {background: #ffffff color: var(--color-white)}

.w-btn-abort {width: fit-content; background: var(--color-white); color: var(--color-text-dark); border: 2px solid var(--color-white); cursor: pointer;}
.w-btn-abort:hover {background: var(--color-red); color: #ffffff;}

.w-btn-abort-red {width: fit-content; color: var(--color-red); border: 2px solid var(--color-red); cursor: pointer;}
.w-btn-abort-red:hover {background: var(--color-red); color: var(--color-text-white);}


/* Links */
/*-------*/

.w-link-dark {color: var(--color-text-dark);}
.w-link-dark:hover {color: var(--color-accent)}



.w-flex {display: flex;}
.w-flex-column {flex-direction: column;}


/* GRID COLUMNS - DESKTOP */
/* ---------------------- */
.w-columns-3 {
  display: grid!important;
  grid-template-columns: repeat(3, 1fr); 
  width: 100%;
}
.w-columns-4 {
  display: grid!important;
  grid-template-columns: repeat(4, 1fr); 
  width: 100%;
}

/* COLUMN SPANS - DESKTOP - INCREASE CELL SIZE */
/*---------------------------------------------*/
.w-col-span-2 {
  grid-column: span 2 / span 2;
}
.w-col-span-3 {
  grid-column: span 3 / span 3;
}
.w-col-span-4 {
  grid-column: span 4 / span 4;
}
.w-row-span-2 {
  grid-row: span 2 / span 2;
}

.w-row-span-3 {
  grid-row: span 3 / span 3;
}

/* GAP */
/*-----*/
.w-columns-gap-s {grid-column-gap: var(--s-space);}





.w-align-items-center {align-items: center;}
.w-justify-content-center {justify-content: center;}