/*
------------------------------------------------------------------------------------
COM.EZZATO.DEV
By : Andre Lorenzoni at andre@ezzato.com
------------------------------------------------------------------------------------
*/	

/*
fonts
*/

/*
@import url('https://fonts.googleapis.com/css?family=Montserrat:300,400,500,700|Open+Sans:300,400,700&display=swap');
*/

@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@100;200;300;400;700;900&display=swap');
@import url('https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css');

/*
globals
*/

i:not(.fa) {
   font-size: inherit;
   font-family: inherit;
   color: inherit;
   font-style: italic!important;
}

br {
   font-size: 10px!important;
}

* {
   /* avoid space in block */
   font-size: 0px; 
   font-family: 'Montserrat', sans-serif;
}

html {
   position: relative;
   display: block;
   height: auto!important;
}

body {
   background: var(--bg-color);
   background-image: var(--bg-linear);
   height: auto!important;
   color:var(--text-color);
   transition:5s;
	-o-transition:.5s;
	-ms-transition:.5s;
	-moz-transition:.5s;
   -webkit-transition:.5s;
   display: block;
   /*
   min-height: 100vh;
   */
   background-size: 100%;
   background-repeat: no-repeat;
}

.page {
   position: relative;
   display: block;
   /*min-height: 100vh;*/
   height: inherit;
}

.page > section {
   position: relative;
   display: block;
   height: inherit;
   /*height: 100vh;;*/

   /*
   safari
   */
   height: auto;
  /* min-height: 100vh;*/
}

.page > section > div.wrapper {
   position: relative;
   display: block;
   width: 1420px;
   margin: 0 auto;
   /*height: 100vh;*/
   height: inherit;
}

.page > section > div.wrapper > div.container {
   position: relative;
   /*overflow: hidden;*/
}

.page > section > div.wrapper > div.container.logged {
   /* side menu spacer */
   padding: 40px 40px 40px 130px;   
}

.page > section > div.wrapper > div.container.logged.reduced {
   padding-top: 10px;
}

.page > section > div.wrapper > div.container.logged.with-header {
   /* side menu spacer */
   padding: 0px 40px 40px 130px;   
   height: 100%;
   min-height: calc(100% - 232px);
}

.page > section > div.wrapper > div.container.middle {
   /* side menu spacer */
   padding: 00px 40px 00px 130px;   
}

.page > section > div.wrapper > div.container.middle + .container {
   height: calc(100% - 432px);
}

.page > section > div.wrapper > div.container.middle > div.evolution-set {
   padding: 0px;
}

.cols {
   position: relative;
   display: table;
   height: 100%;
}

.cols > .col-2 {
   position: relative;
   display: table-cell;
   vertical-align: middle;
   width: 50%;
}

.cols > .col-3 {
   position: relative;
   display: table-cell;
   vertical-align: middle;
   width: 33%;
}

.cols > .col-4 {
   position: relative;
   display: table-cell;
   vertical-align: middle;
   width: 25%;
}

.cols > .col-5 {
   position: relative;
   display: table-cell;
   vertical-align: middle;
   width: 20%;
}

.cols > div.top {
   vertical-align: top;
}

.cols > div.bottom {
   vertical-align: bottom;
}

.space-me h1, 
.space-me h2, 
.space-me h3, 
.space-me h4, 
.space-me h5, 
.space-me h6, 
.space-me p, 
.space-me span,
.space-me a,
.space-me button,
.space-me input,
.space-me select {
   margin: 20px 0px;
}

ul.normal-li {
   position: relative;
   display: block;
   padding: 0px 0px;
}

ul.normal-li > li {
   position: relative;
   display: block;
   font-size: 17px;
   color:var(--text-color);
   font-weight: 200;
   padding: 10px 0px;
}

ul.normal-li > li:before {
   position: relative;
   display: inline-block;
   vertical-align: middle;
   margin-right: 10px;
   border-radius: 100%;
   width: 20px;
   height: 20px;
   font-size: 14px;
   background-image: var(--bg-linear-light);
   text-align: center;
   line-height: 20px;
   font-family: "Material Icons";
   color:var(--text-color-invert);
   content:'';
}

.base-col {
   position: relative;
   display: inline-block;
   vertical-align: middle;
   padding: 5px;
}

.base-col.top-align {
   vertical-align: top;
}


/* internet explorer */

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {  
   /* Put your IE-only styles here. Works for IS 10 & IE 11*/
}