@import url("css/bootstrap.css");
@import url("css/glyphicon.css");
@import url("css/fonts.css");

* { margin: 0; padding: 0; }

BODY,HTML { height: 100%; }
HTML { box-sizing: border-box; -webkit-tap-highlight-color: rgba(0,0,0,0)}
*, *::before, *::after { box-sizing: inherit; }

#Form.showControlBar .navbar-fixed-top {
    margin-top: 53px;
}

BODY {
	margin: 0;
	width: 100%;
	text-align: left;
	width: 100%;
	min-height: 100%;
	font-family: 'Roboto', sans-serif;
	font-size: 1rem;
	font-weight: normal;
	line-height: 1.5;
	color: #192734;
	background-color: #fff;
	}
.row { position: relative; width: 100%; clear: both; margin: 0 auto; padding: 0; overflow: visible; text-align: left; }
.container { width: 1200px; padding:0; box-sizing: border-box; padding-left: 15px; padding-right: 15px; }
.row .row { width: auto; margin: 0; display: block;}
.column {
    border: 0px solid rgba(0,0,0,0);
    float: left;
	display: block;
    margin: 0 0 0 2%;
	overflow: visible;
	position: relative;
	box-sizing: border-box;
}
.column:first-child { margin-left: 0; }

.container:before, .container:after { content:""; display:table; }
.container:after { clear:both;}
.container { zoom:1;  }


   
.col-xs-12 { width: 100%; }
.col-xs-11 { width: 91.5%; }
.col-xs-10 { width: 83%; }
.col-xs-9 { width: 74.5%; }
.col-xs-8 { width: 66%; }
.col-xs-7 { width: 57.5%; }
.col-xs-6 { width: 49%; }
.col-xs-5 { width: 40.5%; }
.col-xs-4 { width: 32%; }
.col-xs-3 { width: 23.5%; }
.col-xs-2 { width: 15%; }
.col-xs-1 { width: 6.5%; }

.clear { clear: both; display: block; overflow: hidden; visibility: hidden; width: 0; height: 0;}


a, a:link, a:visited, a:active { color: #dd3c33; text-decoration: none; }
a:hover { text-decoration: underline; }


h1, h2, h3, h4, h5, h6 {
	margin: 0;
	font-family: 'Titillium Web', sans-serif;
	font-weight: 700;
	line-height: 1;
	text-transform: uppercase;
	color: #326080;
}
h1  { font-size: 2.25rem; }
h2  { font-size: 1.75rem;   font-weight: 700; margin-top: 3.5rem; margin-bottom: 1rem; }
h3  { font-size: 1.25rem; 	font-weight: 700; margin-top: 1.5rem; margin-bottom: 0.25rem; color: #404b56; }
h4  { font-size: 1rem;      font-weight: 700; margin-top: 1.5rem; margin-bottom: 0.25rem; color: #404b56; }
h5  { font-size: 1rem;      font-weight: 700; margin-top: 1.5rem; margin-bottom: 0.25rem; text-transform: none; color: #404b56; }
h6  { font-size: 0.875rem;  font-weight: 600; margin-top: 1.5rem; margin-bottom: 0.25rem; color: #404b56; }

h2 + h3 { margin-top: 1rem; }
h3 + h4 { margin-top: 0.75em; }

h4, h5, h6  { color: ; }

p,
.brodtext,
.Normal         { font-family: 'Roboto', sans-serif; font-size: 1rem; font-weight: 400; line-height: 1.5; }
p               { margin: 0 0 1rem; }
p:first-child   { margin-top: 1rem; }
p:last-child    { margin-bottom: 0; }
p.ingress 		{ font-family: 'Titillium Web', sans-serif; font-size: 1.25rem; font-weight: 600; margin: 1.25rem 0; color: rgba(0,15,30,.8); }

b, strong 		{ font-weight: 700; }
small 			{ font-size: 80%; }
address 		{ font-style: normal; margin-bottom: 1rem; line-height: inherit; }

.text-center 	{ text-align: center; }


ul { margin-bottom:  1rem; font-weight: 400; font-size: inherit;}
.Normal ul li { list-style-type: disc; }



hr { width: 100%; border-width: 0; margin-top: 1rem; margin-bottom: 1rem; border-top: 1px solid #ccc; }
hr.divider { margin-top: 3rem; margin-bottom: 3rem; border-top: 1px solid #dd3c33; }

p img { margin: 1rem 0 0; }
img { border: none; vertical-align: bottom; max-width: 100%; }



::-moz-selection 		{ background: #dd3c33;  color: #fff; text-shadow: none; }
::selection 	 		{ background: #dd3c33;  color: #fff; text-shadow: none; }

.theme-color-bg 		{ background-color: #dd3c33; }
.theme-color-bg-dark 	{ background-color: #bf3127; }
.theme-gradient      	{ background: linear-gradient(to bottom, #dd3c33 0%, #bf3127 100%); }
.theme-color-text 		{ color: #404b56; }
.dark-gray-bg			{ background-color : #404b56; }
.medium-gray-bg     	{ background-color : #cccfd2; }
.light-gray-bg      	{ background-color : #f2f3f4; }




.Normal ul li { list-style-type: disc; }



.navbar-default {background: rgba(255,255,255,.95);}
.navbar-fixed-top{top: auto; height: 120px;}
.navbar-fixed-top, .navbar-fixed-bottom{z-index: 200;}


.navbar-default .mainmenu {
	margin-top: 75px;
	padding-right: 1rem;
    width: 100%;
    text-align: right;
    background-color: transparent;
	}
	.navbar-default .mainmenu .disabled { pointer-events: auto; }
	.navbar-default .mainmenu > li { float: none; display: inline-block; }
	.navbar-default .mainmenu > li > a { padding: 1rem; font-family: 'Titillium Web', sans-serif; text-transform: uppercase; font-weight: 700; color: rgba(0,0,0,1); }
	.navbar-default .mainmenu > li > a:hover,
	.navbar-default .mainmenu li.active a { color: #dd3c33; }
	.navbar-default .mainmenu > li > a:last-child,
	.navbar-default .mainmenu > li > a.dropdown-toggle { padding-right: 0; }

	.navbar-default .mainmenu > li > a:hover, .navbar-default .mainmenu li.active a {
	    color: #dd3c33;
	}

	.dropdown-menu > .active > a:focus { background-color: ; }


.navbar-default .extra-menu {
	position: absolute;
    top: 15px;
    right: 15px;
}
.navbar-default .extra-menu > li {
    display: inline;
    margin-left: 15px;
    font-family: 'Titillium Web', sans-serif;
    font-size: 1.5rem;
    font-weight: 600;
    line-height: 1;
    text-transform: uppercase;
    color: #dd3c33;
}

.navbar-default .extra-menu > li > a {
    color: #326080;
    display: inline-block;
    padding: 0;
} 
.navbar-default .extra-menu > li:hover { background-color:transparent; }
.navbar-default .extra-menu > li > a:hover { text-decoration: underline; }

.navbar-default .extra-menu li small {
    color: #dd3c33;
    padding: 0;
}

.fa {
    margin-right: 0.5rem;
}


.navbar-default .mainmenu .mainmenu {
    display: none;
    margin-top: 0;
    position: absolute;
    top: 45px;
    left: 0;
    min-width: 12rem;
    z-index: 99;
    padding: 0;
    background-color: #fff;
    box-shadow: 0px 2px 4px 0px rgba(0,0,0,0.25);
}
.navbar-default .mainmenu .mainmenu > li { float: none; text-align: left; width:100%; }
.navbar-default .mainmenu .mainmenu > li > a { 
    font-size: 0.875rem;
    font-weight: 600;
    background-color: #fff;
    border-bottom: 1px solid #e7e7e7;
    padding: 0.875rem 1rem;
    display: block;
    color: rgba(0,0,0,1);
}
.navbar-default .mainmenu .mainmenu li:hover a {
    background-color: #f2f3f4;
    text-decoration: none;
}
.navbar-default .mainmenu .mainmenu > li:last-child > a { border-right: none; border-bottom: none; }
.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus {background: transparent;}
.navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus {color: #dd3c33;}
.navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:hover, .navbar-default .navbar-nav > .open > a:focus { background: transparent; color: rgba(0,0,0,1);}
.navbar-default .mainmenu > li:hover > ul, .navbar-default .mainmenu > li:hover > .mainmenu ul { display: inherit; }

.dropdown-menu > .active > a, .dropdown-menu > .active > a:hover, .dropdown-menu > .active > a:focus {background-color: transparent;}


.sv-SE span:before {
	content: 'Svenska';
}

.en-US span:before {
	content: 'English';
}


.navbar-default .navbar-toggle {
    z-index: 10;
    border-color: rgba(0,15,30,.8);
    margin-top: 22px;
    padding: 4px 4px 0;
    position: absolute;
    cursor: pointer;
    width: 48px;
    height: 48px;
    font-weight: bold;
    right: 0;
    font-size: 10px;

}
.navbar-default .navbar-toggle .icon-bar {
    background-color: #dd3c33;
    margin-left: 5px;
    margin-bottom: 3px;
    height: 3px;
    width: 28px;
    border-radius: 0;
}

.navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus {
    background-color: rgba(0,15,30,.05);
    border-color: rgba(0,15,30,.2);
    color: rgba(0,15,30,1);

}

.navbar-default .navbar-toggle:focus {
    outline: 0;
}


#mobilemenuheader #main-navbar {
    margin-top: 90px;
    background-color: #fff;
    box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.25);
    position:fixed; 
    width: 100%;
    z-index:201;
    max-height: calc(100vh - 90px);
    overflow-y: scroll;
}

#mobilemenuheader .navbar-collapse      	{ max-height: 1024px;}
#mobilemenuheader .mainmenu 				{ margin-left: -15px; margin-right: -15px;}
#mobilemenuheader .navbar-nav 				{ margin-top: 0; }
#mobilemenuheader .navbar-nav > li 			{ width: 100%; text-align: left; border-bottom: 1px solid #e7e7e7; }
#mobilemenuheader .navbar-nav > li > a {
	padding: 1rem;
    font-family: 'Titillium Web', sans-serif;
    font-weight: 600;
    text-transform: uppercase;
    color: rgba(0,15,30,1);
}
#mobilemenuheader .nav > li > a:hover,
#mobilemenuheader .nav > li > a:focus 		{ background-color: rgba(0,15,30,0.05); }
#mobilemenuheader .dropdown-menu  { padding: 0; border-radius: 0; border-bottom: 1px solid #ccc; }
#mobilemenuheader .dropdown-menu > li { border-top: 1px solid #e7e7e7; }
#mobilemenuheader .dropdown-menu > li > a:focus, #mobilemenuheader .dropdown-menu > li > a:hover { text-decoration: none; color: #262626; background-color: rgba(0,15,30,0.02); }
#mobilemenuheader .navbar-nav .open .dropdown-menu > li > a { 
    font-family: 'Titillium Web', sans-serif;
    font-weight: 600;
    text-transform: uppercase;
    color: rgba(0,15,30,0.75);
    padding: 1rem 2rem;    
}

#mobilemenuheader .caret {display: none;}
#mobilemenuheader li.dropdown a:before {
	font-family: "Glyphicons";
	font-size: 0.875rem;
	font-weight: normal;
	line-height: 1;
	content: "\2b";
	color: #000;
	display: inline-block;
	border-left: 1px solid #e7e7e7;
	float: right;
	padding: 19px;
	position: absolute;
	right: 0px;
	top: 0px;
}
#mobilemenuheader li.open a:before 						{ content: "\2212"; }
#mobilemenuheader li.dropdown .dropdown-menu a:before 	{ display: none; }
#mobilemenuheader .mainmenu 							{ margin-bottom: 0; }
#mobilemenuheader .extra-menu { 
	position: static; 
	top: 0.25rem; 
	right:0; 
	float:right; 
	display: flex;
	margin: 1em 0;
    padding: 0;
    float: right;
    display: inline;
    margin-left: 15px;
    font-family: 'Titillium Web', sans-serif;
    font-size: 1.25rem;
    font-weight: 600;
    line-height: 1;
    text-transform: uppercase;
    color: #dd3c33;
}

#mobilemenuheader .extra-menu > li > a {
    color: #326080;
    display: inline-block;
    padding: 0;
} 

#mobilemenuheader .extra-menu > li:hover { background-color:transparent; }

#mobilemenuheader .extra-menu > li:hover,
#mobilemenuheader .extra-menu > li > a:focus,
#mobilemenuheader .extra-menu > li > a:hover {
	background-color: transparent;
}
#mobilemenuheader .extra-menu > li > a:hover {
	text-decoration: underline;
}
#mobilemenuheader .extra-menu > li {
	border: none;
	display: inline;
	margin-left: 15px;
}
#mobilemenuheader { display: none; } 


#mobilemenuheader #extra-menu 				{ position: static; }
#mobilemenuheader #extra-menu ul 			{ margin: 0.75em 0; padding: 0; float: right; }



.submenu { list-style-type: none; margin: 0 0 3rem 0; padding: 0; width: 100%; }
	.submenu li { border-bottom: 1px solid #ccc; }
	.submenu li a {
		font-family: 'Titillium Web', sans-serif;
		text-transform: uppercase;
		text-decoration: none;
		display: block;
    	font-weight: 600;
    	line-height: 1;
    	text-decoration: none;
    	color: rgba(0,15,30,0.75);
    	padding: 15px 0;}
	.submenu li a::before { content: "\f138"; font-family: FontAwesome; margin-right: 0.5em; }
	.submenu li.selected a {  }
	.submenu li a:hover { color: #dd3c33; }

.submenu .submenu { margin: 0; display: none; }
.submenu li.selected .submenu { display: block; }
	.submenu .submenu li a { padding: 10px 40px; color: #68777e; font-weight: normal; }
	.submenu .submenu li:last-child { border-bottom: none; }
	.submenu li.selected li a { background-color: #f6f6f6; }
	.submenu li.selected li.selected a { background-color: #1e282d; color: #fff; }

.submenu .submenu .submenu, .submenu li.selected .submenu .submenu { display: none; }	
.submenu .submenu li.selected .submenu { display: block; }	
.submenu .submenu .submenu li a { padding: 10px 60px; }
	.submenu li.selected li.selected li a { background-color: #f6f6f6; color: #333; }
	.submenu li.selected li.selected li.selected a { background-color: #1e282d; color: #fff; }


@media screen and (max-width: 768px) {
    nav .submenu { display: none; }
}



header {
	display: block;
	height: 120px;
}
#page-header { position: fixed; top: 0; z-index: 99; width: 100%; height: 120px; background: rgba(255,255,255,.98); border-bottom:  1px solid #f2f3f4; }
#logo { position: absolute; display: flex; align-items: center; height: 120px; z-index: 10; }
#page-header nav #logo img { height: 80px; padding: 0}



#slider .container { width: auto; max-width: 2000px; padding-left: 0; padding-right: 0; } 	
	#slider .content-module { display: none; } 
#puffs .container { display: flex; flex-wrap: wrap; -webkit-flex-wrap: wrap; } 	


.division								{ padding: 4rem 0 2rem; }
.division h2  							{ font-size: 2.5rem; text-align: center; text-transform: none; margin-top: 0; margin-bottom: 2rem; color: #326080; }
.division.two-columns h2  				{ font-size: 2rem; text-align: left; }
.division h3  							{ margin-top: 0; margin-bottom: 0.5rem; }
#sub-page .division h2  				{ font-size: 1.75rem; }
.division.light-gray-bg					{ background-color : rgba(0,15,30,.05); }

@media screen and (max-width: 768px) {
.division								{ padding: 2.625rem 0 1rem; }
.division h2							{ font-size: 1.75rem; margin-bottom: 1.75rem; }
}


.sub-division								{ padding: 5.25rem 0; }
.sub-division.light-gray-bg					{ background-color : rgba(0,15,30,.05); }

@media screen and (max-width: 768px) {
.sub-division								{ padding: 2.625rem 0; }
}



#feature-media      { 
    display: flex; 
    flex-direction: column;
    justify-content: center; 
    align-items: center; 
    height: 66.666vh; 
    margin-top: 120px;
    background: rgba(0,15,30,1) url(/Portals/0/Images/Start/rutrotbil-stor-3.png) no-repeat; 
    background-size: cover; 
    background-position: 0 -120px; 
    background-attachment: fixed; 
    }
	
 
	
#feature-media .feature-caption { 
    text-align: center;
    padding: 2.625rem;
    background: rgba(255,255,255,0.9);
    width: 80%;
    margin: 0 auto;
   }

#feature-media .feature-caption h1 {
    font-size: 3rem;
    line-height: 0.8;
} 


#feature-media .feature-caption p { 
    margin: 1.5rem 0 0;
    font-size:2rem;
    font-family: 'Titillium Web', sans-serif;
    font-weight: 700;
    line-height: 0.8;
    color: #326080;
   }

#feature-media .feature-caption p:first-child {
    line-height: 1.1;
}

#feature-media .feature-caption p span { 
    font-size: 1.9rem;
    font-family: 'Titillium Web', sans-serif;
    font-weight: 700;
    text-transform: none;
    -webkit-hyphens: auto;
    -moz-hyphens: auto;
    hyphens: auto;
}



@media screen and (max-width: 1200px)   {
    #feature-media .feature-caption { 
        text-align: center;
        padding: 2.625rem;
        background: rgba(255,255,255,0.95);
        width: 100%;
        margin: 0 auto;
   }
}

@media screen and (max-width: 1024px)   {
#feature-media              { background-position: center; background-attachment: scroll; }
#feature-media .feature-caption             { width: 100%; }
#feature-media .feature-caption p             { font-size: 2.5rem; }
#feature-media .feature-caption p span             { font-size: 1.6rem; }
}
@media screen and (max-width: 767px)    {
#feature-media                              { margin-top: 90px; }
#feature-media .feature-caption             { width: 80%; }
}
@media screen and (max-width: 740px) and (orientation: landscape) {
#feature-media h1                           { font-size: 3.25rem; margin-top: -4rem; }
#feature-media .feature-caption             { width: 100%; }
}
@media screen and (max-width: 560px)    {
#feature-media h1                           { font-size: 3rem; text-align: center; }
#feature-media .feature-caption             { width: 100%; padding: 2rem 1rem; margin-top: 0rem; }
#feature-media .feature-caption p           { font-size: 2rem; }
#feature-media .feature-caption p span           { font-size: 1.5rem; }
}



.theme-btn {
    display: inline-block;
    font-family: inherit;
    font-weight: 700;
    font-size: 1.25rem;
    line-height: 1;
    text-transform: uppercase;
    text-align: center;
    color: #fff;
    padding: 1em 2em;
    background-color: #dd3c33;
    border: none;
    border-radius: 0.25rem;
    margin-top: 1.5rem;
    cursor: pointer;
    transition: 0.25s;
    -webkit-appearance: none;
}

.theme-btn:hover {
    color: #fff;
    background-color: #326080;
}

.theme-btn .fa {
    font-size: 120%;
}


.theme-btn a {
    color: #ffffff;
}

.theme-btn a:hover {
    color: #ffffff;
    text-decoration: none;
}

@media screen and (max-width: 768px) {
    .theme-btn {
        font-size: 1rem;
    }    
}





#intro-text.division 	{    padding: 1rem 0 0.6rem; }

#intro-text p 			{
    font-family: 'Titillium Web', sans-serif;
    font-size: 1.5rem;
    font-weight: 600;
    text-transform: uppercase;
    text-align: center;
    line-height: 1.125;
    color: #fafaf0;
    margin: 0 auto;
    max-width: 900px;

}




#anchor-nav.round-btn 					{ 
	display: block;
        margin: -5rem auto 1rem;
    border: 2px solid #fff;
    border-radius: 50%;
    width: 3.5em;
    height: 3.5em;
    text-align: center;
    color: #dd3c33;
    cursor: pointer;
}




@media screen and (max-width: 1200px) {
    #anchor-nav.round-btn {
        margin: -5rem auto 1rem;
    } 

}


@media screen and (max-width: 767px) {
    #anchor-nav.round-btn {
        display: none;
    } 

}

#anchor-nav.round-btn .fa-angle-down 	{ margin: 0; padding: 0.2rem; font-size: 3rem; }
#anchor-nav.round-btn:hover {
    border-color: #326080;
    color: #fff;
}
#anchor-nav.square-btn 					{ width: 100%; height: 6rem; margin-top: -6rem; text-align: center; color: #fff; cursor: pointer; }
#anchor-nav.square-btn .fa-angle-down 	{ margin: 0; font-size: 4rem; }
#anchor-nav.square-btn:hover 			{ padding: 0.25rem; }


.card { 
	display: flex;
	flex: 0 1 calc(50% - 0.25rem);
	margin-bottom: 1rem;
	cursor: pointer;
	background-color: #ffffff;
	position: relative;
}

.card img { padding: 0.5rem; margin: 0 auto; width: 75%;}

.card h3 {
	background-color: white;
	width: 100%;
	margin: 0;
	text-align: center;
	color: #dd3c33;
	font-size: 1.25rem;
	padding: 0.5rem 0 0;
}

.card p {
	background-color: white;
	width: 100%;
	padding: 0 0.5rem 1rem;
	font-family: 'Titillium Web', sans-serif;
    font-weight: 600;
    color: rgba(0,15,30,.8);
    text-align: center;	
	line-height: 1.25;
	margin: 0;
	font-size: 0.825rem;
}

.card a {
    color: rgba(0,15,30,.8);	
}

.card a:hover {
	text-decoration: none;
}

.card:hover {
    box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.3);
}

.flex-container .card .Normal {
	text-align: center;
}

.box-image {
  background-color: #326080;
}

.card:hover .box-image {
    background-color: #dd3c33; 
}



@media screen and (min-width: 35em) {
    .card { margin-bottom: 1.5rem; }
    .card h3        { margin: 0; font-size: 1.5rem; color: #dd3c33; }
    .card p.ingress { padding: 0.5rem 0.5rem 1rem; line-height: 1.25; font-size: 1.25rem; }
}
@media screen and (min-width: 48em) {
    .card p.ingress { font-size: 1.25rem; }
}
@media screen and (min-width: 60em) {
    .card { flex: 0 1 calc(25% - 1rem); }
}



#presentation {
    background-image: url(/Portals/0/Images/Medarbetare/ida3.jpg); 
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    background-size: contain;
    background-repeat: no-repeat;
    background-color: #f2f3f4;
}



#trailer video {
    margin-top: 120px;
}






  .embed-responsive-16by9 {
    padding-bottom: 56.25%;
}

@media screen and (max-width: 500px) {
#trailer video {
    margin-top: 43px;
}

.embed-responsive-16by9 {
     padding-bottom: 205px;
    padding-top: 83px;
}
}
#presentation figure {
    flex: 1 300px;
}

#presentation article {
    background-color: #f2f3f4;
    align-self: flex-end;
    padding: 1.5rem;
}

#presentation article p {
    margin: 1rem 0;
    font-family: 'Titillium Web', sans-serif;
    font-size: 1.25rem;
    font-weight: 600;
    color: rgba(0,15,30,.8);    
}

#presentation article h2 {
    margin: 0;
}

#site_StartBanner button{ margin: 0;}

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

    #presentation article p {
        font-size: 1.125rem; 
        margin: 1rem 0 0 0;
    }

}



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

    #presentation figure {
        flex: 1 200px;
    }

}



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

    #contact {
        border-top: 2px solid #dd3c33;
        margin-top: 2rem;
        padding-top: 1.5rem;
    }

}



.news-list .news-date { border-top: 1px solid rgba(0,15,30,.25); }

.news-date {
	font-family: 'Roboto', sans-serif;
    font-weight: 400;
    text-transform: uppercase;
    color: rgba(0,15,30,.5);
    padding-top: 1rem;
    margin-bottom: 0;
    margin-top:0;
}
.news_list_item h3 {
	font-size: 1.25rem;
    line-height: 1;
	margin-top: 0;
    margin-bottom: 0.5rem;
    padding-bottom: 0;
    color: rgba(0,15,30,.8);
}
.ng-binding p { padding-bottom: 1rem; }
.news_list_item p { padding: 0; }

#news .news_list_item p:first-child { margin-top: 0; }
.news_list_item a { color: rgba(0,15,30,.8); }

.news_list_item .news-date { padding-top: 0 !important; }




#customer-reviews { padding-bottom: 4rem; }


#content { margin: 120px 0 0 0; padding: 54px 0;}
#content .contentpane { float: right; margin-left: 2%; min-height: calc(100vh - 565px);}
#side-bar {
	padding-right: 15px;
}


#breadcrumbs span, #breadcrumbs a { color: #a4a4a4; font-size: 12px; line-height: 26px; }
.ido_breadcrumbsList { list-style-type: none; margin: 0; }
	.ido_breadcrumbsList li { margin: 0; float: left; display: inline-block; }
#breadcrumbs {height:0;}	


.flex-container { display: flex; justify-content: space-between; flex-wrap: wrap; }
.flex-eq-height {display: flex;}


.product-listing {
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;  	  
	-webkit-flex-flow: row wrap;
	flex-flow: row wrap;
	padding: 3rem 0;
	border-bottom: 1px solid rgba(204,204,204,1);
}
.product-listing > * { flex: 1 100%; }
.product-image { order: 1; }
.product-info { order: 3; }
.product-info h3 { margin-top: 0; }
.product-image { text-align: center; }
.product-image img {
	max-width: 100%;
	width: auto;
	padding-bottom: 1rem;
}
.product-header h1 { margin-bottom: 2rem; }

.product-image img:hover {
	cursor: zoom-in;
}

.modal {
  opacity: 0;
  display: block;
  visibility: hidden;
  position: fixed;
  z-index: 99;
  padding-top: 100px;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  overflow: auto;
  background-color: rgba(0,0,0,0.8);

  -webkit-transition: all 0.1s ease-out;
  -moz-transition: all 0.1s ease-out;
  -o-transition: all 0.1s ease-out;
  transition: all 0.1s ease-out;  
}

.product-image-og {
	width:100%;
	height: 100%;
	display: none;
	text-align: center;
}

.product-image-og img {
	border: 1px solid rgb(255,255,255);
}

.product-image-og img:hover {
	cursor: zoom-out;
}

#portrait {
    float: right;
    margin: 0 0 1rem 1rem;
    border: 1px solid #cccccc;
}





#sidfot 								{ color: rgba(0,15,30,1); }
#sidfot.division						{ padding-bottom: 0; }
footer#sidfot h3						{ font-size: 1.5rem; text-align: left; color: #fafaf0; margin-top: 0; margin-bottom: 0.5rem; padding-top: 2rem; border-top: 1px solid #fafaf0; }
footer#sidfot p							{ color: #fafaf0; }
footer#sidfot address					{ font-style: normal; margin-bottom: 1rem; }
footer#sidfot a							{ color: inherit; text-decoration: none }
footer#sidfot .medeon-btn.white 		{ border: 1px solid; border-color: rgba(255,255,255,.5) }
footer#sidfot .medeon-btn:hover 						{ border-color: rgba(0,15,30,1) }
footer#sidfot .social-footer 			{ height: 10px; background:  rgba(0,15,30,.2); }
footer#sidfot .social-footer p {
    font-size: 0.75rem;
    text-align: center;
    color: #fafaf0;
    text-transform: uppercase;
    margin: 0;}
footer#sidfot .social-footer	{ text-align: center; }
footer#sidfot .social-footer .fa	{ font-size: 2rem; margin: 0 0.25rem; color: #fafaf0; }

footer#sidfot .fa-facebook-square    { font-size: 3.5rem; margin-top: 0.3rem;}


#sidfot .column {margin-top: 2em;}


footer nav a#top-btn {
	display: block;
    width: 50%;
    margin: 2rem auto 0;
    padding-bottom: 0.5rem;
    text-align: center;
    color: rgba(0,15,30,.4);
    cursor: pointer;
    text-decoration: none; }
footer nav a#top-btn .fa 		{ margin: 0 0 0.25rem; font-size: 1rem; }
footer nav a#top-btn p 					{ line-height: 1; margin: 0rem 0 0; text-transform: uppercase; font-size: 0.7rem; font-weight: 700; color: rgba(0,15,30,.4);} 
footer nav a:hover#top-btn,
footer nav a:hover#top-btn p 			{ color: #fff; }
nav a#top-btn { 
    display: block;
    padding-bottom: 0.5rem;
	padding-top: 1.6rem;
    text-align: center;
    cursor: pointer;
    text-decoration: none;
    line-height: 1;
    margin: -0.5rem 0 0;
    text-transform: uppercase;
    font-size: 0.7rem;
    font-weight: 700;
    color: rgba(0, 15, 30,.3);
}
#top-btn .fa-angle-up { margin: 0; font-size: 2rem;vertical-align: bottom;line-height: 0.6;}
#top-btn span{display: block;}
#top-btn p { line-height: 1; margin: -0.5rem 0 0; text-transform: uppercase; color: rgba(0,15,30,.3); font-size: 0.7rem; font-weight: 700;} 
nav a:hover#top-btn, nav a:hover#top-btn p	{ color: #fff; }



@media (min-width: 768px) {
	.col-sm-12 { width: 100%; }
	.col-sm-11 { width: 91.5%; }
	.col-sm-10 { width: 83%; }
	.col-sm-9 { width: 74.5%; }
	.col-sm-8 { width: 66%; }
	.col-sm-7 { width: 57.5%; }
	.col-sm-6 { width: 48%; }
	.col-sm-5 { width: 40.5%; }
	.col-sm-4 { width: 32%; }
	.col-sm-3 { width: 23.5%; }
	.col-sm-2 { width: 15%; }
	.col-sm-1 { width: 6.5%; }
}
@media (min-width: 992px) {
	.col-md-12 { width: 100%; }
	.col-md-11 { width: 91.5%; }
	.col-md-10 { width: 83%; }
	.col-md-9 { width: 74.5%; }
	.col-md-8 { width: 66%; }
	.col-md-7 { width: 57.5%; }
	.col-md-6 { width: 49%; }
	.col-md-5 { width: 40.5%; }
	.col-md-4 { width: 32%; }
	.col-md-3 { width: 23.5%; }
	.col-md-2 { width: 15%; }
	.col-md-1 { width: 6.5%; }
}
@media (min-width: 1200px) {
	.col-lg-12 { width: 100%; }
	.col-lg-11 { width: 91.5%; }
	.col-lg-10 { width: 83%; }
	.col-lg-9 { width: 74.5%; }
	.col-lg-8 { width: 66%; }
	.col-lg-7 { width: 57.5%; }
	.col-lg-6 { width: 49%; }
	.col-lg-5 { width: 40.5%; }
	.col-lg-4 { width: 32%; }
	.col-lg-3 { width: 23.5%; }
	.col-lg-2 { width: 15%; }
	.col-lg-1 { width: 6.5%; }
}


@media screen and (max-width: 1200px) { 
	.container { width: auto; } 
}


@media screen and (max-width: 1024px) {
	#id-media .slider-caption { width: 75%; margin: 0 auto; }
	#id-media { background-position: left; background-attachment: scroll }
}


@media screen and (max-width: 992px) { 
	.container { width: auto; } 
	.area-item .Normal h3, .product-item  .Normal h3  { text-align: center; font-size: 1rem; }
    #side-bar aside {
        display: none;
    }
}


@media screen and (max-width: 767px) {  	
	.container { width: auto; } 
	.column {margin-left: 0;}
	#mobilemenuheader, .navbar-default .navbar-toggle { display: block; } 
	#mobilemenuheader .container { padding: 0; } 
	#mainmenu { display: none; } 
	#content { margin: 90px 0 0 0; padding: 2.625rem 0; }
	#page-header, .navbar-fixed-top { height: 90px; }
	#logo { height: 90px;}
	#page-header nav { height: 90px; background: rgba(255,255,255,.95) ;  }
	#page-header nav .navbar-nav { margin-top: 0; width: 100%; background: #fff; } 
	#page-header nav .navbar-nav > li { width: 100%; text-align: left; border-bottom: 1px solid #e7e7e7; }
	#page-header nav .navbar-nav > li > a { 
		padding: 1rem; 
		font-family: 'Roboto Condensed', sans-serif;
	    font-weight: 400;
	    text-transform: uppercase;
	    color: rgba(0,15,30,1);
	}
	.navbar-nav {margin:0;}
	#id-media { margin-top: 90px;}
	#id-media .slider-caption { width: 80%; }
	#intro-text p {
	    font-size: 1.25rem;
	}

	.division h2 {
	    font-size: 1.75rem;
	    margin-bottom: 1.75rem;
	}
	#news {
	    padding-bottom: 2rem;
	    margin-bottom: 3rem;
	    border-bottom: 3px solid #dd3c33;
	}
	.area-item  .Normal h3, .product-item  .Normal h3   {font-family: 'Roboto Condensed', sans-serif;}
	.area-item, .product-item { width: calc(50% - 0.5rem);}
	.area-item:last-child, .product-item:last-child { width: 100%; }
	#page-header nav #logo img { height: 60px; }

	
	h1, h2, h3, h4, h5, h6 {  }
	h1 { font-size: 2rem; } 	 
	h2 { font-size: 1.5rem }
	h3 { font-size: 1.25rem }
	h4 { font-size: 1rem }
	header { height: 90px; }
}


@media screen and (max-width: 560px) { 
	#slider .content-module { display: block; }
	#slider .content-slider-module { display: none; }
	#anchor-nav.square-btn .fa-angle-down { margin-top: 2rem }
	#id-media h1							{ font-size: 3rem; text-align: center; }
	#id-media .slider-caption				{ width: 100%; padding: 1rem; }
    #id-media .slider-caption p             { font-size: 2rem; }
	.division {
	    padding: 2rem 0;
	}
	.area-item .Normal h3, .product-item  .Normal h3 {padding: 0.5rem; font-size: 1rem; text-align: center;}
	.area-item .Normal h3, .product-item  .Normal h3 {text-align: center; font-size: 1rem; }
}

@media screen and (min-width: 550px) {

	.product-info { order: 2; }
	.product-image { order: 1; padding-right: 1.5rem; }
	.product-content { flex: 1 0px; }
	.product-info { flex: 2 0px; }
	.product-image img {padding-bottom: 0;}

}

@media screen and (max-width: 440px) {
	.area-item .Normal h3, .product-item  .Normal h3 { font-size: 0.8rem;}

    #portrait {
        float: none;
        margin: 0;
    }

}

@media screen and (max-width: 350px) {
    #anchor-nav.round-btn {
        display: none;
    }
}



@media screen and (max-width: 1024px) and (orientation: landscape) {
    #anchor-nav.round-btn {display: none;}
}


@media screen and (max-width: 740px) and (orientation: landscape) {
	#id-media h1							{ font-size: 3.25rem; margin-top: -4rem; }
	#id-media .slider-caption				{ width: 100%; }
	#anchor-nav {display: none;}
    #feature-media .feature-caption p { font-size: 1.5rem; }
    #feature-media .feature-caption p span { font-size: 1.1rem; }

}



#reco--badge-yearsInRowBadge > a {
	height: auto !important;
	width: 74px !important;
}

#reco--badge-yearsInRowBadge > a img {
	height: auto !important;
	width: 74px !important;
}

@media screen and (min-width: 992px) {

	#reco--badge-yearsInRowBadge > a {
		height: auto !important;
		width: 110px !important;
	}

	#reco--badge-yearsInRowBadge > a img {
		height: auto !important;
		width: 110px !important;
	}
}