@charset "UTF-8";/*! normalize.css v3.0.3 | MIT License | github.com/necolas/normalize.css */

.email{
	font-size:1rem;
	font:#183035;
	font-family: 'Arsenal', sans-serif;
	font-weight: 900;
	}

.email:hover {
color: #2199e8;
}

.email2{
	font-size:1.5rem;
	font:#1b5174;
	font-family: 'Baloo Bhaina', cursive;
	font-weight: 100;
	}


.gif{
    float: right;
}


.large-up-4 .column, .large-up-4 .columns {
    width: 35%;
    float: left
}
/*-----------------------  ------------------------------ */
.work {
	max-width: 100%;
    margin:0 auto;
    height:auto;
	transition: transform .2s;
}
/*-----------------------  ------------------------------ */

.lead {
	width: 110%;
    font-family: 'Arsenal', sans-serif;
    font-weight: 900;
	padding-right: 2rem;
	line-height: 1.5;
}

.leadwords{
	width: 110%;
    font-size: 1rem;
    font-family: 'Arsenal', sans-serif;
	font-weight:900;
	
}

.leadcamp {
	width: 65%;
	 margin:0 auto;
    
}
/*-----------------------  ------------------------------ */

.top-bar-right {
    float: right;
	margin-left:1rem;
}
.top-bar {
    padding: .5rem;
	
}
.top-bar::after, .top-bar::before {
    content: ' ';
    display: table;
}
.top-bar, .top-bar ul {
    background-color: #f8fffc;
}
.top-bar input {
    width: 200px;
    margin-right: 1em;
}

@media screen and (min-width: 300px) {
.top-bar-right{
     position:relative;
	margin-right:0rem;
}	
/*-----------------------  ------------------------------ */
.logo {
	width:400px;
	margin-left: 1rem;
	}
	
@media screen and (min-width: 300px) {
.logo{
	position:relative;
    width:750%;
	margin-left:1.5rem;
	
}	
	
	
	
/*-----------------------  ------------------------------ */	


.bg {
	display:block;
	margin:auto;
	width:300px;
	background: url(../img/etlogo6.svg)no-repeat;
	background-size: contain;
	height: 100px;
}

@media screen and (min-width: 300px) {
.bg{
	margin-left:auto;
	margin-right:auto;
	display:block;
	width:300px;
	}

.bg1 {
	display:block;
	margin:auto;
	width:300px;
	background: url(../img/etlogo8-b.svg)no-repeat;
	background-size: contain;
	height: 100px;
}

@media screen and (min-width: 300px) {
.bg1{
	margin-left:auto;
	margin-right:auto;
	display:block;
	width:300px;
	background: url(../img/etlogo8-b.svg)no-repeat;
	}

			
/*-----------------------  ------------------------------ */
.video-responsive{
    overflow:hidden;
    padding-bottom:56.25%;
    position:relative;
    height:0;
}
.video-responsive iframe{
    left:0;
    top:0;
    height:100%;
    width:100%;
    position:absolute;
}
/*-----------------------  ------------------------------ */
.icon {
	width:60px;
    margin:0 auto;
    height:auto;
	transition: transform .2s;
}
.icon:hover{
	width:60px;
    margin:0 auto;
    height:auto;
	transform: scale(1.5);
}
.centerme{
	display:block;	
	}
@media screen and (min-width: 300px) {
.centerme{
	margin-left:auto;
	margin-right:auto;
	display:block;
	}
/*-----------------------  ------------------------------ */
.copyright{
	font-weight:900;
	font-size: 1em;
	padding-left: 1em;
    font-family: 'Arsenal', sans-serif;
}

.about{
	
	color: #205d7f;
	font-weight:900;
	font-size: 1.1em;
	padding-left: 1.5em;
	margin-top: 1em;
}
/*-----------------------  ------------------------------ */



.dropdown.menu .has-submenu.is-down-arrow>a::after {
    content: '';
    display: block;
    width: 0;
    height: 0;
    border: 5px inset;
    border-color: #183035 transparent transparent;
    border-top-style: solid;
    position: absolute;
    top: 12px;
    right: 5px
}

/*-----------------------  ------------------------------ */


a {
    background-color: transparent;
    color: #183035;
    text-decoration: none;
    cursor: pointer;
	font-size:2em;
	transition: transform .2s;
}

/*-----------------------  ------------------------------ */


a:focus, a:hover {
    color: #56a2ce;
	transform: scale(1.1);
}
a img {
    border: 0
}


/*-----------------------  ------------------------------ */


body {
    margin: 0;
    line-height: 1.5;
    color: #183035;
    background: #fffdfd;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}
body, h1, h3, h5, h6 {
   font-family: 'Arsenal', sans-serif;
   font-weight: 900;
   color: #183035;

}

 h3 {
   font-family: 'Arsenal', sans-serif;
   font-size: 1.5em;
   font-weight:600;
   color: #2e506b;

}	
h2 {
   font-family: 'Baloo Bhaina', cursive;
   font-weight: 100;
   color: #1b5174;

}	
h4 {
   font-family: 'Arsenal', sans-serif;
   font-weight: 1000;
   color: #1b5174;
   font-size: 1.5em;	
}	
	
/*-----------------------  ------------------------------ */


.callout {
    margin: 0 0 1rem;
    padding: 1rem;
    position: relative;
    background-color: #fffdfd
}

/*-----------------------  ------------------------------ */

.button.hollow {
    border-radius: 25px;
	border: 3px;
    color: #183035;
}
.button.hollow, .button.hollow:focus, .button.hollow:hover {
    background: 0 0
}
.button.hollow:focus, .button.hollow:hover {
    border-color: #fff;
    color: #2199e8
}

/*-----------------------  ------------------------------ */


.thumbnail {
    border: 0px solid #fefefe;
    box-shadow: 0 0 0 1px #183035;
    display: inline-block;
    line-height: 0;
    max-width: 100%;
    transition: box-shadow .2s ease-out;
    border-radius: 0;
    margin-bottom: 1rem;		
}
.thumbnail:focus, .thumbnail:hover {
    box-shadow: 0 0 6px 1px #183035
}


/*-----------------------  ------------------------------ */


.info:hover span{
    opacity: 0.9;
    transition: 0.3s ease-in-out; 
}
.info{
    position: relative;
    display: inline-block;
    float: left;
    padding: 8px;
    border-radius: 2px;
    height: auto;
    transition: 0.5s ease-in-out;
}

.info p{
    position: absolute;
    display: inline-block;
    font-family: 'Arsenal', sans-serif;
	color: rgba(255, 255, 255, 1);
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    text-align: center;
    font-size: 1em;    
    width: 100%;
    height: auto;
	
}
.info span{
	
	position: absolute;
    left: 0;
    top: 0;
    background-color:  ; 
    opacity: 0;
	width: 100%;
    height: 10%;
    transition: 0.5s ease-in-out;
}

.editorial1{
	
	position: absolute;
    left: 0;
    top: 0;
    background-color: #91241f;
    opacity: 0;
	width: 100%;
    height: 10%;
    transition: 0.5s ease-in-out;
}
.atomic{
	
	position: absolute;
    left: 0;
    top: 0;
    background-color: #252a54;
    opacity: 0;
	width: 100%;
    height: 10%;
    transition: 0.5s ease-in-out;
}

.boardgame{
	
	position: absolute;
    left: 0;
    top: 0;
    background-color: #252a54;
    opacity: 0;
	width: 100%;
    height: 10%;
    transition: 0.5s ease-in-out;
}

.spooktacular{
	
	position: absolute;
    left: 0;
    top: 0;
    background-color: #0e2a3a;
    opacity: 0;
	width: 100%;
    height: 10%;
    transition: 0.5s ease-in-out;
}

.produce{
	
	position: absolute;
    left: 0;
    top: 0;
    background-color: #660a3f;
    opacity: 0;
	width: 100%;
    height: 10%;
    transition: 0.5s ease-in-out;
}

.witchwaycider{
	
	position: absolute;
    left: 0;
    top: 0;
    background-color: #302525;
    opacity: 0;
	width: 100%;
    height: 10%;
    transition: 0.5s ease-in-out;
}

.holidayconcert{
	
	position: absolute;
    left: 0;
    top: 0;
    background-color: #212735;
    opacity: 0;
	width: 100%;
    height: 10%;
    transition: 0.5s ease-in-out;
}

.coffee{
	
	position: absolute;
    left: 0;
    top: 0;
    background-color: #470909;
    opacity: 0;
	width: 100%;
    height: 10%;
    transition: 0.5s ease-in-out;
}

.ostend{
	
	position: absolute;
    left: 0;
    top: 0;
    background-color: #3e204c;
    opacity: 0;
	width: 100%;
    height: 10%;
    transition: 0.5s ease-in-out;
}

.change{
	
	position: absolute;
    left: 0;
    top: 0;
    background-color: #161028;
    opacity: 0;
	width: 100%;
    height: 10%;
    transition: 0.5s ease-in-out;
}

.dunwich{
	
	position: absolute;
    left: 0;
    top: 0;
    background-color: #000000;
    opacity: 0;
	width: 100%;
    height: 10%;
    transition: 0.5s ease-in-out;
}

.lifeplanet{
	
	position: absolute;
    left: 0;
    top: 0;
    background-color: #210003;
    opacity: 0;
	width: 100%;
    height: 10%;
    transition: 0.5s ease-in-out;
}

.whalecards{
	
	position: absolute;
    left: 0;
    top: 0;
    background-color: #011D49;
    opacity: 0;
	width: 100%;
    height: 10%;
    transition: 0.5s ease-in-out;
}

.tidalrecall{
	
	position: absolute;
    left: 0;
    top: 0;
    background-color: #0C0013;
    opacity: 0;
	width: 100%;
    height: 10%;
    transition: 0.5s ease-in-out;
}

.block{
	
	position: absolute;
    left: 0;
    top: 0;
    background-color: #001B18;
    opacity: 0;
	width: 100%;
    height: 10%;
    transition: 0.5s ease-in-out;
}

.myriad{
	
	position: absolute;
    left: 0;
    top: 0;
    background-color: #010000;
    opacity: 0;
	width: 100%;
    height: 10%;
    transition: 0.5s ease-in-out;
}

.legends{
	
	position: absolute;
    left: 0;
    top: 0;
    background-color: #010000;
    opacity: 0;
	width: 100%;
    height: 10%;
    transition: 0.5s ease-in-out;
}

.scareparts{
	
	position: absolute;
    left: 0;
    top: 0;
    background-color: #230D00;
    opacity: 0;
	width: 100%;
    height: 10%;
    transition: 0.5s ease-in-out;
}

.Ivy{
	
	position: absolute;
    left: 0;
    top: 0;
    background-color: #212300;
    opacity: 0;
	width: 100%;
    height: 10%;
    transition: 0.5s ease-in-out;
}
.makomealtime{
	
	position: absolute;
    left: 0;
    top: 0;
    background-color: #7579BD;
    opacity: 0;
	width: 100%;
    height: 10%;
    transition: 0.5s ease-in-out;
}
/*-----------------------  ------------------------------ */