/*
    #e35208 - orange (ea5b0c)
    #003865 - mörkblå
    #cacac8 - ljusgrå
    #82a198 - grön

*/

/*---------------------
General
---------------------*/
*               {margin:0; padding:0; box-sizing:border-box;}

a				{color:#ea5b0c; text-decoration:none;}
a:hover			{text-decoration:none; color:#9E3C08;}

h1, h2, h3		{font-weight:300; color:#1d1d1b;}
h1				{font-size:41px; margin:0 0 10px 0; }
h2				{font-size:28px; margin:0px 0 10px 0; }
h3				{font-size:22px; margin:10px 0 5px 0;}
h4				{margin:10px 0 5px 0; font-weight:bold; }
p				{margin:0 0 10px 0;}

.grey           {background-color:#686767;}
.light          {background-color:#ea5b0c;}
.radius4        {-webkit-border-radius: 4px;-moz-border-radius: 4px;border-radius: 4px;}
.radius2        {-webkit-border-radius: 2px;-moz-border-radius: 2px;border-radius: 2px;}
.upper          {text-transform:uppercase;}
.transp:hover   {-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)"; filter: alpha(opacity=80); -moz-opacity: 0.8; -khtml-opacity: 0.8; opacity: 0.8; cursor:pointer;}
.bgWhite        {background-color:#ffffff;}
.bgGrey         {background-color:#f3f3f3;}

.more           {background:#686767 url('/gfx/readmore.png') no-repeat right 20px center; padding:20px 40px 20px 20px; margin:0 0 10px 0; text-transform:uppercase;-webkit-border-radius: 4px;-moz-border-radius: 4px;border-radius: 4px; color:#ffffff; display:inline-block;}
.more:hover     {-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)"; filter: alpha(opacity=80); -moz-opacity: 0.8; -khtml-opacity: 0.8; opacity: 0.8; cursor:pointer; color:#ffffff;}

img, table		{border:0;}
body 			{margin:0 0 20px 0; color:#7a7a7a; font:normal 17px/1.5 'proxima-nova', Arial, Sans-serif; text-align:center; background-color:#1d1d1b;}

.embedVideo { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; margin-bottom:60px;}
.embedVideo iframe, .embedVideo object, .embedVideo embed { position: absolute; top: 0; left: 0;width: 100%; height: 100%;}


/*---------------------
Body layout
---------------------*/
.wrapper 				{width:100%; margin:0 auto; text-align:left;}
.inner                  {width:100%; max-width:1200px; margin:0px auto; padding:60px 0;}

#logo                   {float:left; margin-left:10px; margin-top:30px; display:block;}

.header 				{width:100%; height:110px; background-color:#ffffff; position:fixed; z-index:20; box-shadow: 0 8px 6px -6px rgba(0,0,0,0.2);}
.header .innerLarge     {position:relative; width:100%; height:111px;}

.header .contactPuffs   {float:right; margin-right:50px; margin-top:40px; text-transform:uppercase;}
.contactPuffItem .left  {display:none;}

.header #responsive-menu-btn  {position:absolute; right:10px; top:30px; color:#1d1d1b; font-size:30px; cursor:pointer;}
#my-menu                      {position:fixed; top:0; right:-400px; width:350px; background-color:#ffffff; -webkit-box-shadow: -5px 0px 13px 0px rgba(0,0,0,0.12);
-moz-box-shadow: -5px 0px 13px 0px rgba(0,0,0,0.12); box-shadow: -5px 0px 13px 0px rgba(0,0,0,0.12); overflow-y:auto; z-index: 99999; transition-duration: 0.5s; -webkit-transition-duration: 0.5s; padding:20px;bottom:0;}
#my-menu p              {color:#1d1d1d; font-size:30px;}
#my-menu.visible        {right:0;}
#my-menu a              {color:#7a7a7a; text-transform:uppercase; padding:10px 0; display:block; font-size:16px;}
#my-menu li.Selected          {font-weight:bold;}
#my-menu ul > li           {border-bottom:1px solid #f3f3f3; position:relative; }
#my-menu ul > li .expand     {font-size: 12px; position:absolute; right:0; top:0px; bottom:0; color:#ea5b0c; cursor:pointer; text-align:right; z-index:2; vertical-align:middle; padding:15px 20px 15px 20px;}
#my-menu ul > li > ul   {margin-left:10px;}
#my-menu ul > li > ul a {font-size:14px;}
#my-menu ul > li > ul > li {border-bottom:0; font-weight:normal;}

#my-menu ul > li > ul      {display:none;}

#my-menu ul             {list-style-type:none;}
.topmenu				{margin:0px auto 0 auto; padding-top:40px;text-align:center; }
.topmenu ul             {list-style: none; margin: 0 auto; width:auto;overflow: hidden; display: inline-block; /*padding-right:180px;*/}
.topmenu ul li			{display:inline-block;}
.topmenu ul li a		{text-transform:uppercase; color:#1d1d1b; padding:0 10px;}
.topmenu ul li.on a		{color:#ea5b0c; }
.topmenu ul li a:hover       {color:#9E3C08;}
.topmenu ul li a.haschild    {display:none;}
.topmenu ul li ul            {display:none;}

.header #nav ul#responsive            {display:none;}

/*---------------------
Page layout
---------------------*/
.clearfix:after 			{content:"."; display:block; height:0; clear:both; visibility:hidden;}
* html .clearfix 			{height: 1%;}

.content					{width:100%; background-color:#ffffff;width:100%; }
.content .inner             {min-height:450px; padding:60px 0; margin: 0 auto; }
.smallContentInner   		{width:90%; margin:0 auto; padding:60px 0; overflow:hidden; max-width:900px; }
.textContent                {width:100%; overflow:hidden;}
.smallContentInner ul li, .textContent ul li    {margin-left:20px;}

/*---------------------
Submenu vertical
---------------------*/ 
.leftmenu                           {float:left; width:25%;}
.leftmenu ul					    {width:90%; margin:0; padding:0 0 10px 0; list-style:none; overflow:hidden;}
.leftmenu ul li				        {width:100%; margin:0; padding:0; border-bottom:1px dotted #999;}
.leftmenu ul li:last-child          {background:none; border:0;}
.leftmenu ul li a				    {width:100%; margin:0; padding:0; font:normal 12px/40px Arial; color:#555; text-decoration:none; display:block;}
.leftmenu ul li a:hover             {color:#333;}
.leftmenu ul li.on a			    {color:#333; font-weight:bold;}
.leftmenu ul li.on-childs           {background:none; border:0;}
.leftmenu ul li.on-childs a	        {color:#555; font-weight:bold; line-height:30px;}

.leftmenu ul li.on-childs ul            {margin:0 0 0 15px !important;}
.leftmenu ul li.on-childs ul li         {background:none; border:0;}
.leftmenu ul li.on-childs ul li a       {font-weight:normal !important; line-height:24px !important; font-size:11px; color:#555;}
.leftmenu ul li.on-childs ul li a:hover {color:#333;}
.leftmenu ul li.on-childs ul li.on a    {color:#333; font-weight:bold !important;}

/*---------------------
Submenu horizontal
---------------------*/ 
.fullmenu                           {background-color:#cccccc; display:none;}
.fullmenu ul					    {width:auto; text-align:center; margin:0; padding:0; list-style:none; overflow:hidden;}
.fullmenu ul li				        {display:inline-block; margin:0 10px; padding:0; }
.fullmenu ul li:last-child          {background:none; border:0;}
.fullmenu ul li a				    {margin:0; padding:5px 10px; font:normal 12px/40px Arial; color:#555; text-decoration:none; display:block;}
.fullmenu ul li a:hover             {color:#333;}
.fullmenu ul li.on a, .fullmenu ul li.on-childs a			    {color:#333; font-weight:bold;}

/*---------------------
Bottom
---------------------*/ 

.newsContainer          {background-color:#82a198; text-align:center; }
.newsContainer h2       {padding-bottom:20px;}
.newsContainer .newsItem    {display:inline-block; width:32%; width:-moz-calc(33% - 20px); width:-webkit-calc(33% - 20px); width:calc(33% - 20px); margin-right:30px; font-size:20px; color:#2d2d2d; vertical-align:top; max-width:387px; }
.newsItem:last-child        {margin-right:0;}
.newsItem .newsImage    {width:100%; height:100%; padding-bottom:90%;background-position:center; background-size:cover; background-repeat:no-repeat; overflow:hidden; position:relative; }
.newsImage a            {position:absolute;display:block; width:100%; height:100%;}
.newsItem h3, .newsItem h3 a          {color:#2d2d2d; font-size:20px; font-weight:normal; }
.newsItem h3 a:hover    {color:#ea5b0c;}

.firstFooter            {width:100%; background-color:#82a198; text-align:center;}
.firstFooter h2         {padding-bottom:20px; }
.firstFooter .left      {display:inline-block; width:49%; width:-moz-calc(50% - 20px); width:-webkit-calc(50% - 20px); width:calc(50% - 20px);margin-right:20px; vertical-align:top; max-width:580px;}
.firstFooter .left:last-child   {margin-right:0;}
.firstFooter .imageContainer   {width:100%; max-width:590px; height:100%; padding-bottom:64%; background-position:center; background-size:cover; background-repeat:no-repeat; overflow:hidden; position:relative; }
.firstFooter .imageContainer a       {position:absolute;display:block; width:100%; height:100%;}
.firstFooter .imageContainer img     {position: absolute; left: 0; bottom: 0; right: 0; top: 0; margin: auto; }
.firstFooter .imageContainer .tag    {position: absolute; left: 0; bottom: 0; color:#ffffff; padding:10px 15px;-webkit-border-top-right-radius: 4px; -moz-border-radius-topright: 4px;border-top-right-radius: 4px; }

.firstFooter .textContainer {text-align:left; color:#2d2d2d; font-size:19px; padding:20px 0 0 0;}
.textContainer h3           {font-size:14px; font-weight:700;}
.textContainer p            {font-size:14px;}
.textContainer a            {color:#2d2d2d;}
.textContainer a:hover      {color:#ea5b0c;}
/*---------------------
Footer layout
---------------------*/
.footer					{width:100%; padding:40px 0;}
.footer  .left          {float:left;}
.footer  .left img      {height:40px;}
.footer .right          {float:right;}
.footer .inner          {padding:40px 0;}
.socialMediaList li     {background-color:#323232;-webkit-border-radius: 4px;-moz-border-radius: 4px;border-radius: 4px; display:inline-block; color:#ffffff; margin:0 2px 10px 2px; list-style-type:none;}
.socialMediaList a      {color:#ffffff; padding:15px 20px; display:block; }
.socialMediaList i a, .socialMediaList i      {font-style:normal; color:#ffffff;}
.socialMediaList li img {padding-right:5px;}

.footermiddle           {border-top:1px dashed #2d2d2c; border-bottom:1px dashed #2d2d2c; text-align:center;}
.footermiddle .col3     {display:inline-block; width:32%; width:-moz-calc(33% - 0px); width:-webkit-calc(33% - 0px); width:calc(33% - 0px); vertical-align:top; font-size:14px; color:#7a7a7a; padding-right:20px;}
.footermiddle img       {display:inline-block; vertical-align:top; padding-top:20px;}
.footermiddle .colText  {display:inline-block; width:80%; margin-left:20px; text-align:left;}
.footermiddle .colHeader    {font-size:16px; color:#ffffff;}

.footerIcons            {padding:20px 0 0 0; text-align:center;}
.footerIcons li         {display:inline-block; margin:0 2px 10px 2px; /*background-color:#3e3e3e;-webkit-border-radius: 2px;-moz-border-radius: 2px;border-radius: 2px;*/ list-style-type:none; vertical-align:middle; padding:0 15px; }
.footerIcons li img     {vertical-align:middle;}

@media screen and (max-width: 1024px)
{
    html                               { -webkit-text-size-adjust: 100%;}      
    
    .wrapper 					        {width:auto; height:auto; }
    .inner                              {width:auto; height:auto; width:-moz-calc(100% - 20px); width:-webkit-calc(100% - 20px); width:calc(100% - 20px); height:auto;}
    .header 						    {width:100%; height:auto; height:50px; }
    .header .innerLarge                 {width:100%; height:auto; z-index:999; height:50px;}
    #logo                               {position:absolute; left:0px; top:0px; margin-top:10px;}
    #logo img                           {height:30px; max-height: 100%;}
        
    .header .topmenu                    {display:none;}

    .header #responsive-menu-btn        {position:absolute; right:10px; top:0; display:block; max-height:50px; padding:0 0px; z-index:999;  font-weight:bold; text-transform:uppercase; text-decoration:none; cursor:pointer; height:50px; line-height:50px; font-size:30px; color:#1d1d1b;}
    .header .contactPuffs       {margin-top:12px; margin-right:55px;}
    
    .content					{width:auto; height:auto; min-height:100px; min-width:unset;}    
    .submenu				    {display:none;}
    
    .content .inner	            {width:-moz-calc(100% - 20px); width:-webkit-calc(100% - 20px); width:calc(100% - 20px); height:auto; }
    .contentright               {float:none; width:100%; overflow:hidden;}
    
	table.responsive-table, 
	table.responsive-table thead, 
	table.responsive-table tbody, 
	table.responsive-table th, 
	table.responsive-table td, 
	table.responsive-table tr           {display:block; border:0;}
	table.responsive-table thead tr     {position:absolute; top:-9999px; left:-9999px;}
	table.responsive-table tr           {border:1px solid #ccc;}
	table.responsive-table td           {padding:4px 6px;}
	table.responsive-table td           {border:none; border-bottom:1px solid #ddd; position:relative; padding-left:50%; white-space:normal; text-align:left !important;}
 	table.responsive-table td:before    {position:absolute; top:6px; left:6px; width:45%; padding-right:10px; white-space:nowrap; text-align:left; font-weight: bold;}
	table.responsive-table td:before    {content:attr(data-title);}

    .newsContainer .newsItem            { width: 32%; width: -moz-calc(33% - 30px); width: -webkit-calc(33% - 30px); width: calc(33% - 30px); }

    .footermiddle .colText              {width:75%;}
    .footermiddle .col3                 { width: 32%; width: -moz-calc(33% - 10px); width: -webkit-calc(33% - 10px); width: calc(33% - 10px); vertical-align:top;}
    .footer  .left                      {float:none;}
    .footer .right                      {float:none;}
}

@media screen and (max-width: 600px)
{
    h1                                  {line-height:1.2em; font-size:35px;}
    .newsContainer .newsItem            {width:100%; margin-right:auto; margin-bottom:20px;}
    .firstFooter .left                  {width:100%; margin-right:auto; margin-bottom:20px;}
    .footermiddle .col3                 {width:100%; margin-right:auto; margin-bottom:10px; padding-right:0;margin-left:auto;}
    .contactPuffItem .contactHeader     {display:none;}
    .footer .inner                      {text-align:center;}
    .footer .inner:first-child          {width:90%;}
}

@media screen and (max-width: 480px)
{
 
}