@font-face {
  font-family: 'Cookie';
  font-style: normal;
  font-weight: 400;
  src: local('Cookie-Regular'), url(http://fonts.gstatic.com/s/cookie/v7/crMuSvy3krjox1JAKfe7Ew.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000;
}


#livesearch
{
	position: absolute;
	display:none;
	width:auto;
	text-align:left;
	padding:5px;
	font-size:22px;
	font-family:neuropol;
	color:#00629e;
	border-radius:5px;
	z-index:5000;
	background-color:rgba(240,240,240,0.8);
}

/* 2 COLUMNS */

#boxcontent1
{
        width:auto;
        max-width:1250px;
        margin:0 auto;
        padding:70px 0 45px 0;
}

#boxcontent1 article
{
        float:left;
        width:480px;
		margin-left:100px;
        font-size:16px;
}

#boxcontent1 article h3
{
        font-family: 'Open Sans', sans-serif;
        font-size:23px;
        margin-bottom:10px;
        margin-left:145px;
		font-weight:bold;
		/*text-align:center;*/
}

#boxcontent1 article img
{
        float:left;
}

#boxcontent1 article p
{
		font-size:16px;
        line-height:25px;
        font-family: 'Open Sans', sans-serif;
        margin-left:145px;
		/*text-align:center;*/
}

/* 3 COLUMNS */

#boxcontent2
{
        width:auto;
        max-width:1250px;
        margin:0 auto;
        padding:120px 0 45px 0;
}

#boxcontent2 article
{
        float:left;
        width:370px;
        margin-left:45px;
        font-size:14px;
}

#boxcontent2 article h3
{
        font-family: 'Open Sans', sans-serif;
        font-size:20px;
        margin-bottom:10px;
        margin-left:145px;
}

#boxcontent2 article img
{
        float:left;
}

#boxcontent2 article p
{
        line-height:25px;
        font-family: 'Open Sans', sans-serif;
        margin-left:140px;
}



/* 3 COLUMNS */

#boxcontent
{
        width:auto;
        max-width:900px;
        margin:0 auto;
        padding:70px 0 45px 0;
}

#boxcontent article
{
        float:left;
        width:250px;
        margin-right:45px;
        font-size:14px;
}

#boxcontent article h3
{
        font-family: 'Open Sans', sans-serif;
        font-size:20px;
        margin-bottom:10px;
        margin-left:75px;
}

#boxcontent article img
{
        float:left;
}

#boxcontent article p
{
        line-height:25px;
        font-family: 'Open Sans', sans-serif;
        margin-left:75px;
}

#slider_content1, #slider_content2, #slider_content3
{
        line-height: 25px;
        font-family: 'Open Sans', sans-serif;
        width:350px;
        position:absolute;
        top:15%;
        left:15%;
        display:none;
        z-index:11;
}

#slider_content1 h3, #slider_content2 h3, #slider_content3 h3
{
        color:#EBE8DE;
        font-size:25px;
        font-weight:bold;
        margin-bottom:10px;
        background-color:#333333;
        padding:10px 15px;
        border-radius: 15px 0 15px 0;
        display:inline-block;
}

#slider_content1
{
        display:block;
}

#slider_content1 p, #slider_content2 p, #slider_content3 p
{
        margin:0 0 30px 0;
        color:#4a463b;
        background-color:#EBE8DE;
        padding:10px 15px;
        border-radius: 5px;
}



/* BUTTONS */

.button
{
        padding:20px 115px;
        border: 1px solid white;
        background-image: linear-gradient(bottom, #333333, #333333);
        background-image: linear-gradient(to bottom, #333333, #333333);
        background-color: #333333;
        color: #EBE8DE;
        text-shadow: 1px 1px 0px #333333;
        text-decoration:none;
        border-radius:5px;
        box-shadow: 1px 1px 2px 1px rgba(0, 0, 0, 0.3);
}

.button:hover
{
        background:none #EBE8DE;
        border-color: #EBE8DE;
        text-shadow:none;
        color: #4A463B;
}


/* SPACER */

#spacer
{
        width:auto;
        height:70px;
        background-color:#1367B9;
        position:relative;
        font-family: 'Open Sans', sans-serif;
        color:#fff;
        font-size:18px;
}

#spacer p
{
        margin-top:22px;
        width:auto;
        position:absolute;
        left:50%;
        margin-left:-450px;
}

#spacer .search
{
        margin-top:15px;
        width:auto;
        position:absolute;
        right:50%;
        margin-right:-480px;
}


figcaption
{
        line-height: 25px;
        font-size:14px;
        width:285px;
		text-align:center;
}

/* FOUR COLUMNS */

#four_columns, #text_columns
{
        line-height:25px;
        font-family: 'Open Sans', sans-serif;
        clear:both;
        width:auto;
        max-width:1250px;
        margin:0 auto;
}

#four_columns h2, #text_columns h3
{
        font-size:20px;
        border-bottom: 1px solid #D6D0C1;
        padding: 20px 0;
        margin-bottom: 20px;
		text-align:center;
		margin-top:60px;
}

#four_columns .img-item
{
        float:left;
        margin-right:25px;
}

#four_columns .img-item a
{
        position:relative;
        display:block;
}

.thumb-screen
{
        display:block;
        position:absolute;
        top:0;
        left:0;
        width:100%;
        height:150px;
        background: #000 url(img/zoom.png) center center no-repeat;
        z-index:99;
        opacity: 0;
        transition: opacity .5s ease;
}

.thumb-screen:hover
{
        opacity:0.5;
}


/* TWO COLUMNS */

#text_columns article.column1, #text_columns .column2
{
        margin: 70px 0;
        font-size:14px;
        float:left;
        width:auto;
        max-width: 450px;
}

#text_columns .column2
{
        margin: 120px 0;
}

.row
{
        position:relative;
        margin: 40px 0 0 50px;
        float:right;
        width:350px;
}

.row img
{
        float:left;
}

.row p
{
        margin-left: 100px;
}

.rocket, .clock
{
        top:0;
        left:0;
        position:absolute;
        height: 80px;
}

.rocket:hover
{
        opacity:0;
        transition: opacity 0.4s ease 0.2s;
        animation-name: stylie-transform-keyframes;
        animation-duration: 700ms;
        animation-delay: 0ms;
        animation-fill-mode: forwards;
        animation-timing-function: linear;
        animation-iteration-count: 1;
        transform-origin: 0 0;
}

.clock:hover
{
        animation-name: stylie-transform2-keyframes;
        animation-duration: 100ms;
        animation-delay: 0ms;
        animation-fill-mode: forwards;
        animation-timing-function: linear;
        animation-iteration-count: infinite;
        transform-origin: 0 0;
}




/* FOOTER */

footer
{
        position:relative;
        clear:both;
        width:auto;
        background:#1a2326;
}

footer .wrapper
{
        line-height:25px;
        margin: 0 auto;
        padding-top:30px;
        width:auto;
        max-width:80%;
		margin-left:10%;
        font-size:14px;
}

footer .wrapper .column
{
        font-family: 'Open Sans', sans-serif;
        color:#ababab;
        float:left;
        width:100%;
        margin-right:20px;
}

footer .wrapper .column.midlist ul li
{
        display:block;
        width:auto;
		min-width:220px;
		margin-top:10px;
		text-align:center;
        padding:0 0 10px 25px;
        margin-bottom:10px;
		/*margin:0 auto;*/
        border-bottom: 1px solid #444444;
        background:url(img/arrowright2.png) left 6px no-repeat;
}

footer .wrapper .column.midlist ul li a:hover
{
        color:#fff;
}

footer .wrapper .column.rightlist ul li
{
        display:block;
        width:auto;
        margin-bottom:15px;
}

footer .wrapper .column.rightlist ul li a span
{
        margin-left:95px;
        display:block;
}

footer .wrapper .column.rightlist ul li a img
{
        transition: border .25s ease;
        float:left;
        border:3px solid #444444;
}

footer .wrapper .column.rightlist ul li a img:hover
{
        border-color: #5e5e5e;
}

footer .wrapper .column h4
{
        font-size: 16px;
        color: #fff;
        border-bottom: 1px solid #444444;
        padding: 0 0 10px 0;
        margin-bottom: 10px;
		text-align:center;
		margin: 0 auto;
}

#copyright
{
        background: #0e1214;
        height:70px;
        position:absolute;
        bottom:0;
        left:0;
        width:100%;
}
#copyright .wrapper
{
        font-family: 'Open Sans', sans-serif;
        padding-top:25px;
        color: #5e5e5e;
        font-size:14px;
        position:relative;
}
#copyright .wrapper .social
{
        position:absolute;
        right:0;
        top:25px;
}
#copyright .wrapper .social a
{
        transition: opacity .25s ease;
        opacity: 0.3;
        margin-left: 12px;
        display:block;
        float:left;
}
#copyright .wrapper .social a:hover
{
        opacity: 0.7;
}
#copyright .wrapper a
{
        color: #ABABAB;
}

#copyright .wrapper a:hover
{
        color: #fff;
}


/* SKIPLINK */
.go-top
{
        position: fixed;
        bottom: 2em;
        right: 2em;
        text-decoration: none;
        color: white;
        background-color: rgba(0, 0, 0, 0.3);
        font-size: 12px;
        padding: 1em;
        display: none;
}

.go-top:hover
{
        background-color: rgba(0, 0, 0, 0.6);
}


/* SLIDESHOW */
/* Prevent the slideshow from flashing on load */
.slidesjs-container
{
        border-top: 1px #d6d0c1 solid;
}
#slides
{
        display: none;
		min-height: 320px;
		background-color:#EBE8DE;
}

/* Center the slideshow */
.container
{
        width:auto;
        margin: 0 auto;
        position:relative;
}

/* Show active item in the pagination */
.slidesjs-pagination .active
{
        color:red;
}

#slider_content1 p .responsive_button, #slider_content2 p .responsive_button, #slider_content3 p  .responsive_button
{
        display:none;
        color:#000;
}

.shadow
{
	border-radius:62px;
	box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.8);
}

.rotateHover:hover{
	filter: hue-rotate(90);
	cursor:pointer;
  /*animation: plus-out 0.35s linear;
  opacity:0.5;*/

}

.rotateHover1:hover{
  cursor:pointer;
  animation: plus-out 0.35s linear;
  opacity:0.5;

}

#learn
{
	width:0px;
	height:0px;
}

#final
{
	width:0px;
	height:0px;
}


@media (max-width: 1250px)
{

	#boxcontent2
	{
			width:auto;
			max-width:1250px;
			margin:-150px auto;
			padding:50px 0 45px 0;
	}

	#boxcontent2 article
	{
			 float: none;
			margin: 70px auto 0 auto;
			width: 60%;
	}

	#boxcontent1
	{
			width:auto;
			max-width:1250px;
			margin:-100px auto;
			padding:70px 0 45px 0;
	}

	#boxcontent1 article
	{
			 float: none;
			 margin: 70px auto 0 auto;
			 width: 60%;
	}
	#spacer
	{
		display:none;
	}
	.rightlist
	{
		display:none;
	}
	.column
	{
		float:left;
		min-width: 50%;
	}
	.midlist
	{
		width:100%;
		height:auto;
		float:left;
	}
	.social
	{
		display:none;
	}
	#copy
	{
		width:100%;
		text-align:center;
	}

	#four_columns
	{
			width:auto;
	}
	#four_columns .img-item
	{
			width: 266px;
			float:none;
			margin: 25px auto 0 auto;
	}
	#four_columns h2
	{
			margin: 0 30px;
	}

	#boxcontent1 article h3
	{
			font-family: 'Open Sans', sans-serif;
			font-size:20px;
			margin-bottom:10px;
			margin-left:145px;
			font-weight:100;
	}

	#boxcontent1 article img
	{
			float:left;
	}

	#boxcontent1 article p
	{
			line-height:25px;
			font-family: 'Open Sans', sans-serif;
			margin-left:145px;
	}
	#volun
	{
		display:none;
	}
}

@media (max-width: 500px)
{

	.rotateHover1
	{
		max-width:50px;
		max-height:50px;
		margin-left: -50px;
	}

	#boxcontent1 article h3
	{
			margin-left:25px;
	}

	#boxcontent1 article p
	{
			margin-left:25px;
	}

	#boxcontent2 article h3
	{
			margin-left:25px;
	}

	#boxcontent2 article p
	{
			margin-left:25px;
	}
	#four_columns h2
	{
		padding: 85px 0px;
	}
	.column
	{
		float:left;
		min-width: 50%;
	}
	.midlist
	{
		width:100%;
		float:left;
	}
	.social
	{
		display:none;
	}
	#copy
	{
		width:100%;
		text-align:center;
	}
	/*#copyright
	{
		display:none;
	}*/


}

.midlist
{
	width:100%;
}
.ledt
{
	float:left;
	margin-left:50px;
}