@font-face {
    font-family: 'KannadaMN';
    src: url('fonts/KannadaMN.eot');
    src: url('fonts/KannadaMN.eot?#iefix') format('embedded-opentype'),
         url('fonts/KannadaMN.woff') format('woff'),
         url('fonts/KannadaMN.ttf') format('truetype'),
         url('fonts/KannadaMN.svg#KannadaMN') format('svg');
    font-weight: normal;
    font-style: normal;
}
body {
    font-family: "KannadaMN","PT Sans",sans-serif;
}
h1, h2, h3, h4, h5, h6, legend {
    font-family: "KannadaMN","PT Sans",sans-serif;
}

.logo {
    background:url('images/logo.png') no-repeat top left;
    width: 195px;
    height: 88px;
}
.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus, #resMainMenu li.active > a {
    color: #7285b5;
}
.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus {
    background-color: #7285b5;
    color: #fff;
}
.navbar-brand{
    padding:0;
    height: auto;
}
.navbar-nav > li > a {
    line-height: 55px;
    font-family: "KannadaMN","PT Sans",sans-serif;
}
a {
    color: #7285b5;
}
a:hover, .scrollspyNav .active a {
    color: #262552;
}
.iconRounded {
    border: 1px solid #7285b5;
    color: #7285b5;
}
.iconRounded:hover {
    border: 1px solid #262552;
    color: #262552;
    background-color: #7285b5;
}
.color2, .slice.color2, .bulle.color2, .ctaBox.color2 {
    background-color: #7285b5;
}
.color2 .iconRounded {
    background-color: #7285b5;
}
.color2 .iconRounded:hover, .color2 .boxIcon a:hover i {
    border:2px solid #262552;
    color:#262552;
}
.nopadding {
    padding: 0;
}
ul.breadcrumb li.active {
    color: #7285b5;
}
#footerRights a:hover{
    color:#fff;
}
*::-moz-selection {
    background: none repeat scroll 0 0 #7285b5;
    color: #fff;
}
.jiswologo {
    float: left;
    width: 55px;
    height: 20px;
    margin-left: 5px;
    margin-top: 4px;
	background:url('images/jiswobw.png') no-repeat;
}
.jiswologo:hover {
	background:url('images/jiswoc.png') no-repeat;  
}
#preloadjiswo {
    background: url('images/jiswoc.png') no-repeat -9999px -9999px;
    padding-top: 2px;
    float: left;
}
.innovated {
    width: 158px;
    margin: 0 auto;
}
.contactformtableholder {
    width: 100%;
}
.contactformtable {
    width: 100%;
}
.dynamicformfield {
    background-color: #eaeaea;
    border: 1px solid #ddd;
    color: #444;
    box-shadow: none;
    height: 44px;
    padding: 12px;
    border-radius: 4px;
    display: block;
    font-size: 14px;
    line-height: 1.42857;
    transition: border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s;
    width: 100%;
    margin-bottom: 20px;
}
.dynamicform > div div {
    margin-bottom: 10px;
}
#map{
	border:1px solid #c7c7c7;
	height:400px;
	margin:0;
}
.graybordertop{
    border-top:2px solid #bebebe;
}
.video { height: 357px; }

.socmed {
    font-size: 60px;
}
.facebook {
    color: #3b589e;
}
.linkedin {
    color: #007bb6;
}

/* languageselector */

.languageselection {
	position: absolute;
	top: 71px;
	left: 97px;
}

.languageselector {
    font-size:13px;
    font-weight: bold;
    padding:1px 2px 1px 2px;
}

.languageselector li
{
	float: left;
	cursor: pointer;
	padding: 1px 5px 1px 5px;
	list-style: none;
	height: 12px;
	line-height: 12px;
	border-right: 1px solid #d1eaea;

}
.languageselector li.last
{
	border-right: 0px;
}
.languageselector li.selected a
{
	color: #4bb0c2;
}

.languageselector a, .languageselector a:link, .languageselector a:visited
{
	color: #CCCCCC;
	font-weight: bold;
}
.languageselector a:hover
{
	color: #4bb0c2;
	font-weight: bold;
}
.buttonsend {
    font-size: 14px;
    margin: 15px;
    padding: 4px 15px;
}
.validation{
    color:red;
}
/* extra css voor cookie warning bs < 5 */
.mt-3 {
    margin-top: 1rem !important;
}
.mb-3 {
    margin-bottom: 1rem !important;
}
.mbl { margin-bottom:   80px; }
.btn {font-size: 1.2rem;}

/* Large desktop */
@media (min-width: 1200px) {}

/* Portrait tablet to landscape and desktop */
@media (min-width: 992px) and (max-width: 1200px) {
    .video { height: 292px; }
}

/* Landscape phone to portrait tablet */
@media (min-width: 768px) and (max-width: 992px){
    .video { height: 389px; }
}

/* Landscape phone to portrait tablet */
@media (min-width: 480px) and (max-width: 768px){
    .video { height: 357px; }
}

/* Landscape phones and down */
@media (max-width: 480px) {
    .video { height: 156px; }
}