/* @import url('http://example.com/example_style.css'); */

/***********************************************/
/* CSS @imports must be at the top of the file */
/* Add them above this section                 */
/***********************************************/

/*****************************************/
/* Start your style declarations here    */
/*****************************************/
*{
	box-sizing: border-box;
  }
  
  body,*,p,ul,a{
	font-family:indivisible, sans-serif;
  }
  
  h1,h2,h3,h4,h5,h6{
	font-family: korolev, sans-serif;
  }
  
  .container {
	  width: 100%;
	  max-width: 1280px;
	  padding: 0 40px;
	  margin: 0 auto;
  }
  
  h1{
	font-weight: 700;
	font-size: 90px;
	line-height: 100%;
	letter-spacing: 0px;
	text-transform: uppercase;
	font-family:korolev, sans-serif;
  }
  
  h2{
	font-weight: 700;
	font-size: 64px;
	line-height: 100%;
	letter-spacing: 0px;
	text-transform: uppercase;
	font-family:korolev, sans-serif;
  }
  
  h3{
	font-weight: 700;
	font-size: 40px;
	line-height: 100%;
	letter-spacing: 0px;
	text-transform: uppercase;
	font-family:korolev, sans-serif;
  }
  
  h4{
	font-weight: 700;
	font-size: 30px;
	line-height: 130%;
	letter-spacing: 0px;
	text-transform: uppercase;
	font-family:korolev, sans-serif;
  }
  
  h5,h6{
	font-weight: 700;
	line-height: 110%;
	letter-spacing: 0px;
	text-transform: uppercase;
	font-family:korolev, sans-serif;
  }
  
  p{
	font-family:indivisible, sans-serif;
	box-sizing: border-box;
	font-weight: 400;
	font-size: 18px;
	line-height: 100%;
	letter-spacing: 0px;
  }
  
  ul {
	margin: 0;
	padding: 0;
	list-style-type: none;
  }

  .btn-primary{
		  display: flex;
		  justify-content: center;
		  align-items: center;
		  gap: 10px;
		  padding: 20px 30px;
		  font-weight: bold;
		  font-size: 20px;
		  line-height: 120%;
		  text-align: center;
		  background-color: #000;
		  color: #fff;
		  border: 1px solid #fff;
		  font-family:indivisible, sans-serif;
		  text-decoration: none;
		  cursor: pointer;
	  }
	  .btn-primary:hover{
		  background-color: #fff;
		  color: #fff;
		  text-decoration: none;
	  }
	  .btn-primary:hover svg path{
		  stroke: #000;
	  }
  
	.btn-secondary-light{
		  display: flex;
		  justify-content: center;
		  align-items: center;
		  gap: 10px;
		  padding: 20px 30px;
		  font-weight: bold;
		  font-size: 20px;
		  line-height: 120%;
		  text-align: center;
		  background-color: transparent;
		  color: #fff;
		  border: 1px solid #fff;
		  font-family:indivisible, sans-serif;
		  text-decoration: none;
		  cursor: pointer;
	  }
	  .btn-secondary-light:hover{
		  background-color: #fff;
		  color: #fff;
		  text-decoration: none;
	  }
	  .btn-secondary-light:hover svg path{
		  stroke: #000;
	  }
	  .btn-secondary-dark{
		display: flex;
		justify-content: center;
		align-items: center;
		gap: 10px;
		padding: 20px 30px;
		font-weight: bold;
		font-size: 20px;
		line-height: 120%;
		text-align: center;
		background-color: transparent;
		color: #000;
		border: 1px solid #000;
		font-family:indivisible, sans-serif;
		text-decoration: none;
		cursor: pointer;
	}
	.btn-secondary-dark:hover{
		background-color: #000;
		color: #fff;
		text-decoration: none;
	}
	.btn-secondary-dark:hover svg path{
		stroke: #fff;
	}
  // Responsive
  
  @media(max-width:1200px){
	h1{
	  font-size: 70px;
	}
	h2{
	  font-size: 50px;
	}
	h3{
	  font-size: 35px;
	}
  }
  @media(max-width:991px){
	h1{
	  font-size: 60px;
	}
	h2{
	  font-size: 40px;
	}
	h3{
	  font-size: 30px;
	}
	h4{
	  font-size:28px;
	}
  }
  @media(max-width:767px){
	h1{
	  font-size: 54px;
	}
	h2{
	  font-size: 32px;
	}
	h3{
	  font-size: 24px;
	}
  }
.sidebox-text strong{
      text-transform: uppercase;
}