@charset "utf-8";
/* CSS Document */

 @import url("https://nordic.also.com/eNews/marcom/webfont/also_web_font.css");
	 @import url("https://www.also.com/js/bootstrap/3.3.4/css/bootstrap.min.css");
	 @import url("https://www.also.com/ec/cms5/media/css/style_2800_css.css");
	 @import url("https://www.also.com/ec/cms5/media/css/microsites/animate.css");
	 @import url("https://nordic.also.com/eNews/news/files/font-awesome-4.7.0/css/font-awesome.css"); 
     @import url("https://nordic.also.com/eNews/news/files/normalize.css");
	 @import url("https://nordic.also.com/eNews/news/files/animate.css");
	 @import url('https://fonts.googleapis.com/css?family=Fredoka+One');
	 @import url('https://fonts.googleapis.com/css?family=Quicksand');
	 
	 /* Wrappers */
	 .outerwrap 		{ background-color:#E4E4E4;/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#c2d3c8+0,7db9e8+100&1+0,0+100 */
background: -moz-linear-gradient(top,  rgba(194,211,200,1) 0%, rgba(125,185,232,0) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  rgba(194,211,200,1) 0%,rgba(125,185,232,0) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  rgba(194,211,200,1) 0%,rgba(125,185,232,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c2d3c8', endColorstr='#007db9e8',GradientType=0 ); /* IE6-9 */
 }
	 .wrapper 			{ width:1124px; margin:0 auto; }
	 #skykick			{ display:none; }
     .col-lg-4, .col-md-4, .col-sm-4, .col-xs-4 { padding-right:50px; }
	 /* Graphic Styles (optional predefined) */
	 .font				{ font-family: 'Fredoka One', cursive; }
	 .fontSub			{ font-family: 'Quicksand', sans-serif; }	 
	 .color				{  }
	 .hero				{ background:url(https://nordic.also.com/eNews/news/images/DD1579/top_elements.png) center top no-repeat; height:750px; }
	 .absolute			{ position:absolute; }
	 .rocket 			{ margin-left:200px; }
	 .movement			{ animation: movement 5s linear infinite; position:relative; }
	 @keyframes movement { 0% {bottom: -20px; }  50% {bottom: 20px;}  100% {bottom: -20px;} }
	 .h1				{  }
	 .heroHeader 		{ font-size:150px; margin-top:-220px; }
	 .heroSub	 		{ font-size:30px; margin-top:-20px; }
	 .menuBox			{ width:365px; height:352px; background-color:#fff; background-color:#FFF;  border:1px solid #A7A7A7; width:32.5%; margin-right:10px; padding:40px; border-radius:5px; text-align:center; transition: 0.2s ease-in-out; }
	 .menuBox:hover		{ background-color:#F3F3F3; transition: 0.2s ease-in-out; box-shadow:0px 20px 50px 0px #CFCFCF; cursor:pointer; transform: scale(1.1); z-index:999; }
	 .menuBox:active	{ background-color:#8A9088; transition: 0.2s ease-in-out; }
	 .menuBox .font		{ display:block; }	
	 .noMarginRight		{ margin-right:0px; }
	 .text				{ font-size:18px; }
	 .divider			{ display:block; padding-top:10px;padding-bottom:20px;}
	 .menuButton		{ border:1px solid #77aa11; border-radius:20px; padding:10px; width: 150px; margin-top:40px; display:inherit; }
	 .menuBox:hover .menuButton	{ background-color:#77aa11; color:#fff;}
	.menuBox:hover img 	{ transition: ease-in-out; }
	 .contentBox		{ padding-left:0px; }
	 .contentText		{ font-size:16px; line-heght:20px!important; }
	 .fontSubHead		{ font-size:22px; line-height: 30px; text-transform: uppercase; padding-bottom:20px; }
	 .contentDiv		{ background-color:#F5F5F5; width:100%; padding-top:120px; padding-bottom:80px; box-shadow: inset 0 0 30px #E7E7E7;}
	 .arrowDiv			{ margin-top:-150px;  width:50px; height:50px; background-color:#fff; transform: rotate(45deg) }
	 .closeDiv			{ cursor:pointer; position:absolute;right:20px;top:60px; }
	 .menuBoxLink 		{ color:#000; }
	 .menuBoxLink:hover { color:#000; }