/*!////////////////////////////////////////////////
// BASE
/////////////////////////////////////////////////*/
@-o-viewport {
  width: device-width; }
@-ms-viewport {
  width: device-width; }
@viewport {
  width: device-width; }
*, *:after, *:before {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }

html,
body,
iframe,
div,
section,
header,
p,
a,
ul,
ol,
li,
article,
footer,
h1,
h2,
h3,
h4 {
  margin: 0;
  padding: 0; }

html,
button,
input,
select,
textarea {
  color: #222; }

body {
  font-size: 1em;
  line-height: 1.4; }

::-moz-selection {
  background: #ffc107;
  text-shadow: none;
  color: #fff; }

::selection {
  background: #ffc107;
  text-shadow: none;
  color: #fff; }

hr {
  display: block;
  height: 1px;
  border: 0;
  border-top: 1px solid #ccc;
  margin: 1em 0;
  padding: 0; }

img {
  vertical-align: middle;
  max-width:100%; }

fieldset {
  border: 0;
  margin: 0;
  padding: 0; }

textarea {
  resize: vertical; }

.chromeframe {
  margin: 0.2em 0;
  background: #ccc;
  color: #000;
  padding: 0.2em 0; }
  
  main a{
	font-weight: 700;  
  }


/*!////////////////////////////////////////////////
// LAYOUT
/////////////////////////////////////////////////*/
.wrap {
  max-width: 1280px;
  width: 92%;
  margin: 0px auto;
  position: relative; }
  
 .miniwrap{
     max-width: 1024px;
     width: 100%;
     margin: 0px auto;
     position: relative;}
     .blog-wrap .miniwrap{
         margin-bottom: 32px;}

.row {
  clear: both; }

.grid-1:nth-child(n),
.grid-2:nth-child(n),
.grid-25:nth-child(n),
.grid-3:nth-child(n),
.grid-4:nth-child(n),
.grid-5:nth-child(n),
.grid-6:nth-child(n),
.grid-half:nth-child(n),
.grid-full:nth-child(n),
.grid-unit:nth-child(n) {
	margin-bottom: 1em; }

@media screen and (min-width: 480px) {
  .wrap {
    width: 95%; }

  .grid-1,
  .grid-2,
  .grid-3,
  .grid-4,
  .grid-75,
  .grid-25,
  .grid-5,
  .grid-6,
  .grid-half,
  .grid-full,
  .grid-unit {
    float: left;
    width: 100%; }
    .grid-1:nth-child(n),
    .grid-2:nth-child(n),
    .grid-3:nth-child(n),
    .grid-4:nth-child(n),
	.grid-75:nth-child(n),
    .grid-5:nth-child(n),
    .grid-6:nth-child(n),
    .grid-half:nth-child(n),
    .grid-full:nth-child(n),
    .grid-unit:nth-child(n) {
      margin-bottom: 1.51515%;
      margin-right: 4.51515%; }
    .grid-1:nth-child(1n),
    .grid-2:nth-child(1n),
    .grid-3:nth-child(1n),
    .grid-4:nth-child(1n),
	.grid-75:nth-child(1n),
    .grid-5:nth-child(1n),
    .grid-6:nth-child(1n),
    .grid-half:nth-child(1n),
    .grid-full:nth-child(1n),
    .grid-unit:nth-child(1n) {
      margin-right: 0; }
    .grid-1:last-child,
    .grid-2:last-child,
    .grid-3:last-child,
    .grid-4:last-child,
	.grid-75:last-child,
    .grid-5:last-child,
    .grid-6:last-child,
    .grid-half:last-child,
    .grid-full:last-child,
    .grid-unit:last-child {
      margin-right: 0; }

  .grid-25 {
    float: left;
    width: 47.742425%; }
    .grid-25:nth-child(n) {
      margin-bottom: 1.51515%;
      margin-right: 4.51515%; }
    .grid-25:nth-child(2n) {
      margin-right: 0; }
    .grid-25:last-child {
      margin-right: 0; }

  .gallery .grid-unit,
  .grid-half {
    width: 47.742425%; }
    .gallery .grid-unit:nth-child(n),
    .grid-half:nth-child(n) {
      margin-bottom: 1.51515%;
      margin-right: 4.51515%; }
    .gallery .grid-unit:nth-child(2n),
    .grid-half:nth-child(2n) {
      margin-right: 0; }
    .gallery .grid-unit:last-child,
    .grid-half:last-child {
      margin-right: 0; }

  .grid-flow-opposite {
    float: right; } }
@media screen and (min-width: 640px) {
  .grid-1 {
    width:12.9040416%; }
    .grid-1:nth-child(n) {
      margin-bottom: 1.51515%;
      margin-right: 4.51515%; }
    .grid-1:nth-child(6n) {
      margin-right: 0; }
    .grid-1:last-child {
      margin-right: 0; }

  .grid-2 {
    width: 30.32323%; }
    .grid-2:nth-child(n) {
      margin-bottom: 1.51515%;
      margin-right: 4.51515%; }
    .grid-2:nth-child(3n) {
      margin-right: 0; }
    .grid-2:last-child {
      margin-right: 0; }

  .grid-3,
  .grid-half {
    width: 47.742425%; }
    .grid-3:nth-child(n),
    .grid-half:nth-child(n) {
      margin-bottom: 1.51515%;
      margin-right: 4.51515%; }
    .grid-3:nth-child(2n),
    .grid-half:nth-child(2n) {
      margin-right: 0; }
    .grid-3:last-child,
    .grid-half:last-child {
      margin-right: 0; }

  .grid-4 {
    width: 65.16162%; }
    .grid-4:nth-child(n) {
      margin-bottom: 1.51515%;
      margin-right: 4.51515%; }
    .grid-4:nth-child(1.5n) {
      margin-right: 0; }
    .grid-4:last-child {
      margin-right: 0; }
	  
  .grid-75 {
    width: 74.595959%; }
    .grid-75:nth-child(n) {
      margin-bottom: 1.51515%;
      margin-right: 1.51515%; }
    .grid-75:nth-child(1.333333n) {
      margin-right: 0; }
    .grid-75:last-child {
      margin-right: 0; }

  .grid-75.no-margin {
    width: 75%; }
    .grid-75.no-margin:nth-child(n) {
      margin-bottom: 0;
      margin-right: 0; }
    .grid-75.no-margin:nth-child(1.333333n) {
      margin-right: 0; }
    .grid-75.no-margin:last-child {
      margin-right: 0; }

  .grid-5 {
    width: 82.5808084%; }
    .grid-5:nth-child(n) {
      margin-bottom: 1.51515%;
      margin-right: 4.51515%; }
    .grid-5:nth-child(1.20482n) {
      margin-right: 0; }
    .grid-5:last-child {
      margin-right: 0; }

  .grid-6,
  .grid-full {
    width: 100%; }
    .grid-6:nth-child(n),
    .grid-full:nth-child(n) {
      margin-bottom: 1.51515%;
      margin-right: 4.51515%; }
    .grid-6:nth-child(1n),
    .grid-full:nth-child(1n) {
      margin-right: 0; }
    .grid-6:last-child,
    .grid-full:last-child {
      margin-right: 0; }

  /* If there are no margins */
  .grid-1.no-margin {
    width: 16.66667%; }
    .grid-1.no-margin:nth-child(n) {
      margin-bottom: 0;
      margin-right: 0; }
    .grid-1.no-margin:nth-child(6n) {
      margin-right: 0; }
    .grid-1.no-margin:last-child {
      margin-right: 0; }

  .grid-2.no-margin {
    width: 33.33333%; }
    .grid-2.no-margin:nth-child(n) {
      margin-bottom: 0;
      margin-right: 0; }
    .grid-2.no-margin:nth-child(3n) {
      margin-right: 0; }
    .grid-2.no-margin:last-child {
      margin-right: 0; }

  .grid-3.no-margin,
  .grid-half.no-margin {
    width: 50%; }
    .grid-3.no-margin:nth-child(n),
    .grid-half.no-margin:nth-child(n) {
      margin-bottom: 0;
      margin-right: 0; }
    .grid-3.no-margin:nth-child(2n),
    .grid-half.no-margin:nth-child(2n) {
      margin-right: 0; }
    .grid-3.no-margin:last-child,
    .grid-half.no-margin:last-child {
      margin-right: 0; }

  .grid-4.no-margin {
    width: 66.66667%; }
    .grid-4.no-margin:nth-child(n) {
      margin-bottom: 0;
      margin-right: 0; }
    .grid-4.no-margin:nth-child(1.5n) {
      margin-right: 0; }
    .grid-4.no-margin:last-child {
      margin-right: 0; }

  .grid-5.no-margin {
    width: 83.0%; }
    .grid-5.no-margin:nth-child(n) {
      margin-bottom: 0;
      margin-right: 0; }
    .grid-5.no-margin:nth-child(1.20482n) {
      margin-right: 0; }
    .grid-5.no-margin:last-child {
      margin-right: 0; }

  .grid-6.no-margin,
  .grid-full.no-margin {
    width: 100%; }
    .grid-6.no-margin:nth-child(n),
    .grid-full.no-margin:nth-child(n) {
      margin-bottom: 0;
      margin-right: 0; }
    .grid-6.no-margin:nth-child(1n),
    .grid-full.no-margin:nth-child(1n) {
      margin-right: 0; }
    .grid-6.no-margin:last-child,
    .grid-full.no-margin:last-child {
      margin-right: 0; }

  .grid-25 {
    width: 21.6136375%; }
    .grid-25:nth-child(n) {
      margin-bottom: 1.51515%;
      margin-right: 4.51515%; }
    .grid-25:nth-child(4n) {
      margin-right: 0; }
    .grid-25:last-child {
      margin-right: 0; }

  .grid-25.no-margin {
    width: 25%; }
    .grid-25.no-margin:nth-child(n) {
      margin-bottom: 0;
      margin-right: 0; }
    .grid-25.no-margin:nth-child(4n) {
      margin-right: 0; }
    .grid-25.no-margin:last-child {
      margin-right: 0; }

  .gallery .grid-unit {
    width: 30.32323%; }
    .gallery .grid-unit:nth-child(n) {
      margin-bottom: 1.51515%;
      margin-right: 4.51515%; }
    .gallery .grid-unit:nth-child(3n) {
      margin-right: 0; }
    .gallery .grid-unit:last-child {
      margin-right: 0; }

  .content-pad-right {
    padding-right: 4%;
    /* Use (or don't) as necessary. */ }

  .content-pad-left {
    padding-left: 4%; } }

  .two-column-list ul,		
  .list-grid-2 {
	-webkit-column-count:2; 
	-moz-column-count: 2; 
	column-count: 2; 
	-webkit-column-gap: 40px; 
	-moz-column-gap: 40px; 
	column-gap: 40px; }
	@media screen and (max-width: 480px) {
	  .two-column-list ul,	
      .list-grid-2 {
	    -webkit-column-count:1; 
	    -moz-column-count: 1; 
	    column-count: 1; 
	    -webkit-column-gap: 0px; 
	    -moz-column-gap: 0px; 
	    column-gap: 0px; }
	}
  
  .three-column-list ul,	
  .list-grid-3 {
	-webkit-column-count:3; 
	-moz-column-count: 3; 
	column-count: 3; 
	-webkit-column-gap: 40px; 
	-moz-column-gap: 40px; 
	column-gap: 40px; }
	@media screen and (max-width: 480px) {
	  .three-column-list ul,	
      .list-grid-3 {
	    -webkit-column-count:1; 
	    -moz-column-count: 1; 
	    column-count: 1; 
	    -webkit-column-gap: 0px; 
	    -moz-column-gap: 0px; 
	    column-gap: 0px; }
	}
	
	
/*!////////////////////////////////////////////////
// THEME
/////////////////////////////////////////////////*/

.is__desktop * {
	background-attachment: fixed; }
.is__device * {
	background-attachment: inherit; }

body {
	font-family: 'Muli', sans-serif; }

a {
  -webkit-transition: 0.25s ease-in-out;
  -moz-transition: 0.25s ease-in-out;
  -o-transition: 0.25s ease-in-out;   
  transition: 0.25s ease-in-out;
  text-decoration: none;
  color: #50a485; }

*[class^="button"] {
	display:inline-block;
	padding: 1em 2em;
	background-color: #272b53;
	color: white;
	font-family: 'Kanit', sans-serif;
	font-size: 22px;
	font-weight: 700;
	text-transform: uppercase; 
	text-decoration: none!important;}
    @media all and (max-width: 639px) {
        *[class^="button"] {
            font-size: 18px;}
    }
  *[class^="button"]:hover,
  *[class^="button"]:focus {
  }
  
*[class^="fa"] {
	vertical-align: middle; }

form {}
	form div {
		position: relative;
		margin-bottom: 16px; }
	form *[class^="grid"] {
		float: left !important; }
	form input[type=text],
	form input[type=email],
	form input[type=tel],
	form input[type=captcha],
	form input[type=date],
	form select {
		width: 100%;
		height: 40px;
		border: 1px solid #CCC;
		padding: 0 .5em; }
	form textarea {
		width: 100%;
		height: 100px;
		border: 1px solid #CCC;
		padding: .5em; }
	form input[type="submit"] {
		border: none;
		border-radius: 0px;
		font-family: 'Kanit', sans-serif;
		background: #ffc107;
		color: white;
		font-size: 22px;
		font-weight: 700;
		padding: .5em 2em; }
	form label {}
	form p.error,
	form span.wpcf7-not-valid-tip {
		position: absolute;
		bottom: 2em;
		right: 1em;
		background: white;
		color: #de403b;
		border: 1px solid #ccc;
		font-size: 14px;
		padding: .25em .35em;
		-webkit-filter: drop-shadow(1px 1px 3px rgba(0,0,0,0.25));
		filter: drop-shadow(1px 1px 3px rgba(0,0,0,0.25)); }		
		form p.error:before,
		form span.wpcf7-not-valid-tip:before {
			position: absolute;
			display: block;
			content: "";
			border-color: #ccc transparent transparent transparent;
			border-style: solid;
			border-width: 11px;
			height: 0;
			width: 0;
			left: 1.4em;
			bottom: -22px; }
		form p.error:after,
		form span.wpcf7-not-valid-tip:after {
			position: absolute;
			display: block;
			content: "";
			border-color: #fff transparent transparent transparent;
			border-style: solid;
			border-width: 10px;
			height: 0;
			width: 0;
			left: 1.5em;
			bottom: -20px; }
			
.alignleft {
	text-align: left; }
.aligncenter {
	text-align: center; }
.alignright {
	text-align: right; }
			
.zipcode__search {
	position: relative; }
	.zipcode__search input {
		display: inline-block;
		vertical-align: middle; }
		.zipcode__search :focus {
			outline: none; }
	.zipcode__search input[name=zip] {
		font-family: 'Kanit', sans-serif;
		max-width: 160px;
		width: 100%;
		height: 50px;
		background: white;
		-webkit-border-radius: 50px;
		border-radius: 50px;
		text-align: center;
		padding: 0 1em;
		border: 2px solid #e2e2e2; }
	.zipcode__search input[type=submit] {
		border: none;
		width: 50px;
		height: 50px;
		background: url(../img/search_icon.png), #4fc3f7;
		background-size: auto;
		background-repeat: no-repeat;
		background-position: center center;
		-webkit-border-radius: 50%;
		border-radius: 50%;
		margin: 0 0 0 .5em;
		padding: 0;
		-webkit-transition: 0.25s ease-in-out;
		-moz-transition: 0.25s ease-in-out;
		-o-transition: 0.25s ease-in-out;
		transition: 0.25s ease-in-out; }
	.zipcode__search input[type=submit]:hover {
		background: url(../img/search_icon.png), #4fc3f7;
		background-size: auto;
		background-repeat: no-repeat;
		background-position: center center; }
	.zipcode__search span {
		display: block;
		margin-bottom: 1.5em; }
		.zipcode__search span strong {
			font-family: 'Kanit', sans-serif;
			color: #59b796;
			font-size: 22px; }
		.zipcode__search span small {
			font-size: 16px; }

.yellow__border {
	border: 7px solid #fcf045; }
	.yellow__border img {
		display: block; 
		width: 100%;}

.stack__image {
	text-align: center;
	padding: 1em;
    margin: auto;}
    @media all and (max-width: 639px) {
        .stack__image {
            width: 94%;}
    }
	.stack__image a {
		position: relative;
		display: inline-block; }
	.stack__image a:hover,
	.stack__image a:focus {
		-moz-transform: scale(1.1) rotate(-5deg);
		-webkit-transform: scale(1.1) rotate(-5deg);
		-o-transform: scale(1.1) rotate(-5deg);
		-ms-transform: scale(1.1) rotate(-5deg);
		transform: scale(1.1) rotate(-5deg); }
		.stack__image a:before {
			content: "";
			background: #d37815;
			position: absolute;
			top: 0;
			left: 0;
			right: 0;
			margin: 0 auto;
			width: 100%;
			height: 100%;
			-moz-transform: rotate(5deg);
			-webkit-transform: rotate(5deg);
			-o-transform: rotate(5deg);
			-ms-transform: rotate(5deg);
			transform: rotate(5deg); }
		.stack__image a img {
			position: relative;
			z-index: 999;
			border: 4px solid #fff; }
	
.spacer {
	height: 16px; }	
	
@media all and (max-width: 640px) {
	.bottom16 {    
		margin-bottom: 16px!important; }	
}

.pad__bottom{
	padding-bottom: 16px;}
		
.blogcenter {
	text-align:center;
	width:100%;
	display:block;
}
/*! Animations
//////////////////////////////////////////////*/
@-webkit-keyframes hvr-icon-hang {
  0% {
    -webkit-transform: translateY(6px);
    transform: translateY(6px);
  }
  50% {
    -webkit-transform: translateY(2px);
    transform: translateY(2px);
  }
  100% {
    -webkit-transform: translateY(6px);
    transform: translateY(6px);
  }
}
@keyframes hvr-icon-hang {
  0% {
    -webkit-transform: translateY(6px);
    transform: translateY(6px);
  }
  50% {
    -webkit-transform: translateY(2px);
    transform: translateY(2px);
  }
  100% {
    -webkit-transform: translateY(6px);
    transform: translateY(6px);
  }
}
@-webkit-keyframes hvr-icon-hang-sink {
  100% {
    -webkit-transform: translateY(6px);
    transform: translateY(6px);
  }
}
@keyframes hvr-icon-hang-sink {
  100% {
    -webkit-transform: translateY(6px);
    transform: translateY(6px);
  }
}

/*!////////////////////////////////////////////////
// PAGE WRAP
/////////////////////////////////////////////////*/
            
#page__wrap{
	position: relative;
	z-index: 999999;
	 -webkit-transition: 0.3s ease-in-out;
    -moz-transition: 0.3s ease-in-out;
    -o-transition: 0.3s ease-in-out;
    transition: 0.3s ease-in-out;}
	@media all and (max-width: 865px) {
	#page__wrap.active{
		-webkit-transform: translateX(-240px);
    	-moz-transform: translateX(-240px);
    	-ms-transform: translateX(-240px);
    	-o-transform: translateX(-240px);
    	transform: translateX(-240px);
		 -webkit-transition: 0.3s ease-in-out;
    	-moz-transition: 0.3s ease-in-out;
    	-o-transition: 0.3s ease-in-out;
    	transition: 0.3s ease-in-out;
        overflow: hidden;
        }
	}
    @media all and (max-width: 865px) {
        #page__wrap.fixed{
           
            z-index: 20;}
    }
	
	
	@media all and (max-width: 865px) {	
	#page__wrap > .overlay{
		position: fixed;
		z-index: 10;
		height: 100%;
		width: 100%;
		top: 0;
		left: 0;
		cursor: pointer;
		background-color: rgb(0,0,0, .3);
		visibility: hidden;
		opacity: 0;
        z-index: 51;
		-webkit-backface-visibility: hidden;
		backface-visibility: hidden;
		-webkit-transition: opacity .3s 0s,visibility 0s .3s,-webkit-transform .3s 0s;
		-moz-transition: opacity .3s 0s,visibility 0s .3s,-moz-transform .3s 0s;
		transition: opacity .3s 0s,visibility 0s .3s,transform .3s 0s;}
		#page__wrap > .overlay.is-visible {
			/*-webkit-transform: translateX(-260px);
			-moz-transform: translateX(-260px);
			-ms-transform: translateX(-260px);
			-o-transform: translateX(-260px);
			transform: translateX(-260px);*/
			opacity: 1;
			visibility: visible;
			-webkit-transition: opacity .3s 0s,visibility 0s 0s,-webkit-transform .3s 0s;
			-moz-transition: opacity .3s 0s,visibility 0s 0s,-moz-transform .3s 0s;
			transition: opacity .3s 0s,visibility 0s 0s,transform .3s 0s;}
	}

/*! Header
//////////////////////////////////////////////*/

header[role=banner] {
	/*background: #272b53;*/
	background: url('https://www.adventureworldplaysets.com/wp-content/uploads/2019/02/blue-galaxy-background-header-new.jpg');
	background-size: cover;
	color: white; }
    @media all and (max-width: 885px) {
        header[role=banner] {
            padding: 20px 0;
            border-bottom: 3px solid #ffe330;}
    }
    
    header[role=banner] .mobile-header{
        display: none;}
        @media all and (max-width: 865px) {
            header[role=banner] .mobile-header {
                display: block;}
        }
        header[role=banner] .mobile-header .wrap{
            position: relative;}
        header[role=banner] .mobile-header .menu-bar{
            display: block;
            background: #272B53;
            margin-bottom: 80px;}
            @media all and (min-width: 446px) {
                header[role=banner] .mobile-header .menu-bar{
                    margin-bottom: 140px;}
            }
            @media all and (min-width: 640px) {
                header[role=banner] .mobile-header .menu-bar{
                    margin-bottom: 200px;}
            }
            header[role=banner] .mobile-header .menu-bar *[class^="grid"] {
                width: 50%!important;
                margin-right: 0px!important;
                float: left;
                margin-bottom: 0px;}
                header[role=banner] .mobile-header .menu-bar *[class^="grid"].right{
                    text-align: right;}
                header[role=banner] .mobile-header .menu-bar *[class^="grid"] a,
                header[role=banner] .mobile-header .menu-bar *[class^="grid"] .mobile__button{
                    display: inline-block;
                    color: #fff;
                    font-weight: 700;
                    font-size: 20px;
                    padding: 22px 15px;
                    cursor: pointer;
                    position: relative;                  
                    -webkit-transition: 0.25s ease-in-out;
                    -moz-transition: 0.25s ease-in-out;
                    -o-transition: 0.25s ease-in-out;
                    transition: 0.25s ease-in-out;}
                    @media all and (max-width: 519px) {
                        header[role=banner] .mobile-header .menu-bar *[class^="grid"] a,
                        header[role=banner] .mobile-header .menu-bar *[class^="grid"] .mobile__button{
                            font-size: 19px;}
                    }
                    @media all and (max-width: 489px) {
                        header[role=banner] .mobile-header .menu-bar *[class^="grid"] a,
                        header[role=banner] .mobile-header .menu-bar *[class^="grid"] .mobile__button{
                            font-size: 17px;}
                    }
                    @media all and (max-width: 449px) {
                        header[role=banner] .mobile-header .menu-bar *[class^="grid"] a,
                        header[role=banner] .mobile-header .menu-bar *[class^="grid"] .mobile__button{
                            font-size: 16px;}
                    }
                    @media all and (max-width: 429px) {
                        header[role=banner] .mobile-header .menu-bar *[class^="grid"] a,
                        header[role=banner] .mobile-header .menu-bar *[class^="grid"] .mobile__button{
                            font-size: 15px;}
                    }
                    @media all and (max-width: 399px) {
                        header[role=banner] .mobile-header .menu-bar *[class^="grid"] a,
                        header[role=banner] .mobile-header .menu-bar *[class^="grid"] .mobile__button{
                            font-size: 14px;}
                    }
                    @media all and (max-width: 339px) {
                        header[role=banner] .mobile-header .menu-bar *[class^="grid"] a,
                        header[role=banner] .mobile-header .menu-bar *[class^="grid"] .mobile__button{
                            font-size: 13px;}
                    }
                    header[role=banner] .mobile-header .menu-bar *[class^="grid"] a:hover,
                    header[role=banner] .mobile-header .menu-bar *[class^="grid"] .mobile__button:hover{
                        color: #ffe330;
                        -webkit-transition: 0.25s ease-in-out;
                        -moz-transition: 0.25s ease-in-out;
                        -o-transition: 0.25s ease-in-out;
                        transition: 0.25s ease-in-out;}
                    header[role=banner] .mobile-header .menu-bar *[class^="grid"] a i{
                        position: relative;
                        top: -2px;
                        margin-left: 5px;}
        header[role=banner] .logo-contain {
            display: block;
            width: 100%;
            text-align: center;
            position: absolute;
            top: -7px;
            max-width: 210px;
            left: 0;
            right: 0;
            margin: auto;}
            @media all and (max-width: 445px) {
                header[role=banner] .logo-contain {
                    max-width: 110px;}
            }
            header[role=banner] .logo-contain .mobile-logo{
                display: block;
                width: 100%;}
                header[role=banner] .logo-contain .mobile-logo img{}
                    @media all and (min-width: 640px) {
                        header[role=banner] .logo-contain .mobile-logo img{
                            width: 100%;}
                    }
    
    header[role=banner] .header__bottom{
        text-align: center;}
        @media all and (max-width: 865px) {
            header[role=banner] .header__bottom{
                display: none;}
        }
    
	header[role=banner] *[class^="grid"] {
		margin-bottom: 1em; }
	@media screen and (min-width: 640px) {
		header[role=banner] *[class^="grid"] {
			display: inline-block;
			vertical-align: middle;
			float: none;
			margin-right: 1.51515%;
			margin-bottom: 0; }
		header[role=banner] *[class^="grid"]:last-of-type {
			margin-right: 0; } }
	@media screen and (min-width: 1265px) {
		header[role=banner] *[class^="grid"] {
			vertical-align: bottom; } }
	.header__left {
		padding: 1em 0;
		text-align: center; }
        @media all and (max-width: 865px) {
            .header__left {
                display: inline-block;
                vertical-align: middle;
                float: none!important;
                text-align: left;
                width: 50%;
                margin-right: 0px!important;
                margin-bottom: 0px!important;}
        }
        .header__left img{}
            @media all and (max-width: 639px) {
                .header__left img{
                    max-width: 130px;}
            }
	.header__right {}
        @media all and (max-width: 865px) {
            .header__right{
            display: none!important;}
        }
		.header__right--top {}
		@media screen and (min-width: 640px) {
			.header__right--top {
				padding: 3em 0; } }
			.header__tagline {
				font-size: 25px;
				line-height: 1;
				text-align: center; }
                @media all and (max-width: 865px) {
                    .header__bottom .header__tagline {
                        display: none!important}
                }
			@media screen and (min-width: 640px) {
				.header__tagline {
					width: 49.24242%;
					text-align: left; } }
			@media screen and (min-width: 960px) {
				.header__tagline {
					width: 32.32323%; } }
				.header__tagline strong {
					font-family: 'Kanit', sans-serif;
					font-size: 44px;
					font-weight: 700;
					color: #ffe330; }
                    @media all and (max-width: 1099px) {
                        .header__tagline strong {
                            font-size: 36px;}
                    }
			.header__lookup {
				text-align: center; }
                @media all and (max-width: 865px) {
                    .header__bottom .header__lookup {
                        display: none!important;}
                }
			@media screen and (min-width: 640px) {
				.header__lookup {
					text-align: right;
					width: 49.24242%; } }
			@media screen and (min-width: 960px) {
				.header__lookup {
					width: 66.16162%; } }
				.header__lookup div {
					display: block;
					text-align: center; }
				@media screen and (min-width: 640px) {
					.header__lookup div {
						display: inline-block;
						vertical-align: middle;
						text-align: left; } }
				.header__lookup div:first-of-type {
					margin-bottom: 1em; }
				@media screen and (min-width: 960px) {
					.header__lookup div:first-of-type {
						margin-right: 4.51515%;
						margin-bottom: 0; } }
				.header__lookup div:last-of-type {}
					.header__lookup span {
						display: inline-block;
						vertical-align: middle; }
					.header__lookup span:first-of-type {
						margin-right: 1em; }
						.header__lookup span:first-of-type i {
							color: #4fc3f7;
							font-size: 36px; }
					.header__lookup span:last-of-type {}
						.header__lookup span:last-of-type strong {
							font-family: 'Kanit', sans-serif;
							font-size: 22px;
							font-weight: 700; }
						.header__lookup span:last-of-type small {
							font-size: 16px; }
						.header__lookup em {
							font-weight: 700;
							font-style: normal;
							color: #ffc107; }	
    header[role=banner] .header__bottom .mobile-tigger {
        display: inline-block;
        vertical-align: middle;
        float: none;
        width: 50%;
        text-align: right;}
        @media all and (min-width: 866px) {
            header[role=banner] .header__bottom .mobile-tigger {
                display: none;}
        } 
        header[role=banner] .header__bottom .mobile-tigger .mobile__button{
            display: inline-block;
            padding: 20px;
            background: #ffe330;
            color: #464646;
            font-family: 'Kanit', sans-serif;
            font-size: 26px;
            font-weight: 700;
            cursor: pointer;}
            @media all and (max-width: 639px) {
                header[role=banner] .header__bottom .mobile-tigger .mobile__button{
                    font-size: 22px;}
            }
                
		
	nav[role=navigation] {
		text-align: center;
		display: none; }
	@media screen and (min-width: 865px) {
		nav[role=navigation] {
			display: block; } }
	@media screen and (min-width: 1125px) {
		nav[role=navigation] {
			text-align: right; } }
		nav[role=navigation] ul {
			position: relative;
			display: inline-block; }
			nav[role=navigation] ul li {
				position: relative;
				display: inline-block;
				vertical-align: middle;
				float: none;
				margin: 0 -.15em; }
			nav[role=navigation] ul li:nth-of-type(1) {
				background: #272B53; /*61368e*/
				-webkit-border-radius: 15px 0 0 0;
				border-radius: 15px 0 0 0; }
			nav[role=navigation] ul li:nth-of-type(2n) {
				background: #272B53; } /*e84b00*/
			nav[role=navigation] ul li:nth-of-type(3n) {
				background: #272B53; } /*7cb10d*/
			nav[role=navigation] ul li:nth-of-type(4n) {
				/*background: #e2d600; */
				background: #272B53;} /*e8d902*/
			nav[role=navigation] ul li:nth-of-type(5n) {
				background: #272B53; } /*8a195b*/
			nav[role=navigation] ul li:nth-of-type(6n) {
				background: #272B53; } /*5dc29d*/
			nav[role=navigation] ul li:last-of-type {
				background: #272B53; /*2f7dcb*/
				-webkit-border-radius: 0 15px 0 0;
				border-radius: 0 15px 0 0; }
			nav[role=navigation] ul li.has-submenu {}
				nav[role=navigation] ul li a,
				nav[role=navigation] ul li span {
					position: relative;
					display: block;
					color: white;
					font-size: 15px;
					padding: 1.5em .5em;
					text-align: center;
					text-shadow: 0 0 10px rgba(0,0,0,.25);
					border-bottom: 7px solid rgba(0,0,0,.3); }
                @media screen and (min-width: 865px) {
                    nav[role=navigation] ul li a,
					nav[role=navigation] ul li span {
						font-size: 15px;
						padding: 1.5em .5em; }
                }
				@media screen and (min-width: 1110px) {
					nav[role=navigation] ul li a,
					nav[role=navigation] ul li span {
						font-size: 15px;
						padding: 1.5em .6em; } }
				@media screen and (min-width: 1305px) {
					nav[role=navigation] ul li a,
					nav[role=navigation] ul li span { 
						font-size: 16px;
						padding: 1.25em 1em; } }
				nav[role=navigation] ul li.has-submenu a {}
				@media screen and (min-width: 1025px) {
					nav[role=navigation] ul li.has-submenu a {} }
				@media screen and (min-width: 1305px) {
					nav[role=navigation] ul li.has-submenu a { } }
					nav[role=navigation] ul li.has-submenu a:after {
						content: "\f107";
						display: inline-block;
						padding: 0;
						margin: 0 0 0 8px;
						vertical-align: middle;
						font-family: FontAwesome;
						text-rendering: auto;
						line-height: 1;
						-webkit-font-smoothing: antialiased;
						-moz-osx-font-smoothing: grayscale;
						-webkit-transform: translateZ(0);
						transform: translateZ(0); }
					@media screen and (min-width: 1110px) {
						nav[role=navigation] ul li.has-submenu a:after { } }
					@media screen and (min-width: 1305px) {
						nav[role=navigation] ul li.has-submenu a:after {
							right: 1.5em; } }
						nav[role=navigation] ul li.has-submenu:hover a:after,
						nav[role=navigation] ul li.has-submenu a:hover:after {
							-webkit-animation-name: hvr-icon-hang-sink, hvr-icon-hang;
							animation-name: hvr-icon-hang-sink, hvr-icon-hang;
							-webkit-animation-duration: .3s, 1.5s;
							animation-duration: .3s, 1.5s;
							-webkit-animation-delay: 0s, .3s;
							animation-delay: 0s, .3s;
							-webkit-animation-timing-function: ease-out, ease-in-out;
							animation-timing-function: ease-out, ease-in-out;
							-webkit-animation-iteration-count: 1, infinite;
							animation-iteration-count: 1, infinite;
							-webkit-animation-fill-mode: forwards;
							animation-fill-mode: forwards;
							-webkit-animation-direction: normal, alternate;
							animation-direction: normal, alternate; }
				nav[role=navigation] ul li.has-submenu ul {
					position: absolute;
					z-index: 999;
					left: 0;
					width: 100%;
					background: #545E75; /*inherit*/
					-webkit-transform: scaleY(0);
					-o-transform: scaleY(0);
					-ms-transform: scaleY(0);
					transform: scaleY(0);
					-webkit-transform-origin: top;
					-o-transform-origin: top;
					-ms-transform-origin: top;
					transform-origin: top;
					-webkit-transition: -webkit-transform .26s ease-out;
					-o-transition: -o-transform .26s ease;
					-ms-transition: -ms-transform .26s ease;
					transition: transform .26s ease; }
				nav[role=navigation] ul li.has-submenu:hover ul,
				nav[role=navigation] ul li.has-submenu:focus ul {
					-webkit-transform: scaleY(1);
					-o-transform: scaleY(1);
					-ms-transform: scaleY(1);
					transform: scaleY(1); }
					nav[role=navigation] ul li.has-submenu ul:after {
						content: none; }
					nav[role=navigation] ul li.has-submenu ul li {
						display: block;
						background: transparent;
						-webkit-border-radius: 0px;
						border-radius: 0px;
						margin: 0;  }
						nav[role=navigation] ul li.has-submenu ul li a,
						nav[role=navigation] ul li.has-submenu ul li span {
							padding: .75em 1em;
							font-size: 14px;
							border-bottom: none; }
						@media screen and (min-width: 1025px) {
							nav[role=navigation] ul li.has-submenu ul li a,
							nav[role=navigation] ul li.has-submenu ul li span {
								font-size: 14px; } }
						@media screen and (min-width: 1305px) {
							nav[role=navigation] ul li.has-submenu ul li a,
							nav[role=navigation] ul li.has-submenu ul li span {
								font-size: 14px; } }
						nav[role=navigation] ul li.has-submenu ul li a:hover {
							background: rgba(0,0,0,.30); }
						nav[role=navigation] ul li.has-submenu ul li a[href="#"]:hover {
							background: transparent;
							cursor: default; }
							nav[role=navigation] ul li.has-submenu ul li a:after {
								content: none; }
						nav[role=navigation] ul li.has-submenu ul li ul {
							display: block;
							position: relative;
							background: rgba(0,0,0,.30); }
							nav[role=navigation] ul li.has-submenu ul li ul li {}
								nav[role=navigation] ul li.has-submenu ul li ul li a {
									font-size: 14px; }
								@media screen and (min-width: 1025px) {
									nav[role=navigation] ul li.has-submenu ul li ul li a {
										font-size: 16px; } }
								nav[role=navigation] ul li.has-submenu ul li ul li a:hover {}
				nav[role=navigation] ul #menu-item-28 .sub-menu {
					width: 120%;
					left: -10%;}
				nav[role=navigation] ul li.has-submenu.two-column ul {
					width: 200%;
					left: -50%; }
					nav[role=navigation] ul li.has-submenu.two-column ul li {
						width: 50%;
						float: left; }
					nav[role=navigation] ul li.has-submenu.two-column ul li:first-of-type {
						border-right: 1px solid rgba(0,0,0,.50); }
						nav[role=navigation] ul li.has-submenu.two-column ul li ul {
							position: relative;
							width: 100%;
							left: auto; }
							nav[role=navigation] ul li.has-submenu.two-column ul li ul li {
								width: auto;
								float: none;
								border: none !important; }
								nav[role=navigation] ul li.has-submenu.two-column ul li ul li a {}			
								
	.mobile-nav {
		display: block; }
	@media screen and (min-width: 865px) {
		.mobile-nav {
			display: none; } }
		.mobile-nav .mobile__button {
            display: none!important;
			text-align: center;
			background: #1B1E3A;
			font-size: 20px;
			padding: 1.25em 1.75em;
			cursor: pointer;
			text-shadow: 0 0 10px rgba(0,0,0,.25);
			border-bottom: 7px solid rgba(0,0,0,.3); }
		.mobile-nav .mobile__nav {
			display: none; }
			.mobile-nav .mobile__nav ul { }
				.mobile-nav .mobile__nav ul li {}
				.mobile-nav .mobile__nav ul li:nth-of-type(1) {
					background: #272B53; }
				.mobile-nav .mobile__nav ul li:nth-of-type(2n) {
					background: #272B53; }
				.mobile-nav .mobile__nav ul li:nth-of-type(3n) {
					background: #272B53; }
				.mobile-nav .mobile__nav ul li:nth-of-type(4n) {
					background: #272B53; }
				.mobile-nav .mobile__nav ul li:nth-of-type(5n) {
					background: #272B53; }
				.mobile-nav .mobile__nav ul li:nth-of-type(6n) {
					background: #272B53; }
				.mobile-nav .mobile__nav ul li:last-of-type {
					background: #272B53; }
				.mobile-nav .mobile__nav ul li.has-submenu {}
				.mobile-nav .mobile__nav ul li a,
				.mobile-nav .mobile__nav ul li span {
					display: block;
					color: white;
					padding: 1em;
					text-shadow: 0 0 10px rgba(0,0,0,.25); }
				.mobile-nav .mobile__nav ul li.has-submenu a,
				.mobile-nav .mobile__nav ul li.has-submenu span {
					position: relative;
					cursor: pointer; }
					.mobile-nav .mobile__nav ul li.has-submenu a:after,
					.mobile-nav .mobile__nav ul li.has-submenu span:after {
						content: "\f105";
						position: absolute;
						top: 50%;
						right: 1em;
						transform: translateY(-50%);
						display: inline-block;
						padding: 0 1px;
						vertical-align: middle;
						font-family: FontAwesome;
						text-rendering: auto;
						-webkit-font-smoothing: antialiased;
						-moz-osx-font-smoothing: grayscale;
						-webkit-transition: 0.25s ease-in-out;
						-moz-transition: 0.25s ease-in-out;
						-o-transition: 0.25s ease-in-out;
						transition: 0.25s ease-in-out; }
					.mobile-nav .mobile__nav ul li.has-submenu a.submenu-open:after,
					.mobile-nav .mobile__nav ul li.has-submenu span.submenu-open:after {
						transform: translateY(-50%) rotate(90deg); }
					.mobile-nav .mobile__nav ul li ul {
						background: #545E75; /*rgba(0,0,0,.30)*/
						padding-left: 1em;
						display: none; }
						.mobile-nav .mobile__nav ul li ul li {
							background: none !important; }
							.mobile-nav .mobile__nav ul li ul li a {}
							.mobile-nav .mobile__nav ul li.has-submenu ul li a:after {
								content: none; }
							.mobile-nav .mobile__nav ul li.has-submenu ul li ul {
								padding-left: 0; }
	
    
.mobile__nav__wrap{
	display: none;}
    .mobile__nav__wrap ::-webkit-scrollbar {
        display: none;}
    @media all and (max-width: 865px) {
        .mobile__nav__wrap{
            display: block;}
    }  
.mobile__nav {
	position: fixed;
	z-index: -5!important;
    top: 0;
    right: 0;
    height: 100%;
    width: 240px;
    background: #545E75;
    border-left: 1px solid #e9e4db;
    overflow-x: hidden;
    overflow-y: auto;
	visibility: hidden;
    /*-webkit-transition: visibility 0s .3s;
    -moz-transition: visibility 0s .3s;
    transition: visibility 0s .3s;*/
    -webkit-overflow-scrolling: touch;
    -webkit-transform: translateZ(0);
    -moz-transform: translateZ(0);
    -ms-transform: translateZ(0);
    -o-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0);
    -webkit-transition: 0.3s ease-in-out;
	-moz-transition: 0.3s ease-in-out;
	-o-transition: 0.3s ease-in-out;
	transition: 0.3s ease-in-out; }
	.mobile__nav .close{
        background: #272B53;
		color: #fff;
		font-size: 16px;
        padding: 22px 16px;
		cursor: pointer;
		-webkit-transition: 0.3s ease-in-out;
		-moz-transition: 0.3s ease-in-out;
		-o-transition: 0.3s ease-in-out;
		transition: 0.3s ease-in-out;}
         @media all and (max-height: 640px) {
            .mobile__nav .close{
                padding: 14px 16px;}
        }
        @media all and (max-height: 420px) {
            .mobile__nav .close{
                padding: 12px 16px;}
        }
        .mobile__nav .close i{
            font-size: 18px;
            margin-right: 7px;}
        .mobile__nav .close span{
            font-weight: 700;}
		.mobile__nav .close:hover{
			-webkit-transition: 0.3s ease-in-out;
			-moz-transition: 0.3s ease-in-out;
			-o-transition: 0.3s ease-in-out;
			transition: 0.3s ease-in-out;}
	.mobile__nav.zindex{
		z-index: 99999!important;
		-webkit-transition: 0.3s ease-in-out;
		-moz-transition: 0.3s ease-in-out;
		-o-transition: 0.3s ease-in-out;
		transition: 0.3s ease-in-out;}
	.mobile__nav.visible{
		visibility: visible;
		-webkit-transition: 0.3s ease-in-out;
		-moz-transition: 0.3s ease-in-out;
		-o-transition: 0.3s ease-in-out;
		transition: 0.3s ease-in-out;}
		.mobile__nav ul{
			font-size: 16px;
			font-weight: 700;}
			.mobile__nav ul li{
                position: relative;}
                .mobile__nav  ul li.hidden > a{
                    visibility: hidden;}
				.mobile__nav  ul li a{
                    position: relative;
                    color: #fff;
					display: block;
					padding: 22px 16px;
                    border-bottom: 1px solid #e9e4db;}
                    @media all and (max-height: 640px) {
                        .mobile__nav  ul li a{
                            padding: 14px 16px;}
                    }
                    @media all and (max-height: 460px) {
                        .mobile__nav  ul li a{
                            padding: 12px 16px;}
                    }
					.mobile__nav  ul li a:hover{
                        opacity: .7;}
                    .mobile__nav  ul li.menu-item-has-children a::after {
                        content: "\f054";
                        font-family: Font Awesome\ 5 Pro;
                        font-size: 18px;
                        font-weight: 700;
                        color: #fff;
                        position: absolute;
                        right: 12px;
                        top: 50%;
                        transform: translateY(-50%);}
					.mobile__nav  ul li a i{
						font-size: 12px;
						font-weight: 700;
						margin-left: 4px;
						-webkit-transition: 0.3s ease-in-out;
						-moz-transition: 0.3s ease-in-out;
						-o-transition: 0.3s ease-in-out;
						transition: 0.3s ease-in-out;}
						.mobile__nav  ul li a.active i{
							-webkit-transform: rotate(180deg);
							-moz-transform: rotate(180deg);
							-ms-transform: rotate(180deg);
							-o-transform: rotate(180deg);
							transform: rotate(180deg);
							-webkit-transition: 0.3s ease-in-out;
							-moz-transition: 0.3s ease-in-out;
							-o-transition: 0.3s ease-in-out;
							transition: 0.3s ease-in-out;}
				.mobile__nav  ul li .sub-menu{
                    position: fixed;
                    z-index: 5;
                    top: 0;
                    right: -240px;
                    height: 100%;
                    overflow: auto;
                    background: #545E75;
                    width: 239px;
                    border-left: 1px solid #e9e4db;
                    -webkit-transition: 0.3s ease-in-out;
                    -moz-transition: 0.3s ease-in-out;
                    -o-transition: 0.3s ease-in-out;
                    transition: 0.3s ease-in-out;}
                    .mobile__nav  ul li .sub-menu.visible{
                        -webkit-transform: translateX(-240px);
                        -moz-transform: translateX(-240px);
                        -ms-transform: translateX(-240px);
                        -o-transform: translateX(-240px);
                        transform: translateX(-240px);
                         -webkit-transition: 0.3s ease-in-out;
                        -moz-transition: 0.3s ease-in-out;
                        -o-transition: 0.3s ease-in-out;
                        transition: 0.3s ease-in-out;}
                    .mobile__nav  ul li .sub-menu li{}
                        .mobile__nav  ul li .sub-menu li a{}
                            .mobile__nav  ul li .sub-menu li.nav__back a{
                                background: #272B53;
                                color: #fff;}
                                .mobile__nav  ul li .sub-menu li.nav__back a i{
                                    font-size: 18px;
                                    margin-right: 7px;}
                            .mobile__nav  ul li .sub-menu li a::after,
                            .mobile__nav  ul li .sub-menu li a::before{
                            display: none;}    
    

/*! Content Area
//////////////////////////////////////////////*/

.fancybox-container{
    z-index: 9999999999!important;}

.main__content .top__cta{
	margin-bottom: 20px!important;
	display: block;
	text-align: center;}
	.main__content .top__cta a{
		display: inline-block;
		text-align: center;}
		.main__content .top__cta a span{
			display: block;
			font-size: 18px;
			font-weight: 700;}
	

.home__blocks {
	background: #efebe9;
	padding: 2em 0; }
    @media all and (max-width: 865px) {
        .home__blocks {
            display: none;}
    }
	.home__blocks *[class^="grid"] {
		margin-bottom: 1.5em; }
	.home__blocks *[class^="grid"]:last-of-type {
		margin-bottom: 0; }
	@media screen and (min-width: 640px) {
		.home__blocks *[class^="grid"] {
			display: inline-block;
			vertical-align: middle;
			float: none;
			margin-bottom: 0; } }
		.home__blocks *[class^="grid"]:first-of-type {}
			.home__blocks *[class^="grid"]:first-of-type a  {
				background-color: #fcf045;
				display: block;
				font-size: 22px;
				text-align: center;
				color: #464646;
				padding: 7px; }
			.home__blocks *[class^="grid"]:first-of-type a img {
				max-width: none;
					width: 100%; }
			.home__blocks *[class^="grid"]:first-of-type a span {
				display: block;
					padding: .75em 0 .5em 0; }
		.home__blocks *[class^="grid"]:last-of-type {}
			.home__blocks *[class^="grid"]:last-of-type a {
				display: block;
				font-size: 22px;
				text-align: center;
				color: white;
				padding: 7px; }
				.home__blocks *[class^="grid"]:last-of-type a img {
					max-width: none;
					width: 100%; }
				.home__blocks *[class^="grid"]:last-of-type a span {
					display: block;
					padding: .75em 0 .5em 0; }
			.home__blocks *[class^="grid"]:last-of-type a:first-of-type {
				background: #5dc29d;
				margin-bottom: 40px; }
                @media all and (max-width: 639px) {
                    .home__blocks *[class^="grid"]:last-of-type a:first-of-type {
                        margin-bottom: 20px;}
                }
			.home__blocks *[class^="grid"]:last-of-type a:last-of-type {
				background: #d37815; }

.main__content {
	padding: 3em 0;
	color: #222328;
    background: #fff;}
    @media all and (max-width: 639px) {
        .main__content {
	        padding: 2em 0;}
    }
	.main__content .wrap {
		max-width: 1090px; }
	.main__content *[class^="grid"] {
		margin-bottom: 1.5em; }
        @media all and (max-width: 639px) {
            .main__content .grid-3,
            .main__content .grid-half{
                display: block;
                width: 100%;
                margin-right: 0px;}
        }
	.main__content *[class^="grid"]:last-of-type {
		margin-bottom: 0; }
	@media screen and (min-width: 640px) {
		.main__content *[class^="grid"] {
			display: inline-block;
			vertical-align: middle;
			float: none;
			margin-bottom: 0; }
		.main__content .top *[class^="grid"] {
			vertical-align: top; }
		.main__content .middle *[class^="grid"] {
			vertical-align: middle; }
		.main__content .bottom *[class^="grid"] {
			vertical-align: bottom; } }
	.main__content h1 {
		font-family: 'Kanit', sans-serif;
		font-size: 34px;
		color: #017d73;
		margin: 0 0 .5em 0;
		padding: 0 0 .25em 0;
		border-bottom: 2px solid rgba(34,35,40,.3); }
        @media all and (max-width: 639px) {
            .main__content h1 {
                font-size: 30px;}
        }
	.main__content h2,
	.main__content h4 {
		font-family: 'Kanit', sans-serif;
		font-size: 26px;
		color: #555555;
		margin-bottom: 16px; }
        @media all and (max-width: 639px) {
            .main__content h2,
	        .main__content h4 {
                font-size: 24px;}
        }
	.main__content h3, 
	.main__content h5 {
		font-family: 'Kanit', sans-serif;
		font-size: 26px;
		color: #61368e;
		margin-bottom: 16px; }
        @media all and (max-width: 639px) {
            .main__content h3, 
	        .main__content h5 {
                font-size: 24px;}
        }
	.main__content ul {
		margin-left: 1.5em;
		line-height: 1.75;
		margin-bottom: 16px; }
        @media all and (max-width: 639px) {
            .main__content ul {
                font-size: 15px;}
        }
		.main__content ul ul {
			margin-bottom: 0; }
	.main__content p {
		font-size: 16px;
		margin-bottom: 16px;
		line-height: 1.75; }
        @media all and (max-width: 639px) {
            .main__content p {
                font-size: 15px;}
        }
	.main__content a {}
		.main__content a:hover {
			text-decoration: underline; }
			
			
	.main__content .yellow__border.hero a{
		position: relative;
		display: block;
		color: white;}
		.main__content .yellow__border.hero .overlay{
			position: absolute; 
			top: 0;
			left: 0;
			padding: 1em;
			font-size: 1.2em;
			font-weight: 700;
			background: rgba(0, 0, 0, .7);}
            @media all and (max-width: 639px) {
                .main__content .yellow__border.hero .overlay{
                    display: none;}
            }
		
.blue__content {
	background: #4497d0;
	color: white; }
.green__content {
	background: #618615; 
	color: white; }
	.blue__content h2,
	.green__content h2 {
		color: #ffc107; }
	.blue__content h3,
	.green__content h3 {
		color: white; }
	.blue__content a,
	.green__content a {
		color: #ffc107; }
		
.gray__content {
	background: #efebe9; }
	.gray__content h3 {
		color: #2f7dcb; }
	
.mobile-show{
    display: none;}
    @media all and (max-width: 865px) {
        .mobile-show{
            display: block;}
    }
    
.another-zip{
    margin-top: 32px;
    background: #50a485;
    display: inline-block;
    border-radius: 20px;
    color: #fff;
    padding: 20px;}
   
.band-link{
    color: #fff;
    background: #8a195b;
    padding: 12px;
    font-weight: 700;
    font-size: 22px;
    text-transform: uppercase;
    text-align: center;}
    .band-link:hover{
        background: #73104a;}
    .band-link span,
    .band-link img{
        display: inline-block;
        float: none;
        vertical-align: middle;}
        .band-link span {
            margin-left: 12px;}
        .band-link img{
            width: 40px;}
    
.overlay__content {
	position: relative;
	background-image: url(../img/overlay_background.jpg);
	background-size: cover;
	background-position: center center;
	background-repeat: no-repeat;
	color: white;
	text-shadow: 1px 1px 1px rgba(0,0,0,.34);
	padding: 10% 0; }
	.overlay__content:before {
		content: "";
		position: absolute;
		top: 0;
		left: 0;
		height: 100%;
		width: 100%;
		background: rgba(93,194,157,.9); }
	.overlay__content h2,
	.overlay__content h3,
	.overlay__content h4 {
		color: inherit; }
	.overlay__content p {
		font-size: 18px;
		max-width: 890px;
		width: 100%;
		margin: 0 auto; }
        @media all and (max-width: 639px) {
            .overlay__content p {
                font-size: 16px;}
        }
	
.green__bordered__content {
	padding: 1em;
	border: 4px solid rgba(124,177,13,.2); }
	.green__bordered__content p {
		font-family: 'Kanit', sans-serif;
		color: #618615; }
	.green__bordered__content ul {}
		.green__bordered__content ul li {
			font-size: 14px;
			font-style: italic;
			padding: .25em 0; }
			
.swing__set__packages {}
	.swing__set__packages section {
		padding: 2em 0 0 0;
		color: white; }
		.swing__set__packages section .overlay__background {
			max-width: 1265px;
			width: 100%;
			margin: 2em auto 0 auto;
			/* background: rgba(255,255,255,.4); */
			padding: 0 0 2em 0; }
		.swing__set__packages section .wrap {
			max-width: 1170px; }
			.swing__set__packages section h3 {
				font-family: 'Kanit', sans-serif;
				font-size: 30px;
				/*color: #ffc107;*/
				color: #fff;
				text-shadow: 1px 1px 1px rgba(0,0,0,.46);
				margin-bottom: 16px; }
                @media all and (max-width: 639px) {
                    .swing__set__packages section h3 {
                        font-size: 26px;}
                }
			.swing__set__packages section h4 {
				font-family: 'Kanit', sans-serif;
				font-size: 20px; }
                @media all and (max-width: 639px) {
                    .swing__set__packages section h4 {
                        font-size: 18px;}
                }
			.swing__set__packages section p {
				font-size: 16px;
				line-height: 1.75;
				margin-bottom: 1em; }
                @media all and (max-width: 639px) {
                    .swing__set__packages section p {
                        font-size: 15px;}
                }
			.swing__set__packages section *[class^="grid"] {
				position: relative;
				margin-bottom: 0;
				padding: 2em 1.5em 0 1.5em; }
				.swing__set__packages section *[class^="grid"] p {
					line-height: 1.5;
					margin-bottom: 2em; }
				.swing__set__packages section *[class^="grid"] a {
					display: block;
					text-align: center; }
					.swing__set__packages section *[class^="grid"] a img {
						display: block;
						margin: 0 auto;
						/*border: 6px solid #ffc107; */
						border: 4px solid #fff;
						max-width: 255px;
						width: 100%; }
					.swing__set__packages section *[class^="grid"] a span {
						color: white;
						display: block;
						padding: .5em .5em 0 .5em; }
	.swing__set__packages section:nth-of-type(1) {
		/*background: #0785b8;*/
		background: #12ACCA; }
	.swing__set__packages section:nth-of-type(2) {
		/*background: #499a3c;*/
		background: #8BB730; }
	.swing__set__packages section:nth-of-type(3) {
		/*background: #881515;*/
		background: #E32E23; }
	.swing__set__packages section:nth-of-type(4) {
		/*background: #8a195b;*/
		background: #BF439F; }
	.swing__set__packages section:nth-of-type(5) {
		/*background: #1b6035; */
		background: #289755;}
	.swing__set__packages section:nth-of-type(6) {
		/*background: #003b60;*/
		background: #007C8F; }
	.swing__set__packages section:nth-of-type(7) {
		/*background: #382263;*/
		background: #5A3B99; }
	.swing__set__packages section:nth-of-type(8) {
		/*background: #c06a1d;*/
		background: #ED961D; }
		.swing__set__packages section:nth-of-type(8) .overlay__background {
			background: none;
			padding: 0; }
			.swing__set__packages section:nth-of-type(8) *[class^="grid"] {
				/* background: rgba(255,255,255,.4); */
				padding: 0em 1.5em; }
			/*@media screen and (min-width: 640px) {
				.swing__set__packages section:nth-of-type(8) *[class^="grid"]:first-of-type a,
				.swing__set__packages section:nth-of-type(8) *[class^="grid"]:last-of-type a {
					position: absolute;
					left: 1.5em;
					right: 1.5em;
					margin: 0 auto;
					bottom: 2em; } }*/

.mobile-hide{}
    @media all and (max-width: 639px) {
        .mobile-hide{
            display: none;}
    }
    
.tablet-hide{}
    @media all and (max-width: 768px) {
        .tablet-hide{
            display: none;}
    }

.map__content{}
    @media all and (max-width: 639px) {
        .map__content{
            display: none;}
    }

.get__quote {
	padding: 1em 0; }
@media screen and (min-width: 640px) {
	.get__quote {
		padding: 2em 0; } }
.get__quote.light-blue {
	background: #0785b8; }
.get__quote.light-green {
	background: #499a3c; }
.get__quote.red {
	background: #881515; }
.get__quote.pink {
	background: #8a195b; }
.get__quote.dark-green {
	background: #1b6035; }
.get__quote.dark-blue {
	background: #003b60; }
.get__quote.dark-purple { 
	background: #382263; }
.get__quote.orange {
	background: #c06a1d; } 
	.get__quote h3 {
		font-family: 'Kanit', sans-serif;
		font-size: 30px; 
		/*color: #ffc107;*/
		color: #61368e;
		text-shadow: 1px 1px 1px rgba(0,0,0,.46);
		text-align: center;
		margin-bottom: 32px; }
        @media all and (max-width: 639px) {
            .get__quote h3 {
                font-size: 26px;}
        }
	.get__quote .main__content {
		background: white;
		padding: 1em; }
	@media screen and (min-width: 640px) {
		.get__quote .main__content {
			padding: 3em; } }
		
		.get__quote .main__content .accordion {}
			.get__quote .main__content .accordion .accordion-section {
				margin-bottom: .25em; }
				.get__quote .main__content .accordion .accordion-section .accordion-section-title {
					position: relative;
					display: block;
					font-family: 'Kanit', sans-serif;
					background: #ffc107;
					font-size: 22px;
					font-weight: 700;
					color: #272b53;
					text-align: center;
					padding: .5em 2.5em;
					text-decoration: none; }
				@media screen and (min-width: 640px) {
					.get__quote .main__content .accordion .accordion-section .accordion-section-title {
						font-size: 30px; } }
				.get__quote .main__content .accordion .accordion-section .accordion-section-title:after {
					content: "\f0da";
					font-family: FontAwesome;
					position: absolute;
					right: .5em;
					top: 50%;
					width: 40px;
					height: 40px;
					-moz-transform: translateY(-50%);
					-webkit-transform: translateY(-50%);
					-o-transform: translateY(-50%);
					-ms-transform: translateY(-50%);
					transform: translateY(-50%);
					-webkit-transition: 0.25s ease-in-out;
					-moz-transition: 0.25s ease-in-out;
					-o-transition: 0.25s ease-in-out;
					transition: 0.25s ease-in-out; }
				.get__quote .main__content .accordion .accordion-section .accordion-section-title.active {}
				.get__quote .main__content .accordion .accordion-section .accordion-section-title.active:after {
					-moz-transform: rotate(90deg) translateX(-50%);
					-webkit-transform: rotate(90deg) translateX(-50%);
					-o-transform: rotate(90deg) translateX(-50%);
					-ms-transform: rotate(90deg) translateX(-50%);
					transform: rotate(90deg) translateX(-50%); }
				.get__quote .main__content .accordion .accordion-section .accordion-section-content {
					background: #f6f6f6;
					padding: 2em;
					display: none;
					margin-bottom: 0; }
				.get__quote .main__content .accordion .accordion-section .accordion-section-content.open {
					display: block; }
					
.quote__form {}
	.quote__form input[type="submit"] {
		border: none;
		border-radius: 0px;
		font-family: 'Kanit', sans-serif;
		background: #ffc107;
		color: white;
		font-size: 22px;
		font-weight: 700;
		padding: 1em;
		float: right; }
	.quote__form fieldset {
		max-width: 900px;
		margin: 0 auto 1em auto;
		text-align: center; }
	.quote__form fieldset:last-of-type {
		margin: 0 auto; }
	.quote__form fieldset *[class^="grid"] {
		display: block;
		margin-bottom: 1em; }
	@media screen and (min-width: 480px) {
		.quote__form fieldset *[class^="grid"] {
			display: inline-block;
			vertical-align: top;
			float: none; } }
	.quote__form fieldset .disabled {
		opacity: .5; }
	.quote__form fieldset .swatch {
		display: block;
		height: 50px;
		width: 100%;
		margin-bottom: .5em; }
		.quote__form fieldset .swatch.red {
			background: #792e35; }
		.quote__form fieldset .swatch.green {
			background: #19635f; }
		.quote__form fieldset .swatch.blue {
			background: #345886; }
		.quote__form fieldset .swatch.brown {
			background: #605255; }
		.quote__form fieldset .swatch.yellow {
			background: #fdd634; }
		.quote__form fieldset .swatch.black {
			background: #000; }
			
		.quote__form fieldset .swatch.white {
			background: #F8F8F2; }
		.quote__form fieldset .swatch.off-white {
			background: #F5EFE6; }
		.quote__form fieldset .swatch.wood-grain-brown {
			background: #C0927D; }
		.quote__form fieldset .swatch.clay {
			background: #DED1C3; }
			
	.quote__form fieldset img {
		margin: 0 auto .5em auto;
		display: block; }
		
	.quote__form fieldset .colored-radios {
		margin: .5em auto;}
		.quote__form fieldset .colored-radios label {
			position: relative;
			display: inline-block;
			width: 20px;
			height: 20px; }
			.quote__form fieldset .colored-radios label input {
				position: absolute;
				z-index: -1;
				opacity: 0; }
			.quote__form fieldset .colored-radios label span {
				position: absolute;
				top: 2px;
				left: 0;
				width: 15px;
				height: 15px;
				border-radius: 3px;
				box-shadow: inset 0px 0px 1px rgba(0,0,0,.5); }
			.quote__form fieldset .colored-radios label input.red ~ span {
				background: #792e35; }
			.quote__form fieldset .colored-radios label input.green ~ span {
				background: #19635f; }
			.quote__form fieldset .colored-radios label input.blue ~ span {
				background: #345886; }
			.quote__form fieldset .colored-radios label input.brown ~ span {
				background: #605255; }
			.quote__form fieldset .colored-radios label input.yellow ~ span {
				background: #fdd634; }
			.quote__form fieldset .colored-radios label input.black ~ span {
				background: #000; }
				
			.quote__form fieldset .colored-radios label input.white ~ span {
				background: #F8F8F2; }				
			.quote__form fieldset .colored-radios label input.off-white ~ span {
				background: #F5EFE6; }				
			.quote__form fieldset .colored-radios label input.wood-grain-brown ~ span {
				background: #C0927D; }				
			.quote__form fieldset .colored-radios label input.clay ~ span {
				background: #DED1C3; }
				
			.quote__form fieldset .colored-radios label input:checked span {}
			.quote__form fieldset .colored-radios label.checked input ~ span:after,
			.quote__form fieldset .colored-radios label input:checked ~ span:after {
				content: "\2713";
				color: white;
				font-size: 11px;
				position: absolute;
				left: 0;
				right: 0;
				top: 50%;
				transform: translateY(-50%); }
			.quote__form fieldset .colored-radios label input:disabled ~ span {
				opacity: .5; }
	.quote__form fieldset.contact-details {
		text-align: left; }
		
	.quote__form *[class^="grid"].other__models {
		display: none; }
		.quote__form .other__models ul {
			list-style: none;
			margin: 0; }
		@media screen and (min-width: 640px) {
			.quote__form .other__models ul {
				-webkit-column-count: 2;
				-moz-column-count: 2;
				column-count: 2;
				-webkit-column-gap: 40px;
				-moz-column-gap: 40px;
				column-gap: 40px; } }
			.quote__form .other__models ul li {
				display: inline-block;
				vertical-align: top;
				width: 100%;
				padding: .25em 0; }
				.quote__form .other__models ul li label {}
					.quote__form .other__models ul li label .checkbox-wrapper {
						position: relative;
						display: inline-block;
						vertical-align: middle;
						width: 20px;
						margin-right: 8px; }
					.quote__form .other__models ul li label .checkbox-wrapper input[type=checkbox] {
						position: absolute;
						width: auto;
						opacity: 0; }
					.quote__form .other__models ul li label .checkbox-wrapper .pseudo-checkbox {
						position: relative;
						text-align: center; }
						.quote__form .other__models ul li label .checkbox-wrapper .pseudo-checkbox:before, 
						.quote__form .other__models ul li label .checkbox-wrapper .pseudo-checkbox:before {
							content: '';
							width: 20px;
							height: 20px;
							background-color: #ebebeb;
							border-radius: 3px;
							display: inline-block;
							cursor: pointer;
							position: relative;
							top: 4px; }
						.quote__form .other__models ul li label .checkbox-wrapper input[type=checkbox]:checked+.pseudo-checkbox:before, 
						.quote__form .other__models ul li label .checkbox-wrapper input[type=checkbox]:checked+.pseudo-checkbox:before {
							background-color: #9b9b1a;
							background-repeat: no-repeat;
							background-position: center center;
							background-size: 80%; }
						.quote__form .other__models ul li label .checkbox-wrapper input[type=checkbox]:checked+.pseudo-checkbox:after, 
						.quote__form .other__models ul li label .checkbox-wrapper input[type=checkbox]:checked+.pseudo-checkbox:after {
							content: '\f00c';
							font-family: FontAwesome;
							color: white;
							text-rendering: auto;
							line-height: 1;
							-webkit-font-smoothing: antialiased;
							-moz-osx-font-smoothing: grayscale;
							position: absolute;
							top: 50%;
							transform: translateY(-50%);
							left: 0;
							right: 0;
							margin: 0 auto; }
					.quote__form .other__models ul li label .model-info {
						display: inline-block;
						vertical-align: middle;
						width: calc(100% - 61px); }
					.quote__form .other__models ul li label a {
						display: inline-block;
						vertical-align: middle;
						font-size: 1.250em;
						width: 25px;
						margin-left: 8px; }
	
	.quote__form .g-recaptcha {
		overflow: hidden; }
		.quote__form .g-recaptcha > div {
			width: auto !important;
			display: inline-block;
			vertical-align: top;
			border-radius: 3px;
			border-right: 1px solid #d3d3d3 }
		.quote__form .g-recaptcha iframe {
			width: 165px !important; }
		
.dealer__info {
	list-style: none;
	margin-left: 0;
	margin-bottom: 0; }
	.dealer__info li {
		padding: .5em 0; }
		.dealer__info li i {
			/*text-align: left;*/
            display: inline-block;
			vertical-align: middle;
            float: none;}
		.dealer__info li span {
			display: inline-block;
			vertical-align: middle;
            float: none;
			margin-left: .5em; }
			
.additional__products {}
	.additional__products *[class^="grid"] {
		text-align: center;
		/*width: 16.389%;*/
		vertical-align: top;
		margin-bottom: 24px; }
		.additional__products *[class^="grid"] a {
			color: white;
			text-decoration: none; }
			.additional__products *[class^="grid"] a img {
				display: block;
				margin: 0 auto;
				/*border: 6px solid #ffc107; */
				border: 6px solid #fcf045;}
			.additional__products *[class^="grid"] a span {
				display: block;
				padding: .5em .5em 0 .5em; }
				
.faq{
	color: #E84B00; 
	font-weight: 700; 
}

.faux-h3{
	color: #61368e; 
	display: block;
	padding-bottom: 26px;
    padding-top: 20px;
	font-weight: 700;
    font-family: 'Kanit', sans-serif;
    font-size: 26px;}
    @media all and (max-width: 639px) {
        .faux-h3{
            font-size: 22px;}
    }
	.faux-h3.orange{
		color: #FE5618!important;}
	.faux-h3.gray{
		color: #555555!important;
		background: none;}
		
.blog_grids > a > img{
	margin-bottom: 24px;}

.design__center__block{
	display: block;
	padding: 7px;
	color: white;
	font-size: 22px;
	text-align: center;
	margin: 30px auto 0px;
	max-width: 460px;
	background: #5dc29d;} 
    @media all and (max-width: 639px) {
        .design__center__block{
            font-size: 20px;}
    }
	.design__center__block.alt{
		max-width: 720px;
		background: #ffc107;}
		.design__center__block.alt img{
			margin-bottom: 0px;}
	.design__center__block:hover{
		text-decoration: none!important;} 
	.design__center__block img{
		display: block;}
	.design__center__block span{
		display: block;
		padding: .75em 0 .5em 0;}

.blog_grids .vertical-container {
	margin-bottom:16px;
}
		


.playset__options__repeater{}
	.playset__options__repeater .grid-2.playset__options{
		margin-bottom: 20px;}
		.playset__options__repeater .grid-2.playset__options *:last-child{
			margin-bottom: 0px!important;}
		.playset__options__repeater .grid-2 a{
			display: block;
			position: relative;}
			.playset__options__repeater .grid-2 a .label{
				position: absolute;
				top: 10px;
				left: 10px;
				width: 72px;
				height: 72px;
				text-align: center;
				color: #fff!important;
				border-radius: 100%;
				background: #b9a951;}
				.playset__options__repeater .grid-2 a .label span{
					position: absolute;
					display: block;
					line-height: 1;
					width: 100%;
					top: 50%;
					transform: translateY(-50%);}
		.playset__options__repeater .grid-2 span{
			display: block;
			text-align:center;
			font-weight: 700;
			font-size: 16px;
			margin-bottom: 12px;
			line-height: 1.75;}
		.playset__options__repeater .grid-2 .color__list{
			margin-left: 0px;
			text-align: center;}
            @media all and (max-width: 639px) {
                .playset__options__repeater .grid-2 .color__list{
                    margin-bottom: 10px;}
            }
			.playset__options__repeater .grid-2 .color__list li{
				display: inline-block;
				width: 30px;
				height: 30px;
				border-radius: 100%;
				margin-right: 4px;}
				.playset__options__repeater .grid-2 .color__list li.green{
					background: #006a51;}
				.playset__options__repeater .grid-2 .color__list li.blue{
					background: #104c94;}
				.playset__options__repeater .grid-2 .color__list li.red{
					background: #a8291c;}
				.playset__options__repeater .grid-2 .color__list li.silver{
					background: #c0c0c0;}
				.playset__options__repeater .grid-2 .color__list li.brown{
					background: #844833;}
				.playset__options__repeater .grid-2 .color__list li.black{
					background: #1c1b1b;}
				.playset__options__repeater .grid-2 .color__list li.yellow{
					background: #ffde30;}
				.playset__options__repeater .grid-2 .color__list li.wood{
					background-image: url('https://www.adventureworldplaysets.com/wp-content/uploads/2018/12/wood-bg-e1545406965316.jpg');
					background-attachment: initial!important;}
				.playset__options__repeater .grid-2 .color__list li:last-of-type{
					margin-right: 0px;}
		.playset__options__repeater .grid-2 .button{
			font-size: 18px;
			margin: auto;
			max-width: 200px;
            text-align: center;
			margin-bottom: 16px;}
            @media all and (max-width: 639px) {
                .playset__options__repeater .grid-2 .button{
                    font-size: 16px;}
            }
        .playset__options__repeater .grid-2 .yellow__border{}
            @media all and (max-width: 639px) {
                .playset__options__repeater .grid-2 .yellow__border {
                    width: 92%;
                    margin: auto;}
            }

.smol__wrap.popup{
	max-width: 600px;
	margin: auto;
	width: 100%;}
	.smol__wrap.popup .option__popup__title{
		display: block;
		margin-bottom: 16px;
		font-size: 24px;
		font-family: 'Kanit', sans-serif;
		color: #618615;}
        @media all and (max-width: 639px) {
            .smol__wrap.popup .option__popup__title{
                font-size: 22px;}
        }
	.smol__wrap.popup ul{
		margin-left: 25px;}
	.smol__wrap.popup p,
	.smol__wrap.popup ul,
	.smol__wrap.popup ol{
		font-size: 16px;   
		margin-bottom: 16px;
		line-height: 1.75;}
        @media all and (max-width: 639px) {
            .smol__wrap.popup p,
            .smol__wrap.popup ul,
            .smol__wrap.popup ol{
                font-size: 15px;}
        }

    .center-ctas{
        text-align: center;
        margin-top: 24px;}
        .center-ctas *[class^="button"] {
            margin: 12px 0;
            background: #8a195b;}

/*
Blog Styles
//////////////////////////////////////////////////////////*/

.blog-wrap {
  max-width: 1360px;
  width: 92%;
  margin: 0px auto;
  position: relative; }
	.blog-wrap a{
		font-weight: 700;
	}

.blogbutton{
	border: none;
    background: #50a485;
    display: inline-block;
    color: white;
    padding: 1em;
	border-radius: 30px;
	font-size: 20px;
    font-weight: 700;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;}
	.blogbutton:hover{
		background: #e6e4e4;
		color: #222328;
		-webkit-transition: all 0.2s ease-in-out;
		-moz-transition: all 0.2s ease-in-out;
		-o-transition: all 0.2s ease-in-out;
		transition: all 0.2s ease-in-out;}

@media screen and (min-width: 480px) {
  .blog-wrap {
    width: 98%; }
}

.gray{
	background-color: #c9cad4;
    padding-top: 2%;
    padding-bottom: 2%;	
}

.title-area{
	padding: 0% 2%;		
	background: white;
}
	.title-area h1{
		text-align: center;	
		color: #8a195b;
		padding-top: 2%;
		padding-bottom: 2%;
		font-family: 'Kanit', sans-serif;
		font-size: 34px;
	}
        @media all and (max-width: 639px) {
            .title-area h1{
                font-size: 28px;}
        }
	.title-area p{
		text-align: center;	
		color: #8a195b;
		font-family: 'Kanit', sans-serif;
    	font-size: 34px;
    	padding-bottom: 2%;
    	padding-top: 2%;
		font-weight: bold;
		margin-bottom: 0px;}
        @media all and (max-width: 639px) {
            .title-area p{
                font-size: 28px;}
        }
	
.white{
	background: #ffffff;	
	overflow: auto;
	padding: 2% 7%;
}
	@media all and (max-width: 640px) {
		.white{
			padding: 2%;	
		}
	}
	.white h2{
		font-size: 26px;	
	}
    @media all and (max-width: 639px) {
        .white h2{
            font-size: 22px;}
    }
		.white h2 a{
			color: 	#50a485;
		}


.blog-categories {
	padding: 0% 2%;	
	background: #e6e4e4;
}
				
	.blog-categories li{
		line-height: 2.1;	
		display: inline-block;
		font-weight: bold;
		position: relative;
		width: 14.5%;
		margin-left: 1%;
		margin-right: 1%;
    	text-align: center;
		border-bottom: 5px solid;
		-webkit-transition: all 0.2s ease-in-out;
  		-moz-transition: all 0.2s ease-in-out;
  		-o-transition: all 0.2s ease-in-out;
  		transition: all 0.2s ease-in-out;
	}
		@media all and (max-width: 640px) {
			.blog-categories li{
				margin-left: 0%;
				margin-right: 0%;
			}
		}
		.blog-categories li:hover{
			background: #d6d5d5;
			-webkit-transition: all 0.2s ease-in-out;
  		-moz-transition: all 0.2s ease-in-out;
  		-o-transition: all 0.2s ease-in-out;
  		transition: all 0.2s ease-in-out;
		}
		.all{
			border-color: #61368e!important;
		}
		.outdoor-fun{
			border-color: #e84b00!important;	
		}
		.planning-your-playset {
			border-color: #7cb10d!important;		
		}
		.safety {
			border-color: #e2d600!important;		
		}
		.playset-quality {
			border-color: #2f7dcb!important;		
		}
		.videos {
			border-color: #577c09!important;	
		}
	.blog-categories a{
		padding: .9em 10px;
    	display: block;
		font-size: 1em;
		z-index: 10;
		color: #222328;
	}
		.blog-categories a:hover{
			text-decoration: none;	
		}
		@media all and (max-width: 1090px) {
			.blog-categories a{
				font-size: .8em;
				padding: .9em 0px;
			}
		}
	.blog-menu {
			display: none;	
		}
		
			.blog-menu p{
				line-height: 2.1;	
				text-align: center;
				font-weight: bold;
				position: relative;
				padding: .9em;
				width: 215px;
				margin: auto;
				border-bottom: 5px solid #61368e;
				-webkit-transition: all 0.2s ease-in-out;
  				-moz-transition: all 0.2s ease-in-out;
  				-o-transition: all 0.2s ease-in-out;
  				transition: all 0.2s ease-in-out;
			}
				.blog-menu p:hover{
					background: #d6d5d5;	
					-webkit-transition: all 0.2s ease-in-out;
  					-moz-transition: all 0.2s ease-in-out;
  					-o-transition: all 0.2s ease-in-out;
  					transition: all 0.2s ease-in-out;
				}
			.blog-menu ul{
				display: none;
			}
	@media all and (max-width: 885px) {
		.blog-categories > ul{
			display: none;	 
		}
		.blog-menu {
				display: block;
			}
			.blog-menu li{
				width: 100%!important;	
			}
				.blog-menu a{
					color: white;	
				}
			.blog-menu .all{
				width: 100%!important;	
				margin-top: 5px;
				background: #61368e;
			}
			.outdoor-fun{
				background: #e84b00;	
			}
			.planning-your-playset {
				background: #7cb10d;		
			}
			.safety {
				background: #e2d600;		
			}
			.playset-quality {
				background: #2f7dcb;		
			}
			.videos {
				background: #577c09;	
			}
			.blog-menu li:hover a{
				color: #222328;
			}
	}
	
	#video {
		    position: relative;
    padding-bottom: 56.25%;
    height: 0;
	}
	
	#video iframe {
	position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;	
	}
	
	.blog__excerpt figure::after{
		position: absolute;
        z-index: 20;
		height: 0px;
		padding-top: 0px;
		font-size: 22px;
		content: "Read More";
		text-align: center;
		width: 100%;
		bottom: 0;
		left: 0;
		color: transparent;
		-webkit-transition: all 0.2s ease-in-out;
  		-moz-transition: all 0.2s ease-in-out;
  		-o-transition: all 0.2s ease-in-out;
  		transition: all 0.2s ease-in-out;
	}
	.blog__excerpt:hover figure::after{
		height: 50px;
		padding-top: 10px;
		color: white;	
	}
		.blog__excerpt figure[class="all"]::after{
			background: #61368e;
		}
		.blog__excerpt figure.outdoor-fun::after{
			background: #e84b00;
		}
		.blog__excerpt figure.planning-your-playset::after{
			background: #7cb10d;
		}
		.blog__excerpt figure.safety::after{
			background: #e2d600;
		}
		.blog__excerpt figure.playset-quality::after{
			background: #2f7dcb;
		}
		.blog__excerpt figure.videos::after{
			background:  #577c09;
		}
	
	.first-group{
		background: #f4f4f4;	
		margin-bottom: 1em;
	}
		.first-group p{
			font-size: 15px;
		}
		.first-group .grid-4, .first-group .grid-75, .first-group .grid-25{
			margin-bottom: 0;
		}
        .first-group .grid-75{
            position: relative;}
            @media all and (min-width: 640px) and (max-width: 999px) {
            .first-group .grid-75 .largeimg{
                position: absolute;
                z-index: 10;
                top: 0;
                left: 0;
                width: 100%;
                height: 100%;}
                .first-group .grid-75 .largeimg a{
                    position: absolute;
                    top: 0;
                    left: 0;
                    width: 100%;
                    height: 100%;}
                    .first-group .grid-75 .largeimg a figure{
                        position: absolute;
                        top: 0;
                        left: 0;
                        width: 100%;
                        height: 100%;}
                        .first-group .grid-75 .largeimg a figure img{
                            height: 100%;}
            }
            .first-group .grid-75 .largeimg a figure.desktop{
                display: none;}
                @media all and (min-width: 640px) {
                    .first-group .grid-75 .largeimg a figure.desktop{
                        display: block;}
                }
            .first-group .grid-75 .largeimg a figure.mobile{
                display: none;}
                @media all and (max-width: 639px) {
                    .first-group .grid-75 .largeimg a figure.mobile{
                        display: block;}
                }
            
		@media all and (max-width: 722px) {
			
		}
		@media all and (max-width: 640px) {
			.largeimg img{
				max-height: 300px!important;	
				min-height: 100px!important;	
				height: auto!important;
				width: 100%;	
			}
			.large-blog-content-info {
				margin: 3%;	
			}
			.main--post--link {
				margin-top: 15px!important;	
			}
		}
        @media all and (max-width: 639px) {
            .first-group .grid-25, .first-group .grid-75{
                width: 100%;
                margin-right: 0px;}
                .first-group .grid-25 h2{
                    font-family: 'Muli', sans-serif!important;}
        }
	
	figure {
		border-bottom: 5px solid;
		position: relative;
	}
	
	.main--post--link{
		display: inline-block;	
		margin-top: 15px;
	}
	.main--post--link .link{
		background-color: transparent;
		text-align: left;
		color: #252525;
		padding-top: 0px;
		padding-bottom: 0px;
	}
	
	.blog__excerpt{
		background: white;	
	}
	
	.blog-content-info{
		padding: 3%;	
		background: #f4f4f4;
	}
		.blog-content-info h2{
			font-size: 20px;	
		}
		.blog-content-info p{
			margin: 10px 0px;	
			font-size: 15px;
		}
		.post-category {
			font-size: 13px!important;	
			color: #757575;
		}
			.first-group .grid-25 .post-category {
				margin-top: 16px;	
				margin-bottom: 16px;
			}
            @media all and (max-width: 640px) {
                .first-group .grid-25 .post-category {
                    margin-top: 0px;
                    margin-bottom: 10px;}
            }
			.first-group .grid-25 p, .grid-25 h2{
				width: 97%;	
			}
			.first-group .grid-25 h2{
				font-family: 'Kanit', sans-serif;
				margin-bottom: 12px;
			}
		.linka a {
			color: #222328;
			font-weight: 600;	
		}
    .blog__excerpt--link{
        display: inline-block;}
	.blog_sidebar {
		background: #c5383c;
    	color: white;
    	padding: 1.5em;
	}
		.blog_sidebar p{
			color: white;
			font-size: 24px;
    		line-height: 1.5;
		}
		.blog_sidebar .quick__contact__form input[type=text], .blog_sidebar .quick__contact__form input[type=tel], .blog_sidebar .quick__contact__form input[type=email] {
    		width: 100%;
    		background: white;
    		border: none;
    		height: 40px;
    		margin-bottom: 8px;
    		padding: 0 1em;
		}
			form input[type=submit] {
    			border: none;
    			background: #272b53;
    			display: inline-block;
    			color: white;
    			padding: .5em;
    			max-width: 150px;
    			width: 100%;
    			font-weight: 700;
    			text-transform: uppercase;
				-webkit-transition: all 0.2s ease-in-out;
  				-moz-transition: all 0.2s ease-in-out;
  				-o-transition: all 0.2s ease-in-out;
  				transition: all 0.2s ease-in-out;
			}
				form input[type=submit]:hover {
    				background: #e6e4e4;
					color: #222328;
					-webkit-transition: all 0.2s ease-in-out;
  					-moz-transition: all 0.2s ease-in-out;
  					-o-transition: all 0.2s ease-in-out;
  					transition: all 0.2s ease-in-out;
				}
		#mobile_blog_form{
			display: none;
		}
		@media all and (max-width: 640px) {
			#mobile_blog_form{
				display: block;
			}
			#sidebar{
				display: none;	
			}
		}
		.full-width img{
			width: 100%;
            height: 400px;
			margin: 16px 0px;
			object-fit: cover;
		}
           
		
		.blog_grids p{
			line-height: 1.5;	
		}

		.blog_grids ol, .blog_grids ul{
			margin-left: 50px;
			margin-bottom: 16px;
		} 
			.blog_grids li{
				margin-bottom: 8px;
				line-height: 1.5;
			}
				.blog_grids li p{
					color: #252525;
   					font-family: "Open Sans", sans-serif;
    				font-size: 1.0em;	
				}
	.largeimg img {
    	width: 100%;
    	object-fit: cover;
	}
         @media all and (min-width: 1000px) {
                .largeimg img{
                    min-height: 420px;}
            }
	.banner-img {
	    background-size: cover;
	    background-position: center;
	    height: 150px;
		background-attachment:scroll;
	}
		@media all and (min-width: 640px) {
			.banner-img {
				height: 450px;}
		}

	
	.quick__contact__form p{
		margin-bottom: 16px;	
	}
	
	.full-width img{
		width: 100%;
		height: 400px;
		margin: 16px 0px;
		object-fit: cover;
	}
		@media all and (max-width: 640px) {
			.full-width img{
				height: auto;	
			}
		}
        
    .blog_grids .group{}
        .blog_grids .group *[class^="grid"] {}
            @media all and (max-width: 639px){
                .blog_grids .group *[class^="grid"] {
                    margin-bottom: 20px;}
            }
        
        
	.blog_grids p{
			line-height: 1.5;	
			margin-bottom: 24px;
		}
		.blog_grids *:last-child{
			margin-bottom: 0px;}
		.blog_grids h1{
			font-size: 34px;	
			color: #017d73!important;
			margin-bottom: 16px;
			font-family: 'Kanit', sans-serif;}
            @media all and (max-width: 639px) {
                .blog_grids h1{
                    font-size: 28px;}
            }
		.blog_grids h2, .blog_grids h3, .blog_grids h4, .blog_grids h5 {
			padding-bottom: 26px;
			padding-top: 20px;
			font-family: 'Kanit', sans-serif;
			font-size: 26px;}
            @media all and (max-width: 639px) {
                .blog_grids h2, .blog_grids h3, .blog_grids h4, .blog_grids h5 {
                    font-size: 22px;}
            }
			.blog_grids h2{
				color: #2f7dcb;
			}
			.blog_grids h3, .blog_grids h4, .blog_grids h5 {
				color: #61368e;
			}
		.blog_grids h5{
			margin-top: 0px;
			    margin-bottom: 0px;
		}
		.blog_grids ol, .blog_grids ul{
			margin-left: 50px;
			margin-bottom: 16px;
		} 
			.blog_grids li{
				margin-bottom: 8px;
				line-height: 1.5;
			}
				.blog_grids li p{
					color: #252525;
    				font-size: 1.0em;	
				}
		
	@media all and (max-width: 640px) {
		.mobile__bottom{
			margin-bottom: 16px!important;}	
	}
	#breadcrumbs{
		font-weight: bold;	
        margin-bottom: 20px;
	}
	
	.faux-title{
		font-size: 22px;
		color: 	#e84b00;
		font-family: 'Kanit', sans-serif;
		display: block;
		margin-bottom: 16px;
		margin-top: 24px;
	}
	
	.list-faux-title{
		font-size: 20px;
		color: 	#e84b00;
		font-family: 'Kanit', sans-serif;
		display: block;
		margin-bottom: 0px;
	}


	.blog-wrap .main__content .gallery {
		list-style: none;
		margin-left: 0; }
		.blog-wrap .main__content .gallery img{
			box-shadow: none;
			border: none;}
			.blog-wrap .main__content .gallery img:hover{
				transform: none;}
		.blog-wrap .main__content .lSGallery img{
			box-shadow: none;
			border: none;}
			.blog-wrap .main__content .lSGallery img:hover{
				transform: none;}
		.blog-wrap .main__content .gallery *[class^="grid"] {
			margin-bottom: 16px; }
			.blog-wrap .main__content .gallery *[class^="grid"] a {
				position: relative;
				display: block; }
				.blog-wrap .main__content .gallery *[class^="grid"] a:before {
					content: "";
					position: absolute;
					top: 0; 
					left: 0;
					width: 100%; 
					height: 100%;
					background: rgba(255,255,255,0);
					-webkit-transition: 0.3s ease-in-out;
					-moz-transition: 0.3s ease-in-out;
					-o-transition: 0.3s ease-in-out;
					transition: 0.3s ease-in-out; }
				.blog-wrap .main__content .gallery *[class^="grid"] a:hover:before,
				.blog-wrap .main__content .gallery *[class^="grid"] a:focus:before {
					background: rgba(255,255,255,.5); }
	.blog-wrap .main__content .gallery.masonry {
		-moz-column-count: 4;
    -moz-column-gap: 8px;
    -moz-column-fill: balance;
    -webkit-column-count: 4;
    -webkit-column-gap: 8px;
    -webkit-column-fill: balance;
    column-count: 4;
    column-gap: 8px;
    column-fill: balance; } 
		.blog-wrap .main__content .gallery.masonry .gallery-item {
			display: inline-block;
			width: 100%;
			margin: 0 0 8px 0;
			break-inside: avoid; }
			.blog-wrap .main__content .gallery.masonry .gallery-item a {
				position: relative;
				display: block; }
				.blog-wrap .main__content .gallery.masonry .gallery-item a:before {
					content: "";
					position: absolute;
					top: 0;
					left: 0;
					width: 100%;
					height: 100%;
					background: rgba(255,255,255,0);
					-webkit-transition: 0.3s ease-in-out;
					-moz-transition: 0.3s ease-in-out;
					-o-transition: 0.3s ease-in-out;
					transition: 0.3s ease-in-out; }
				.blog-wrap .main__content .gallery.masonry .gallery-item a:hover:before,
				.blog-wrap .main__content .gallery.masonry .gallery-item a:focus:before {
					background: rgba(255,255,255,.5); }
		.blog-wrap .main__content .gallery.slider {
			margin-bottom: 0; }
	

    
    .gradient__list{
	    margin-bottom: 32px;}
	.gradient__list ol{
		counter-reset: li;
        list-style: none;
        margin: 0 40px; }
		*.gradient__list li {
        	position: relative;
        	padding: 2em 2em 2em 6em;
        	font-size: 1em;
			text-indent: 0px !important;
			background: #F0F0F0;
			margin-bottom: 6px; }
			*.gradient__list li:last-of-type{
				margin-bottom: 0px;}
			@media all and (max-width: 640px) {
				.gradient__list ol{
					margin: 0px;}
					*.gradient__list li {
						padding: 6em 2% 2em 2%;}
			}
			*.gradient__list li:before {
				position: absolute;
				top: 50%;
				transform: translateY(-50%);
				left: -30px;
				content: counter(li);
				counter-increment: li;
				font-size:150px;
				font-weight: 900;
				color: #2a5bb3;
				line-height: 60px;
				text-align: center;
				display: inline-block;
				width: 60px;
				height: 50px;
				padding-right: 0px !important;
				text-indent: 0px !important; }
				*.gradient__list.orange li:first-of-type:before {
					color: #ff7e00;}
				*.gradient__list.orange li:nth-of-type(2):before {
					color: #ff9935;}
				*.gradient__list.orange li:nth-of-type(3):before {
					color: #fda651;}
				*.gradient__list.orange li:nth-of-type(4):before {
					color: #fda957;}
				
				*.gradient__list.blue li:first-of-type:before {
					color: #003366;}
				*.gradient__list.blue li:nth-of-type(2):before {
					color: #003d71;}
				*.gradient__list.blue li:nth-of-type(3):before {
					color: #014479;}
				*.gradient__list.blue li:nth-of-type(4):before {
					color: #01548c;}
				*.gradient__list.blue li:nth-of-type(5):before {
					color: #01629b;}
				*.gradient__list.blue li:nth-of-type(6):before {
					color: #016da8;}
				*.gradient__list.blue li:nth-of-type(7):before {
					color: #0175b1;}
				@media all and (max-width: 640px) {
					*.gradient__list li:before {
						font-size: 60px;
						left: 0;
						right: 0;	
						top: 20px;
						transform: initial;
						margin: auto;}
                    }

	.blog_grids .lSAction>a{
		width: 32px;
		height: 31px;}

	.blog_grids .lSAction>.lSNext{
		background-attachment: scroll!important;
		/*background-position: -18px 5px;*/}

	.blog_grids .lSAction>.lSPrev{
		background-attachment: scroll!important;
		/*background-position: 2px 5px;*/}
	
	.ten__top{
		margin-top: 10px;
		display: block;}
	
	.vertical-container *[class^="grid"] {
    	display: inline-block;
    	vertical-align: middle;
    	float: none;
    	margin-bottom: 0;
	}
		.vertical-container img{
			margin-bottom: 16px;	
		}
		.vertical-container .yellow__border img{
			margin-bottom: 0px;	
		}
	
	@media screen and (min-width: 640px) {
		.blog_grids .grid-4 ul, .blog_grids .grid-3 ul, .blog_grids .grid-half ul {
    	-webkit-column-count: 2;
    	-moz-column-count: 2;
    	column-count: 2;
    	-webkit-column-gap: 40px;
    	-moz-column-gap: 40px;
    	column-gap: 40px;
		}
	}
	.blog_grids .grid-4 .single__column ul, .blog_grids .grid-3 .single__column ul, .blog_grids .grid-half .single__column ul {
		margin-bottom: 20px;}
	@media screen and (min-width: 640px) {
		.blog_grids .grid-4 .single__column ul, .blog_grids .grid-3 .single__column ul, .blog_grids .grid-half .single__column ul {
    	-webkit-column-count: 1;
    	-moz-column-count: 1;
    	column-count: 1;
    	-webkit-column-gap: 0px;
    	-moz-column-gap: 0px;
    	column-gap: 0px;
		}
	}
	
	  .request__quote {
	display: inline-block;
	position: fixed;
	z-index: 999;
	right: 1.25em;
	bottom: 0;
	font-size: 16px;
	font-weight: 700;
    font-family: "kaushan_scriptregular", "Arial Black", Gadget, sans-serif;
    text-decoration:none !important;
	color: white;
	background: #FE5618;
	text-align: center;
	text-transform: uppercase;
	padding: 8px 32px;
	-webkit-border-radius: 10px 10px 0 0;
	border-radius: 10px 10px 0 0; }
    @media all and (max-width: 639px) {
        .request__quote {
            padding: 14px 32px;
            width: 100%;
            border-radius: 0px;
            width: 100%;}
    }
.request__quote:hover,
.request__quote:focus {
	background: #af4118;
	text-decoration: none; }
	.request__quote .envelope {
		position: relative;
		display: block;
		margin: 32px auto 16px auto;
		width: 68px;
		height: 36px;
		background: #FE5618;
		border-radius: 0 0 5px 5px;
		box-shadow: 0 0 1px #c94548 inset; }
		.request__quote .envelope:before,
		.request__quote .envelope:after {
			content: '';
			position: absolute;
			width: 0;
			height: 0;
			border: 0 solid transparent;
			border-width: 18px 34px; }
		.request__quote .envelope:before {
			border-bottom-color: #ff9e14;
			top: -100%;
			left: 0px; }
		.request__quote .envelope:after {
			border-right-color: #ff9e14; 
			border-left-color: #ff9e14;
			border-bottom-color: #ff9e14;
			top: 0;
			left: 0;
			right: 0;
			margin: 0 auto;
			border-radius: 0 0 5px 5px;
			box-shadow: 0 1px 1px rgba(0,0,0,0.25); }
		.request__quote .envelope .paper {
			background: #fff;
			width: 57px;
			height: 37px;
			margin: 0 auto;
			border-radius: 5px;
			position: absolute;
			overflow: hidden;
			display: block;
			left: 6px;
			top: -2px;
			box-shadow: 0 1px 1px rgba(0,0,0,0.25);
			-webkit-transition: 0.3s ease-in-out;
			-moz-transition: 0.3s ease-in-out;
			-o-transition: 0.3s ease-in-out;
			transition: 0.3s ease-in-out; }
			.request__quote:hover .envelope .paper,
			.request__quote:focus .envelope .paper {
				top: -26px;
				height: 57px; }
			.request__quote .envelope .paper:before,
			.request__quote .envelope .paper:after {
				content: '';
				position: absolute;
				left: 12px;
				background: #e3f1fc;
				height: 4px;
				border-radius: 5px; }
			.request__quote .envelope .paper:before {
				top: 14px;
				width: 31px; }
			.request__quote .envelope .paper:after {
				right: 12px;
				top: 28px;
				box-shadow:
					0 8px 0 #e3f1fc,
					0 16px 0 #e3f1fc,
					0 24px 0 #e3f1fc,
					0 40px 0 #e3f1fc; }
					
					@media screen and (max-width: 1825px) {
						
					.envelope {
					display:none !important;	
					}
					
					.request__quote {
					left:0 !important;
					font-size:14px !important;	
					}
						
					}



.pagination{
    text-align: center;}
    .pagination .page-numbers{
        display: inline-block;
        padding: 6px 10px;
        border-radius: 6px;
        background: #50a485;
        color: #fff;}
        .pagination .page-numbers.current{
            background: #8a195b;}

					

.addthis_inline_share_toolbox {}
	.addthis_inline_share_toolbox #atstbx,.addthis_inline_share_toolbox #atstbx2 {
		display: inline-block !important;
		vertical-align: middle !important;
		margin: 0 0 0 16px; }
		.at-resp-share-element .at-share-btn{
			margin: 0 2px 0px!important;}
			
*.large__numbers > ol{
            counter-reset: li;
        list-style: none;
            margin: 0; }
           
		    *.large__numbers > ol > li {
                position: relative;
                padding: 2em 2em 2em 6em;
                border-bottom: 2px solid #f5f5f5;
                font-size: 1em;
				text-indent: 0px !important; }
				@media all and (max-width: 640px) {
					*.large__numbers > ol >  li {
						padding: 6em 0em 2em 0em;}
				}
				
            *.large__numbers > ol > li:last-of-type {
                border-bottom: none; }
            *.large__numbers > ol > li:before {
				position: absolute;
				top: 50px;
				transform: translateY(-50%);
				left: 20px;
				content: counter(li);
				counter-increment: li;
				font-size: 38px;
				font-weight: 900;
				color: white;
				line-height: 60px;
				text-align: center;
				background-color: #61368e;
				display: inline-block;
				width: 60px;
				height: 60px;
				border-radius: 100%;
				padding-right: 0px !important;}
						@media all and (max-width: 640px) {
							*.large__numbers > ol > li:before {
							left: 0;
							right: 0;	
							margin: auto;}	
						}
				
				.large__numbers > ol > li:before {
					padding-right: 0px !important;
					text-indent: 0px !important;
				}
				
				.large__numbers > ol > li {
					text-indent: 0px !important;
				}
				
			*.large__numbers > ol > li ul{
				margin-top: 16px;}
			*.large__numbers > ol > li p{
				margin-bottom: 0px!important; 
				font-family: 'Muli', sans-serif;}


.colored__bullets{}
    .colored__bullets ul{}
        .colored__bullets ul li{
            position: relative;
            list-style: none;}
            .colored__bullets ul li::before{
                content: "";
                position: absolute;
                left: -18px;
                top: 9px;
                height: 7px;
                width: 7px;
                border-radius: 100%;
                background: #61368e;}
                .colored__bullets ul li:nth-of-type(2)::before{
                    background: #e84b00;}
                .colored__bullets ul li:nth-of-type(3)::before{
                    background: #7cb10d;}
                .colored__bullets ul li:nth-of-type(4)::before{
                    background: #2f7dcb;}
                .colored__bullets ul li:nth-of-type(5)::before{
                    background: #e2d600;}
                .colored__bullets ul li:nth-of-type(6)::before{
                    background: #577c09;}
            


.main__content .icon-list {}
	.main__content .icon-list ul,
	.main__content .icon-list ol {list-style:none; margin-left: 0}
	.main__content .icon-list li {position:relative; padding-left: 5.5em; margin-bottom: 2em; border-bottom: 2px solid #eee; padding-bottom: 2em}
	.main__content .icon-list li:last-of-type{border-bottom:none}
	.main__content .icon-list li i {
		position: absolute;
		top: 0px;
		left: 0;
		background-color: #61368e;
		font-size: 1.875em;
		font-weight: 900;
		color: white;
		line-height: 60px;
		text-align: center;
		display: inline-block;
		width: 60px;
		height: 60px;
		border-radius: 100%; }
				
	.white *.large__list.arrow {
        list-style: none;
            margin: 0; }
			.white *.large__list.arrow ul{
				margin-left: 0px!important;
				list-style-type: none;}
           
		    .white *.large__list.arrow li {
                position: relative;
                    padding: 2em 2em 2em 6em;
                border-bottom: 2px solid #f5f5f5;
                font-size: 1em;
				text-indent: 0px !important; }
				@media all and (max-width: 640px) {
					.white *.large__list.arrow li {
						padding: 6em 0em 2em 0em;}
				}
            .white *.large__list.arrow li:last-of-type {
                border-bottom: none; }
            .white *.large__list.arrow li:before {
				font-family: Font Awesome\ 5 Pro;
				content: "\f0da"; 
				position: absolute;
				top: 47px;
				transform: translateY(-50%);
				left: 10px;
				font-size: 32px;
				font-weight: 900;
				color: white;
				line-height: 60px;
				text-align: center;
				background-color: #2f7dcb;
				display: inline-block;
				width: 60px;
				height: 60px;
				border-radius: 100%;
				padding-right: 0px !important;}
				@media all and (max-width: 640px) {
					.white *.large__list.arrow li:before {
						left: 0;
						right: 0;	
						margin: auto;}	
				}
				.large__list.arrow li:before {
					padding-right: 0px !important;
					text-indent: 0px !important;
				}
				
.gradient__list{
	margin-bottom: 32px;}
	.gradient__list ol{
		counter-reset: li;
        list-style: none;
        margin: 0 40px; }
		*.gradient__list li {
        	position: relative;
        	padding: 2em 2em 2em 6em;
        	font-size: 1em;
			text-indent: 0px !important;
			background: #F0F0F0;
			margin-bottom: 6px; }
			*.gradient__list li:last-of-type{
				margin-bottom: 0px;}
			@media all and (max-width: 640px) {
				.gradient__list ol{
					margin: 0px;}
					*.gradient__list li {
						padding: 6em 2% 2em 2%;}
			}
			*.gradient__list li:before {
				position: absolute;
				top: 50%;
				transform: translateY(-50%);
				left: -50px;
				content: counter(li);
				counter-increment: li;
				font-size:150px;
				font-weight: 900;
				color: #2a5bb3;
				line-height: 60px;
				text-align: center;
				display: inline-block;
				width: 90px;
				height: 50px;
				padding-right: 0px !important;
				text-indent: 0px !important; }
				*.gradient__list.orange li:first-of-type:before {
					color: #ff7e00;}
				*.gradient__list.orange li:nth-of-type(2):before {
					color: #ff9935;}
				*.gradient__list.orange li:nth-of-type(3):before {
					color: #fda651;}
				*.gradient__list.orange li:nth-of-type(4):before {
					color: #fda957;}
				
				*.gradient__list.blue li:first-of-type:before {
					color: #272B53;}
				*.gradient__list.blue li:nth-of-type(2):before {
					color: #283967;}
				*.gradient__list.blue li:nth-of-type(3):before {
					color: #2A467B;}
				*.gradient__list.blue li:nth-of-type(4):before {
					color: #2B548F;}
				*.gradient__list.blue li:nth-of-type(5):before {
					color: #2C62A3;}
				*.gradient__list.blue li:nth-of-type(6):before {
					color: #2E6FB7;}
				*.gradient__list.blue li:nth-of-type(7):before {
					color: #2F7DCB;}
				@media all and (max-width: 640px) {
					*.gradient__list li:before {
						font-size: 60px;
						left: 0;
						right: 0;	
						top: 20px;
						transform: initial;
						margin: auto;}	
				}
				
			
.bg__content__wrap{}
	.bg__content__wrap *[class^="grid"] {
		margin-bottom: 0px!important;}
				
.background__content{
	background: #272b53;
	margin-bottom: 24px!important;}
	.background__content img{}
	.background__content > div{
		padding: 20px;
		color: #fff;}
		.background__content div .faux-title{
			position: relative;
			margin-top: 0px;
			color: #fff;
			font-family: 'Kanit', sans-serif;
			font-size: 22px;}
			.background__content div .faux-title::before{
				content:"";
				position: absolute;
				background: #fff;
				bottom: -9px;
				left: 10px;
				width: 84px;
				height: 4px;}
			.background__content div .faux-title::after{
				content:"";
				position: absolute;
				background: #fff;
				bottom: -9px;
				left: 0px;
				width: 4px;
				height: 4px;}
				
.related__posts{
	padding: 50px 7%;
	background: #272b53;}
    @media all and (max-width: 639px) {
        .related__posts{
	        padding: 30px 7%;}
    }
	.related__posts .faux__title{
			font-family: 'Kanit', sans-serif;
    		font-size: 26px;
			font-weight: 700;
    		color: #ffc107;
    		margin-bottom: 32px;
			text-align: center;
			display: block;}
            @media all and (max-width: 639px) {
                .related__posts .faux__title{
                    font-size: 24px;}
            }
		.related__posts a{
			position: relative;
			display: block;
			color: white;}
			@media all and (max-width: 640px) {
				.related__posts a{
					margin-bottom: 20px!important;
					display:block;}
					.related__posts a:last-of-type{
						margin-bottom: 0px;}
			}
			.related__posts a .related__posts__content {
				width: 100%;
				padding: 25px;
				background: #50a485;
				font-family: 'Muli', sans-serif;
				font-size: 20px;
				-webkit-transition: 0.3s ease-in-out;
				-moz-transition: 0.3s ease-in-out;
				-o-transition: 0.3s ease-in-out;
				transition: 0.3s ease-in-out;}
                @media all and (max-width: 639px) {
                    .related__posts a .related__posts__content {
                        font-size: 18px;}
                }
				.related__posts a:hover .related__posts__content {
					color: #ffc107;
					-webkit-transition: 0.3s ease-in-out;
					-moz-transition: 0.3s ease-in-out;
					-o-transition: 0.3s ease-in-out;
					transition: 0.3s ease-in-out;}
					
					
	.center{
		text-align: center;}
		
#design__center__button{
	position: relative;
	padding: 1em 2em 1em 4.5em;
	background: #8a195b;
	margin-bottom: 24px; }
	#design__center__button::after{
		content: "";
		background: url('https://www.adventureworldplaysets.com/wp-content/themes/adventure-world-playsets/img/design-center_icon.png');
		position: absolute;
		left: 20px;
		width: 49px;
		height: 49px;
		top: 50%;
		transform: translateY(-50%);}
		
.horizontal__line{
	width: 100%;
	height: 3px;
	background: #f5f5f5;
	margin: 20px 0;}
			
			
.mobile__center{}
	@media all and (max-width: 640px) {
		.mobile__center{
			text-align: center;}
	}


.galaxy__bg{
	background: url('https://www.adventureworldplaysets.com/wp-content/uploads/2019/01/blue-galaxy-background.jpg');
	position: relative;
	background-size: cover;}
	.galaxy__bg::after{
		content: "";
		position: relative;
		position: absolute;
		z-index: 4;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		background: rgba(255,255,255,1);
		background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 26%, rgba(255,255,255,1) 51%, rgba(255,255,255,1) 71%, rgba(255,255,255,1) 100%);
		background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(255,255,255,1)), color-stop(26%, rgba(255,255,255,1)), color-stop(51%, rgba(255,255,255,1)), color-stop(71%, rgba(255,255,255,1)), color-stop(100%, rgba(255,255,255,1)));
		background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 26%, rgba(255,255,255,1) 51%, rgba(255,255,255,1) 71%, rgba(255,255,255,1) 100%);
		background: -o-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 26%, rgba(255,255,255,1) 51%, rgba(255,255,255,1) 71%, rgba(255,255,255,1) 100%);
		background: -ms-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 26%, rgba(255,255,255,1) 51%, rgba(255,255,255,1) 71%, rgba(255,255,255,1) 100%);
		background: linear-gradient(to bottom, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 26%, rgba(255,255,255,1) 51%, rgba(255,255,255,1) 71%, rgba(255,255,255,1) 100%);
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ffffff', GradientType=0 );}
.packageslider{
	/*border: 6px solid #ffc107;*/
	position: relative;
	z-index:6;}
	.packageslider .slides{
		margin-bottom: 0px;
		margin-left: 0px;
		position: relative;}
		/* .packageslider .slides li::before{
			content: "";
			position: absolute;
			top: 0;
			left: 0;
			width: 100%;
			height: 100%;
			background: rgba(0,0,0,.15);
			z-index: 10;} */
		.packageslider .slides li{
			position: relative;}
			.packageslider .slides li .swingset__slider__text{
				text-align: center;}
				.packageslider .slides li .swingset__slider__text span{
					display: block;
					font-size: 52px;
					line-height: 1.2;
					font-weight: 700;
					font-family: 'Kanit', sans-serif;
					margin-bottom: 24px;}
                    @media all and (max-width: 639px) {
                        .packageslider .slides li .swingset__slider__text span{
                            font-size: 32px;
                            margin-bottom: 16px;}
                    }
					.packageslider .slides li .swingset__slider__text span.busy-basecamp{
						color: #12ACCA;}
					.packageslider .slides li .swingset__slider__text span.discovery-depot{
						color: #8BB730;}
					.packageslider .slides li .swingset__slider__text span.fantasy-fortress {
						color: #E32E23;}
					.packageslider .slides li .swingset__slider__text span.frolic-zone {
						color: #BF439F;}
					.packageslider .slides li .swingset__slider__text span.giggle-junction {
						color: #289755;}
					.packageslider .slides li .swingset__slider__text span.good-time-tower {
						color: #007C8F;}
					.packageslider .slides li .swingset__slider__text span.happy-hideout {
						color: #5A3B99;}
					.packageslider .slides li .swingset__slider__text span.adventure-gym,
					.packageslider .slides li .swingset__slider__text span.imagination-station,
					.packageslider .slides li .swingset__slider__text span.jolly-jamboree{
						color: #ED961D;}
				.packageslider .slides li .swingset__slider__text .button{
					padding: 12px 24px;
					border-radius: 50px;
					font-size: 20px;
					cursor: pointer;}
                    @media all and (max-width: 639px) {
                        .packageslider .slides li .swingset__slider__text .button{
                        font-size: 17px;}
                    }
			.packageslider .slides li .swingset__slider__image{}
                @media all and (max-width: 639px) {
                    .packageslider .slides li .swingset__slider__image{
                        margin-bottom: 12px;}
                }
                .packageslider .slides li .swingset__slider__image img {}
                    @media all and (max-width: 639px) {
                        .packageslider .slides li .swingset__slider__image img{
                            max-width: 400px;
                            margin: auto;}
                    }
                    @media all and (max-width: 479px) {
                        .packageslider .slides li .swingset__slider__image img{
                            max-width: 300px;}
                    }
	.flex-direction-nav{
		margin-bottom: 0px!important;}

.small__pad{
	padding: 1em 0!important;}

.grecaptcha-badge{
    display: none!important;}


.aspect-ratio {
  position: relative;
  width: 100%;
  height: 0;
  padding-bottom: 56%; /* The height of the item will now be 56% of the width. */
  margin-bottom: 24px;
}

/* Adjust the iframe so it's rendered in the outer-width and outer-height of it's parent */
.aspect-ratio iframe {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
}

.inline__block{
    padding: 7px;
    display: inline-block;}

@media screen and (min-width: 640px){
*.gradient__list.blue li:nth-of-type(10)::before {
    left: -98px;
    letter-spacing: -13px;
}
}

/*! Footer
//////////////////////////////////////////////*/

.google__reviews {
	padding-top: 50px;
	padding-bottom: 50px;
	background-color:#efebe9;
}

.google__review__header {
	color: #017d73;
    font-size: 20px;
    font-weight: 900;
    text-align: center;
    margin-bottom: 16px;
	
}

footer[role=contentinfo] {
	font-family: 'Kanit', sans-serif;
	/*background: #272b53;*/
	background: url('https://www.adventureworldplaysets.com/wp-content/uploads/2019/02/blue-galaxy-background-footer-new.jpg');
	background-size: cover;
	color: white; }
    footer[role=contentinfo] .scroll__top {
		position: fixed;
		z-index: 999;
		bottom: 4.7em;
		right: .75em;
		display: none;
		background-color: #161a3a;
		font-size: 30px;
        color: white;
		text-align: center;
        border-radius: 10px;
        height: 50px;
		width: 50px;
		cursor: pointer;
		-webkit-box-shadow: 0 0 5px 3px rgba(0,0,0,.1);
        box-shadow: 0 0 5px 3px rgba(0,0,0,.1);
		-webkit-transition: 0.3s ease-in-out;
		-moz-transition: 0.3s ease-in-out;
		-o-transition: 0.3s ease-in-out;
		transition: 0.3s ease-in-out; }
		footer[role=contentinfo] .scroll__top i {
			position: absolute;
			left: 0;
			right: 0;
			margin: 0 auto;
			top: 50%;
			transform: translateY(-50%); }
	.footer__top {
		padding: 1em 0;
		border-bottom: 3px solid rgba(255,255,255,.1);
		text-align: center; }
		.footer__top *[class^="grid"] {
			text-align: center;
			margin-bottom: 1em; }
		.footer__top *[class^="grid"]:last-of-type {
			margin-bottom: 0; }
		@media screen and (min-width: 640px) {
			.footer__top *[class^="grid"] {
				width: 22.86364%;
				display: inline-block;
				vertical-align: middle;
				float: none;
                text-align: center;
				margin-bottom: 0;
				margin-right: 1.51515%; }
			/*.footer__top *[class^="grid"]:first-of-type {
				text-align: left; }*/
			.footer__top *[class^="grid"]:nth-of-type(2) {
				text-align: center; }
			.footer__top *[class^="grid"]:last-of-type {
				width: 26.86364%;
				/*text-align: right;*/
				margin-right: 0; } }

			.footer__top *[class^="grid"] a {
				color: inherit; }
			.footer__top *[class^="grid"] span {
				font-size: 14px;
				font-weight: 600;
				line-height: 1;
				text-transform: uppercase;
				display: inline-block;
				vertical-align: middle;
				text-align: left; }
			.footer__top *[class^="grid"] span:first-of-type {
				margin-right: 4.51515%; }
				.footer__top *[class^="grid"] span strong {
					display: block;
					font-size: 23px;
					font-weight: 700;
					color: #ffe330;
					word-wrap: break-word; }
				.footer__top *[class^="grid"] span i {
					font-style: normal;
					display: inline; }
				@media screen and (min-width: 640px) {
					.footer__top *[class^="grid"] span i {
						display: block; } }
				@media screen and (min-width: 830px) {
					.footer__top *[class^="grid"] span i {
						display: inline; } }
				.footer__top *[class^="grid"] a:hover span strong {
					color: #4fc3f7; }
	.footer__bottom {
		font-size: 12px;
		text-transform: uppercase;
		padding: 2em 0; }
		.footer__bottom *[class^="grid"] {
			text-align: center;
			margin-bottom: 1em; }
		.footer__bottom *[class^="grid"]:last-of-type {
			margin-bottom: 0; }
		@media screen and (min-width: 640px) {
			.footer__bottom *[class^="grid"] {
				display: inline-block;
				vertical-align: middle;
				float: none;
				margin-bottom: 0; }
			.footer__bottom *[class^="grid"]:first-of-type {
				text-align: left; }
				.footer__bottom *[class^="grid"]:first-of-type img,
				.footer__bottom *[class^="grid"]:first-of-type p {
					display: inline-block;
					vertical-align: middle; }
				.footer__bottom *[class^="grid"]:first-of-type img {
					margin-right: 4.51515%; }
				.footer__bottom *[class^="grid"]:first-of-type p {
					width: 60%; }
				.footer__bottom *[class^="grid"]:last-of-type {
					text-align: right; } }
			.footer__bottom *[class^="grid"]:first-of-type img {
				margin-bottom: 1em; }
			@media screen and (min-width: 640px) {
				.footer__bottom *[class^="grid"]:first-of-type img {
					margin-bottom: 0; } }
			.footer__bottom *[class^="grid"]:last-of-type ul {
				list-style: none; }
				.footer__bottom *[class^="grid"]:last-of-type ul li {
					position: relative;
					display: inline-block;
					vertical-align: middle; }
					.footer__bottom *[class^="grid"]:last-of-type ul li:after {
						content: "|";
						/*color: #444b8a;*/
						color: #fff;
						display: inline-block;
						vertical-align: middle;
						margin: 0 1em; }
					.footer__bottom *[class^="grid"]:last-of-type ul li:last-of-type:after {
						content: none; }
					.footer__bottom *[class^="grid"]:last-of-type ul li a {
						color: inherit; }
 

/*!////////////////////////////////////////////////
// STATES
/////////////////////////////////////////////////*/

/*! ==========================================================================
// Clearfix
// =========================================================================*/
.group:before,
.group:after {
  content: "";
  display: table; }

.group:after {
  clear: both; }

.group {
  zoom: 1; }

/*! ==========================================================================
// Print styles
// =========================================================================*/
@media print {
  * {
    background: transparent !important;
    color: black !important;
    box-shadow: none !important;
    text-shadow: none !important; }

  a,
  a:visited {
    text-decoration: underline; }

  a[href]:after {
    content: " (" attr(href) ")"; }

  abbr[title]:after {
    content: " (" attr(title) ")"; }

  .ir a:after,
  a[href^="javascript:"]:after,
  a[href^="#"]:after {
    content: ""; }

  pre,
  blockquote {
    border: 1px solid #999;
    page-break-inside: avoid; }

  thead {
    display: table-header-group; }

  tr,
  img {
    page-break-inside: avoid; }

  img {
    max-width: 100% !important; }

  @page {
    margin: 0.5cm; }
  p,
  h2,
  h3 {
    orphans: 3;
    widows: 3; }

  h2,
  h3 {
    page-break-after: avoid; } }
	
.header__lookup strong { 
	font-size: 1.35em;
    color: #ffe330;
 }

	
.warranty-form div.grid-full {
	margin-bottom: 2% !important;	
}


.customize__swingset--toggle {}
	.customize__swingset--toggle p {}
		.customize__swingset--toggle p big {
			display: block;
			font-size: 2.5em;
			margin: 32px auto;
			color: #0785b8;
			font-weight: 700;
			border-bottom: 3px solid #0785b8; }
	
.fancy_button {
	background: #618615;
    color: white;
    padding: 2%;	
}


div#adventure-gym h4 {text-align: center; margin-bottom: 4%;}
div#imagination-station h4 {text-align: center; margin-bottom: 4%;}
div#jolly-jamboree h4 {text-align: center; margin-bottom: 4%;}

div#adventure-gym p {text-align: center; margin-top: 4%;}
div#imagination-station p {text-align: center; margin-top: 4%;}
div#jolly-jamboree p {text-align: center; margin-top: 4%;}

ol.flex-control-nav li {display: none;}


wpcf7-form-control wpcf7-select, form select {
	height: 150px;}
    .page-id-1535 wpcf7-form-control wpcf7-select, .page-id-1535 form select {
        height: 40px;}
        
        
        
	.faux-h2 {
		font-family: 'Kanit', sans-serif;
		font-size: 26px;
		color: #555555;
		margin-bottom: 16px;
        font-weight: bold;}
        @media all and (max-width: 639px) {
            .faux-h2 {
                font-size: 24px;}
        }