.elementor-kit-5601{--e-global-color-primary:#4054B2;--e-global-color-secondary:#042C63;--e-global-color-text:#FFFFFF;--e-global-color-accent:#008EFF;--e-global-color-de7d6f3:#454545;--e-global-color-643bd6bd:#696969;--e-global-color-186b653c:#000000;--e-global-color-3da74e6a:#FFBA00;--e-global-typography-primary-font-family:"Raleway";--e-global-typography-primary-font-weight:400;--e-global-typography-primary-text-transform:capitalize;--e-global-typography-secondary-font-family:"Raleway";--e-global-typography-secondary-font-weight:400;--e-global-typography-text-font-family:"Raleway";--e-global-typography-text-font-weight:600;--e-global-typography-accent-font-family:"Raleway";--e-global-typography-accent-font-weight:400;background-color:var( --e-global-color-primary );}.elementor-kit-5601 e-page-transition{background-color:#FFBC7D;}.elementor-kit-5601 h5{font-family:"Arial", Sans-serif;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1140px;}.e-con{--container-max-width:1140px;}{}h1.entry-title{display:var(--page-title-display);}.site-header{padding-inline-end:0px;padding-inline-start:0px;}.site-footer .site-branding{flex-direction:column;align-items:stretch;}@media(max-width:1024px){.elementor-kit-5601{--e-global-typography-primary-font-size:12px;--e-global-typography-primary-line-height:2em;--e-global-typography-secondary-font-size:10px;--e-global-typography-text-font-size:12px;--e-global-typography-accent-font-size:12px;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:767px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}/* Start custom CSS */* { box-sizing: border-box; }

body {
  font-family: sans-serif;
	line-height: 1.00em;
}

body h5 {
	font-size: 14px;
	color: #FFF;
}


.elementor-widget-button .elementor-button {
    font-family: "Roboto", Sans-serif;
    font-weight: 500;
    background-color: #354283;
}


.elementor-widget-button .elementor-button:hover {
  background-color: #222;
}



/* ---- button ---- */

.button {
  display: inline-block;
  padding: 0.5em 1.0em;
  background: #4151A0;
  border: none;
  border-radius: 7px;
  background-image: linear-gradient( to bottom, hsla(0, 0%, 0%, 0), hsla(0, 0%, 0%, 0.2) );
  color: #2222;
  font-family: sans-serif;
  font-size: 12px;
  text-shadow: 0 1px white;
  cursor: pointer;
}

.button:hover {
  background-color: #8CF;
  text-shadow: 0 1px hsla(0, 0%, 100%, 0.5);
  color: #222;
}

.button:active,
.button.is-checked {
  background-color: #28F;
}

.button.is-checked {
  color: white;
  text-shadow: 0 -1px hsla(0, 0%, 0%, 0.8);
}

.button:active {
  box-shadow: inset 0 1px 10px hsla(0, 0%, 0%, 0.8);
}

/* ---- button-group ---- */

.button-group:after {
  content: '';
  display: block;
  clear: both;
}

.button-group .button {
  float: left;
  border-radius: 0;
  margin-left: 0;
  margin-right: 1px;
}

.button-group .button:first-child { border-radius: 0.5em 0 0 0.5em; }
.button-group .button:last-child { border-radius: 0 0.5em 0.5em 0; }

/* ---- isotope ---- */

.grid {
/*  background: #141B3C; */
/*  max-width: 1200px; */
}

/* clear fix */
.grid:after {
  content: '';
  display: block;
  clear: both;
}

/* ui group */

.ui-group {
  display: inline-block;
}

.ui-group h3 {
  display: inline-block;
  margin-right: 0.2em;
	color: #FFF;
  font-size: 16px;
}



.ui-group .button-group {
  display: inline-block;
  margin-right: 20px;
}

/* color-shape */

.color-shape {
  width: 200px;
  height: 258px;
  margin-left: 1px;
	margin-right: 1px;
	margin-top: 0px;
	margin-bottom: 0px;	
  float: left;
}
 
 @media only screen and (max-width: 600px) {
  .color-shape {
    width: 165px;
    height: 215px;
  }
}
 
 
/* .color-shape.dapo1 {
  border-radius: 200px;
}
 
.color-shape.dapo2 {
  border-radius: 200px;
}
 
.color-shape.easy { background: red; }
.color-shape.medium { background: blue; }
.color-shape.hard { background: yellow; }
.color-shape.vhard { background: green; }

.color-shape.dapo3, .color-shape.horizontal { width: 200px; }
.color-shape.dapo4, .color-shape.vertical { height: 200px; }

*//* End custom CSS */