/*!
 * Kathamo)
 */



/*!----A Modern CSS Rese ----*/
/* Box sizing rules */
*,
*::before,
*::after {
  box-sizing: border-box;
}

/* Prevent font size inflation */
html {
  -moz-text-size-adjust: none;
  -webkit-text-size-adjust: none;
  text-size-adjust: none;
		-webkit-text-size-adjust: 100%;
		-webkit-font-smoothing: antialiased; /* fontsmoothing�I�t */
}

body {
  
}


/* Remove default margin in favour of better control in authored CSS */
body, h1, h2, h3, h4, p,
figure, blockquote, dl, dd {
  margin-block-end: 0;
}

/* Remove list styles on ul, ol elements with a list role, which suggests default styling will be removed */
ul[role='list'],
ol[role='list'] {
  list-style: none;
}

/* Set core body defaults */
body {
  min-height: 100vh;
  line-height: 1.5;
}

/* Set shorter line heights on headings and interactive elements */
h1, h2, h3, h4,
button, input, label {
  line-height: 1.1;
}

/* Balance text wrapping on headings */
h1, h2,
h3, h4 {
  text-wrap: balance;
}

/* A elements that don't have a class get default styles */
a:not([class]) {
  text-decoration-skip-ink: auto;
  color: currentColor;
}

/* Make images easier to work with */
img,
picture {
  max-width: 100%;
  display: block;
}

/* Inherit fonts for inputs and buttons */
input, button,
textarea, select {
  font-family: inherit;
  font-size: inherit;
}

/* Make sure textareas without a rows attribute are not tiny */
textarea:not([rows]) {
  min-height: 10em;
}

/* Anything that has been anchored to should have extra scroll margin */
:target {
  scroll-margin-block: 5ex;
}




/*---------------------------------
	CONTAINER
-----------------------------------*/
.container { 
  position: relative; 
  margin-right: auto; 
  margin-left: auto; 
}

.container:before, 
.container:after { 
  display: table; 
  content: " "; 
}
 
.container:after { 
  clear: both; 
}
 
.container { 
  *zoom: 1; 
}

.col-sm-1, .col-md-1, .col-lg-1, .col-sm-2, .col-md-2, .col-lg-2, .col-sm-3, .col-md-3, .col-lg-3, 
.col-sm-4, .col-md-4, .col-lg-4, .col-sm-5, .col-md-5, .col-lg-5, .col-sm-6, .col-md-6, .col-lg-6, 
.col-sm-7, .col-md-7, .col-lg-7, .col-sm-8, .col-md-8, .col-lg-8, .col-sm-9, .col-md-9, .col-lg-9, 
.col-sm-10, .col-md-10, .col-lg-10, .col-sm-11, .col-md-11, .col-lg-11, .col-sm-12, .col-md-12, .col-lg-12 { 
  position: relative; 
  float: left; 
  min-height: 1rem; 
  padding: .5rem; 
}


/* 767px
------------------------------------------------- */

@media (max-width: 767px) {
  .container { 
    padding-right: 1%; 
    padding-left: 1%; 
  }

  .col-sm-1 { 
    width: 8.333333333%; 
  }
  .col-sm-2 { 
    width: 16.666666667%; 
  }
  .col-sm-3 { 
    width: 25%; 
  }
  .col-sm-4 { 
    width: 33.333333333%; 
  }
  .col-sm-5 { 
    width: 41.666666667%; 
  }
  .col-sm-6 { 
    width: 50%; 
  }
  .col-sm-7 { 
    width: 58.333333333%; 
  }
  .col-sm-8 { 
    width: 66.666666667%; 
  }
  .col-sm-9 { 
    width: 75%; 
  }
  .col-sm-10 { 
    width: 83.333333333%; 
  }
  .col-sm-11 { 
    width: 91.666666667%; 
  }
  .col-sm-12 { 
    width: 100%; 
  }
}

/* 1219px
------------------------------------------------- */

@media (min-width: 768px) and (max-width: 1219px) {
  .container { 
    max-width: 1000px; /* change */
  }
  .col-md-1 { 
    width: 8.333333333%; 
  }
  .col-md-2 { 
    width: 16.666666667%; 
  }
  .col-md-3 {
    width: 25%; 
  }
  .col-md-4 { 
    width: 33.333333333%; 
  }
  .col-md-5 { 
    width: 41.666666667%; 
  }
  .col-md-6 { 
    width: 50%; 
  }
  .col-md-7 { 
    width: 58.333333333%; 
  }
  .col-md-8 { 
    width: 66.666666667%; 
  }
  .col-md-9 { 
    width: 75%; 
  }
  .col-md-10 { 
    width: 83.333333333%; 
  }
  .col-md-11 { 
    width: 91.666666667%; 
  }
  .col-md-12 { 
    width: 100%; 
  }
}

/* 1220px
------------------------------------------------- */

@media (min-width: 1220px) {
  .container { 
    max-width: 1220px; 
  }
  .col-lg-1 { 
    width: 8.333333333%; 
  }
  .col-lg-2 { 
    width: 16.666666667%; 
  }
  .col-lg-3 { 
    width: 25%; 
  }
  .col-lg-4 { 
    width: 33.333333333%; 
  }
  .col-lg-5 { 
    width: 41.666666667%; 
  }
  .col-lg-6 { 
    width: 50%; 
  }
  .col-lg-7 { 
    width: 58.333333333%; 
  }
  .col-lg-8 { 
    width: 66.666666667%; 
  }
  .col-lg-9 { 
    width: 75%; 
  }
  .col-lg-10 { 
    width: 83.333333333%; 
  }
  .col-lg-11 { 
    width: 91.666666667%; 
  }
  .col-lg-12 { 
    width: 100%; 
  }
}

/*---------------------------------
	GRID1000
-----------------------------------*/
.container1000 { 
  position: relative; 
  margin-right: auto; 
  margin-left: auto; 
}
.container1000:after { 
  display: table; 
  content: " "; 
}
.container1000:after { 
  clear: both; 
}
.container1000 { 
  *zoom: 1; 
}

/* 767px
------------------------------------------------- */

@media (max-width: 767px) {
  .container1000 { 
    padding-right: 1%; 
    padding-left: 1%; 
  }
  .col-sm-1 { 
    width: 8.333333333%; 
  }
  .col-sm-2 { 
    width: 16.666666667%; 
  }
  .col-sm-3 { 
    width: 25%; 
  }
  .col-sm-4 { 
    width: 33.333333333%; 
  }
  .col-sm-5 { 
    width: 41.666666667%; 
  }
  .col-sm-6 { 
    width: 50%; 
  }
  .col-sm-7 { 
    width: 58.333333333%; 
  }
  .col-sm-8 { 
    width: 66.666666667%; 
  }
  .col-sm-9 { 
    width: 75%; 
  }
  .col-sm-10 { 
    width: 83.333333333%; 
  }
  .col-sm-11 { 
    width: 91.666666667%; 
  }
  .col-sm-12 { 
    width: 100%; 
  }
}

/* 999px
------------------------------------------------- */

@media (min-width: 768px) and (max-width: 999px) {
  .container1000 { 
    max-width: 970px; /* change */
  }
  .col-md-1 { 
    width: 8.333333333%; 
  }
  .col-md-2 { 
    width: 16.666666667%; 
  }
  .col-md-3 {
    width: 25%; 
  }
  .col-md-4 { 
    width: 33.333333333%; 
  }
  .col-md-5 { 
    width: 41.666666667%; 
  }
  .col-md-6 { 
    width: 50%; 
  }
  .col-md-7 { 
    width: 58.333333333%; 
  }
  .col-md-8 { 
    width: 66.666666667%; 
  }
  .col-md-9 { 
    width: 75%; 
  }
  .col-md-10 { 
    width: 83.333333333%; 
  }
  .col-md-11 { 
    width: 91.666666667%; 
  }
  .col-md-12 { 
    width: 100%; 
  }
}

/* 1000px
------------------------------------------------- */

@media (min-width: 1000px) {
  .container1000 { 
    max-width: 1000px; 
  }
  .col-lg-1 { 
    width: 8.333333333%; 
  }
  .col-lg-2 { 
    width: 16.666666667%; 
  }
  .col-lg-3 { 
    width: 25%; 
  }
  .col-lg-4 { 
    width: 33.333333333%; 
  }
  .col-lg-5 { 
    width: 41.666666667%; 
  }
  .col-lg-6 { 
    width: 50%; 
  }
  .col-lg-7 { 
    width: 58.333333333%; 
  }
  .col-lg-8 { 
    width: 66.666666667%; 
  }
  .col-lg-9 { 
    width: 75%; 
  }
  .col-lg-10 { 
    width: 83.333333333%; 
  }
  .col-lg-11 { 
    width: 91.666666667%; 
  }
  .col-lg-12 { 
    width: 100%; 
  }
}

/*---------------------------------
	GRID1300
-----------------------------------*/
.container1300 { 
  position: relative; 
  margin-right: auto; 
  margin-left: auto; 
}
.container1300:after { 
  display: table; 
  content: " "; 
}
.container1300:after { 
  clear: both; 
}
.container1300 { 
  *zoom: 1; 
}

/* 767px
------------------------------------------------- */

@media (max-width: 767px) {
  .container1300 { 
    padding-right: 1%; 
    padding-left: 1%; 
  }
  .col-sm-1 { 
    width: 8.333333333%; 
  }
  .col-sm-2 { 
    width: 16.666666667%; 
  }
  .col-sm-3 { 
    width: 25%; 
  }
  .col-sm-4 { 
    width: 33.333333333%; 
  }
  .col-sm-5 { 
    width: 41.666666667%; 
  }
  .col-sm-6 { 
    width: 50%; 
  }
  .col-sm-7 { 
    width: 58.333333333%; 
  }
  .col-sm-8 { 
    width: 66.666666667%; 
  }
  .col-sm-9 { 
    width: 75%; 
  }
  .col-sm-10 { 
    width: 83.333333333%; 
  }
  .col-sm-11 { 
    width: 91.666666667%; 
  }
  .col-sm-12 { 
    width: 100%; 
  }
}

/* 1050px
------------------------------------------------- */

@media (min-width: 768px) and (max-width: 1299px) {
  .container1300 { 
    max-width: 1050px; /* change */
  }
  .col-md-1 { 
    width: 8.333333333%; 
  }
  .col-md-2 { 
    width: 16.666666667%; 
  }
  .col-md-3 {
    width: 25%; 
  }
  .col-md-4 { 
    width: 33.333333333%; 
  }
  .col-md-5 { 
    width: 41.666666667%; 
  }
  .col-md-6 { 
    width: 50%; 
  }
  .col-md-7 { 
    width: 58.333333333%; 
  }
  .col-md-8 { 
    width: 66.666666667%; 
  }
  .col-md-9 { 
    width: 75%; 
  }
  .col-md-10 { 
    width: 83.333333333%; 
  }
  .col-md-11 { 
    width: 91.666666667%; 
  }
  .col-md-12 { 
    width: 100%; 
  }
}

/* 1300px
------------------------------------------------- */

@media (min-width: 1300px) {
  .container1300 { 
    max-width: 1300px; 
  }
  .col-lg-1 { 
    width: 8.333333333%; 
  }
  .col-lg-2 { 
    width: 16.666666667%; 
  }
  .col-lg-3 { 
    width: 25%; 
  }
  .col-lg-4 { 
    width: 33.333333333%; 
  }
  .col-lg-5 { 
    width: 41.666666667%; 
  }
  .col-lg-6 { 
    width: 50%; 
  }
  .col-lg-7 { 
    width: 58.333333333%; 
  }
  .col-lg-8 { 
    width: 66.666666667%; 
  }
  .col-lg-9 { 
    width: 75%; 
  }
  .col-lg-10 { 
    width: 83.333333333%; 
  }
  .col-lg-11 { 
    width: 91.666666667%; 
  }
  .col-lg-12 { 
    width: 100%; 
  }
}

/*---------------------------------
	GRID1500
-----------------------------------*/
.container1500 { 
  position: relative; 
  margin-right: auto; 
  margin-left: auto; 
}
.container1500:after { 
  display: table; 
  content: " "; 
}
.container1500:after { 
  clear: both; 
}
.container1500 { 
  *zoom: 1; 
}

/* 767px
------------------------------------------------- */

@media (max-width: 767px) {
  .container1500 { 
    padding-right: 1%; 
    padding-left: 1%; 
  }
  .col-sm-1 { 
    width: 8.333333333%; 
  }
  .col-sm-2 { 
    width: 16.666666667%; 
  }
  .col-sm-3 { 
    width: 25%; 
  }
  .col-sm-4 { 
    width: 33.333333333%; 
  }
  .col-sm-5 { 
    width: 41.666666667%; 
  }
  .col-sm-6 { 
    width: 50%; 
  }
  .col-sm-7 { 
    width: 58.333333333%; 
  }
  .col-sm-8 { 
    width: 66.666666667%; 
  }
  .col-sm-9 { 
    width: 75%; 
  }
  .col-sm-10 { 
    width: 83.333333333%; 
  }
  .col-sm-11 { 
    width: 91.666666667%; 
  }
  .col-sm-12 { 
    width: 100%; 
  }
}

/* 1499px
------------------------------------------------- */

@media (min-width: 768px) and (max-width: 1499px) {
  .container1500 { 
    max-width: 1320px; /* change */
  }
  .col-md-1 { 
    width: 8.333333333%; 
  }
  .col-md-2 { 
    width: 16.666666667%; 
  }
  .col-md-3 {
    width: 25%; 
  }
  .col-md-4 { 
    width: 33.333333333%; 
  }
  .col-md-5 { 
    width: 41.666666667%; 
  }
  .col-md-6 { 
    width: 50%; 
  }
  .col-md-7 { 
    width: 58.333333333%; 
  }
  .col-md-8 { 
    width: 66.666666667%; 
  }
  .col-md-9 { 
    width: 75%; 
  }
  .col-md-10 { 
    width: 83.333333333%; 
  }
  .col-md-11 { 
    width: 91.666666667%; 
  }
  .col-md-12 { 
    width: 100%; 
  }
}

/* 1500px
------------------------------------------------- */

@media (min-width: 1500px) {
  .container1500 { 
    max-width: 1500px; 
  }
  .col-lg-1 { 
    width: 8.333333333%; 
  }
  .col-lg-2 { 
    width: 16.666666667%; 
  }
  .col-lg-3 { 
    width: 25%; 
  }
  .col-lg-4 { 
    width: 33.333333333%; 
  }
  .col-lg-5 { 
    width: 41.666666667%; 
  }
  .col-lg-6 { 
    width: 50%; 
  }
  .col-lg-7 { 
    width: 58.333333333%; 
  }
  .col-lg-8 { 
    width: 66.666666667%; 
  }
  .col-lg-9 { 
    width: 75%; 
  }
  .col-lg-10 { 
    width: 83.333333333%; 
  }
 .col-lg-11 { 
    width: 91.666666667%; 
  }
  .col-lg-12 { 
    width: 100%; 
  }
}



/*---------------------------------
	OFF SET
-----------------------------------*/

/* 767px
--------------------------------- */

@media (max-width: 767px) {
  .col-sm-offset-1 { 
    margin-left: 8.333333333%; 
  }
 .col-sm-offset-2 { 
    margin-left: 16.666666667%; 
  }

  .col-sm-offset-3 { 
    margin-left: 25%; 
  }

  .col-sm-offset-4 { 
    margin-left: 33.333333333%; 
  }

  .col-sm-offset-5 { 
    margin-left: 41.666666667%; 
  }

  .col-sm-offset-6 { 
    margin-left: 50%;
  }

  .col-sm-offset-7 { 
    margin-left: 58.333333333%; 
  }

  .col-sm-offset-8 { 
    margin-left: 66.666666667%; 
  }

  .col-sm-offset-9 { 
    margin-left: 75%;
  }

  .col-sm-offset-10 { 
    margin-left: 83.333333333%;
  }

  .col-sm-offset-11 { 
    margin-left: 91.666666667%; 
  }

  .col-sm-offset-12 { 
    margin-left: 100%;
  }

}

/* 1219px
--------------------------------- */

@media (min-width: 768px) and (max-width: 1219px){

  .col-md-offset-1 { 
    margin-left: 8.333333333%; 
  }

  .col-md-offset-2 { 
    margin-left: 16.666666667%; 
  }

  .col-md-offset-3 { 
    margin-left: 25%; 
  }

  .col-md-offset-4 { 
    margin-left: 33.333333333%; 
  }

  .col-md-offset-5 { 
    margin-left: 41.666666667%; 
  }

  .col-md-offset-6 { 
    margin-left: 50%;
  }

  .col-md-offset-7 { 
    margin-left: 58.333333333%; 
  }

  .col-md-offset-8 { 
    margin-left: 66.666666667%; 
  }

  .col-md-offset-9 { 
    margin-left: 75%;
  }

  .col-md-offset-10 { 
    margin-left: 83.333333333%;
  }

  .col-md-offset-11 { 
    margin-left: 91.666666667%; 
  }

  .col-md-offset-12 { 
    margin-left: 100%; 
  }

}

/* 1220px�ȏ�
--------------------------------- */

@media (min-width: 1220px) {

  .col-lg-offset-1 { 
    margin-left: 8.333333333%; 
  }

  .col-lg-offset-2 { 
    margin-left: 16.666666667%; 
  }

  .col-lg-offset-3 { 
    margin-left: 25%; 
  }

  .col-lg-offset-4 { 
    margin-left: 33.333333333%; 
  }

  .col-lg-offset-5 { 
    margin-left: 41.666666667%; 
  }

  .col-lg-offset-6 { 
    margin-left: 50%; 
  }

  .col-lg-offset-7 { 
    margin-left: 58.333333333%; 
  }

  .col-lg-offset-8 { 
    margin-left: 66.666666667%; 
  }

  .col-lg-offset-9 { 
    margin-left: 75%; 
  }

  .col-lg-offset-10 { 
    margin-left: 83.333333333% }

  .col-lg-offset-11 { 
    margin-left: 91.666666667%; 
  }

  .col-lg-offset-12 { 
    margin-left: 100%; 
  }
}