/* CUSTOM CSS MADE BY LARS OLOF KANNGARD MAY 2017
----------------------------------------------------------*/



/* LOK N0te Shadow TEXT

h1 {
    color: white;
    text-shadow: 2px 2px 4px #000000;
}



Multiple Shadows
To add more than one shadow to the text, you can add a comma-separated list of shadows.

The following example shows a red and blue neon glow shadow:


h1 {
    text-shadow: 0 0 3px #FF0000, 0 0 5px #0000FF;
}

*/

            th
            {
                background-color: grey;
                color: white;
                text-align: center;
                vertical-align: bottom;
                height: 150px;
                padding-bottom: 3px;
                padding-left: 5px;
                padding-right: 5px;
            }

.vertText
            {
                text-align: center;
                vertical-align: middle;
                width: 20px;
                margin: 0px;
                padding: 0px;
                padding-left: 3px;
                padding-right: 3px;
                padding-top: 10px;
                white-space: nowrap;
				color: brown !important;
                -webkit-transform: rotate(-90deg) !important; 
                -moz-transform: rotate(-90deg) !important;                 
            }






h4{
	font-weight: 500;
	font-family: Gotham, "Helvetica Neue", Helvetica, Arial, "sans-serif"
}




.vicon {
	float: left;
	background-color: #DD1317;

}

.iconTXT{
	margin-left: 100px !important;
	background-color: #F72629 !important;
	text-decoration-color: #EC161A !important;
	
}

h8{
	
	
	text-align: left!important;
	font-size: 60px!important;
	font-family: "Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, "sans-serif";
	font-weight: 500!important;
	/**margin-left: 100px!important;
	color: #E92024!important;
	background-color: #F72629!important;
	text-decoration-color: #EC161A!important;
	color: #831517 !important;
	**/
}

MyText{
	
	text-align: left!important;
	font-size: 60px!important;
	font-family: "Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, "sans-serif";
	font-weight: 500!important;
	/**margin-left: 100px!important;
	color: #E92024!important;
	background-color: #F72629!important;
	text-decoration-color: #EC161A!important;
	color: #831517 !important;
	**/
}

.viapay {
	background-image: url(via_icons/via_pay_green_icon_65s_icon.ico)!important;
	
}

.fa-via {
	background-image: url(via_icons/via_pay_green_icon_65s_icon.ico)!important;
	
}

.address-card {
	color: white;
}

.container {
	
	padd: 30px;
	
	
}





.team_box{
	
    width: 320px;
    padding: 10px;
    border: 5px solid gray;
    margin: 0; 
	border-left: 10px;
	border-left-color: dodgerblue;
	
}
	
.active .panel-heading{
  background-color: black;
}

.active .panel-heading .after{
  background-color:#E70003!important;
}

/*panel-heading" style="background-color: #0E93DD;*/





div.team_container {
	
    width: 100%;
    border: 1px solid gray;
}

header, footer {
    padding: 1em;
    color: white;
    background-color: black;
    clear: left;
    text-align: center;
}


/*                       18/5 LOK rem Nav menue has no background                                              */
/*
nav {
    float: left;
    max-width: 160px;
    margin: 0;
    padding: 1em;
}


                  to here            */



nav ul {
    list-style-type: none;
    padding: 0;
}
   
nav ul a {
    text-decoration: none;
}

/*.team_article {
    margin-left: 170px;
    border-left: 1px solid gray;
    padding: 1em;
    overflow: hidden;
}
*/

.test2{
	font-family: Gotham, "Helvetica Neue", Helvetica, Arial, "sans-serif";
	font-weight: 900;
	color: #CF1619;
		

}
	
/*             Hide Executive Text to Mouse Over */

.show_Exec {
    display: block !important;
}
    
a:hover + .show_Exec blockquotelok {
    display: block;
	
}

/*             Hide Executive Text to Mouse Over */

	.Executive_Name2 {
		font-size: 20px;
		line-height: 80px;
		
	}

	.strong{
		
		margin-left: 20px;
	}

	.img-circle{
		margin-right: 30px!important;
	}

	.product-thumb-mng{
		margin-right: 30px!important;
}


div.popup_information {
position: fixed;
visibility: hidden;
}

a.hovertext:hover + div.popup_information 
 {
visibility: visible!important;
	 color: #B42F32;
}

.overlay2 {
    display: none;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background: red;
    z-index: 9999;
}



.shadow {
   -moz-box-shadow:    inset 0 0 10px #000000;
   -webkit-box-shadow: inset 0 0 10px #000000;
   box-shadow:         inset 0 0 10px #000000;
}


/* THE DROP-EFFECT is a special box made by LOK May 2017 for extended dropdown box */
.drop-effect {

	/*border-style: solid; */
	border-right-color: #0CAADB!important; 
	border-right-width: 4px!important;
	border-left-width: 12px!important;
	border-left-color: #0CAADB;
	border-right-style:solid!important;
	box-shadow: 10px 10px 8px #888888;
	box-sizing:inherit;				/* LOK 03-10 */
	
	margin-top: 20px;
	margin-left: 20px;
	/*
	padding-top | padding-right | padding-bottom | padding-left
	*/
	padding: 10px 30px 20px 20px;
	/*border: thick #351A1A!important;
	border-color: #43CC2E!important;*/
	font-size: 15px;
	font-weight:bold;
	font-family: Gotham, "Helvetica Neue", Helvetica, Arial, "sans-serif";
	color: #0A600E;
	
	
   -moz-box-shadow: inset 0 0 10px #4A4949; /* Gray light gray */
   -webkit-box-shadow: inset 0 0 10px #4A4949;
   /* box-shadow:         inset 0 0 10px #000000; */
		
}

	/* The right and left sets HIDE and SHOW LOK May 2017	*/

	.right {

		display: none;

	}


	
	.block-attr .left:hover + .right  {

		 display: block;
	}

#Mats-Extra .block-attr .right {
	
	display: block;
	
}


/*
a.taphover .left:hover, a.taphover.hover {
	
	display: block;
}

	.block-attr .left:hover + .right  {

		 display: block;
	}
*/




.via_Events{
	
	height: 120px;
	/* widows: auto;    03-10 LOK */
}






/* Smartphones (portrait and landscape) ----------- */
@media only screen
and (min-width : 320px)
and (max-width : 480px) 

{
/* Styles */
	
	

	.block-attr .right {
	
	display: block;
	
}

	.product-thumb-mng{
		margin-right: 10px!important;
}
	
	.drop-effect {

	/*border-style: solid; */
	border-right-color: #0CAADB!important; 
	border-right-width: 2px!important;
	border-left-width: 5px!important;
	border-left-color: #0CAADB;
	border-right-style:solid!important;
	box-shadow: 3px 3px 1px #888888;
	box-sizing:inherit;   /* LOK 03-10 */
	
	margin-top: 5px;
	margin-left: 5px;
	/*
	padding-top | padding-right | padding-bottom | padding-left
	*/
	padding: 5px 5px 5px 10px;
	/*border: thick #351A1A!important;
	border-color: #43CC2E!important;*/
	font-size: 10px;
	font-weight:300;
	font-family: Gotham, "Helvetica Neue", Helvetica, Arial, "sans-serif";
	color: #0A600E;

		
}
	
	.img-circle{

		background: #EF2226;
		margin-right: 5px;
		
		width: 60%;
		height: auto;
		-webkit-border-radius: 50%;
		-moz-border-radius: 50%;
		border-radius: 50%;
		
	} 

	.Executive_Name2 {
		font-size: 12px;
		line-height: 40px;
	}
	
	.strong{
		
		margin-left: 5px;
	}
	
	
	
}
 
/* Smartphones (landscape) ----------- */
@media only screen
and (min-width : 321px)
and (max-width : 768px) {
/* Styles */
	
	.img-circle{

		background:#7CF02B;
		margin-right: 5px;
		
		width: 25%!important;
		height: auto;
		-webkit-border-radius: 50%;
		-moz-border-radius: 50%;
		border-radius: 50%;

	}

	
	
	
}
 
/* Smartphones (portrait) ----------- */
@media only screen
and (max-width : 320px) {
/* Styles */
}
 
/* iPads (portrait and landscape) ----------- */
@media only screen
and (min-width : 768px)
and (max-width : 1024px) {
/* Styles */
}
 
/* iPads (landscape) ----------- */
@media only screen
and (min-width : 768px)
and (max-width : 1024px)
and (orientation : landscape) {
/* Styles */
}
 
/* iPads (portrait) ----------- */
@media only screen
and (min-width : 768px)
and (max-width : 1024px)
and (orientation : portrait) {
/* Styles */
}
 
/* Desktops and laptops ----------- */
@media only screen and (min-width : 1290px ){
/* Styles */
}
 
/* Large screens ----------- */
@media only screen
and (min-width : 1824px) {
/* Styles */
}
 
/* iPhone 4 ----------- */
@media
only screen and (-webkit-min-device-pixel-ratio : 1.5),
only screen and (min-device-pixel-ratio : 1.5) {
/* Styles */
	
		.img-circle{

		background:#B3E714;
		margin-right: 5px!important;
		
		width: 35%;
		height: auto;
		-webkit-border-radius: 50%;
		-moz-border-radius: 50%;
		border-radius: 50%;

	}
	
}






@media (pointer:coarse) {
    /* Primary Input is a coarse pointer device such as touchscreen or XBox Kinect etc */
}
 
@media (pointer:fine) {
    /* Primary Input is a fine pointer device such as a mouse or stylus */
}
 
@media (hover:none) {
    /* Primary Input doesn't respond to hover at all, even partially (ie: there is no pointing device) */
	
	/*	.block-attr .left:focus + .right  {

		 display: block;
	}
*/
	
	
}
 
@media (hover:on-demand) {
    /* Primary Input responds to hover only via emulation, such as touch screen devices */
}
 
@media (hover:hover) {
    /* Primary Input responds to hover fully, such as a mouse or a Nintendo Wii controller */
}