/* -------------------------------- 

Primary style

-------------------------------- */
*, *:after, *:before {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

html, body {height:100%;}

body {
  font-size: 15px;
  font-family: "Work Sans", sans-serif;
  color: #333333;

  font-weight:400;
  background:url(../imgs/map.png) no-repeat center center #fff; background-size:cover;
}

a {
  color: #0077d6;
  text-decoration: none;
}
a:hover {text-decoration:underline;}

img {
  max-width: 100%;
}

h1, h2, h3, h4, div, p, li {line-height:140%; }
p li {font-weight:400;}
h1, h2, h3, h4 {margin-top:8px; margin-bottom:40px; font-weight:300;}
h2 {margin-bottom:30px;}
h1 {font-size:48px;}
h2 {font-size:32px;}
h3 {font-size:18px; font-weight:600; margin-bottom:16px;}
h3.light {font-size:22px; font-weight:300; margin-bottom:16px; text-transform:none !important; text-shadow:0 0px 4px #333;}
h3.light2 {font-size:18px; font-weight:300; margin-bottom:16px; text-transform:none !important;  text-shadow:none;;}
.subpage h3.light {font-size:24px; font-weight:400; margin-bottom:16px; text-transform:none !important; text-shadow:none; }
h4 {font-size:18px; }



@media only screen and (max-width: 767px) {
	h1, .cd-intro h1 {font-size:32px; margin-bottom:20px}
	h2 {font-size:24px;}
	h3 {font-size:18px; font-weight:600; margin-bottom:16px;}
	.subpage h3.light {font-size:22px;}
}

p {margin-bottom:20px; line-height:24px;}
li {margin:0 0 10px 25px; position:relative;}
li ol {margin-top:20px;}
li ul {margin:10px 0 0 5px;}
ol {list-style-type: decimal;}
li .fa-li {color:#035a59;}

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

b, strong {font-weight:bold;}

.clearfix:before,
.clearfix:after {
  content: "";
  display: table;
}

.clearfix:after {
  clear: both;
}

.border {border:1px solid #ccc; border-radius:2px; padding:8px;}
.bbottom {border-bottom:1px dotted #ccc; padding:0 0 16px 0;}
.bbottom-g {border-bottom:1px dotted #548D90; padding:0 0 16px 0;}
.bbottom-tr {border-bottom:1px solid; border-color:rgba(255,255,255, 0.2); padding-bottom:16px;}
.btop {border-top:1px solid #ccc;}
.bright-tr {border-right:1px solid; border-color:rgba(255,255,255, 0.2);}
.btop {border-top:1px dotted #ccc; padding:16px 0 0 0;}
.margintop10 {margin-top:10px !important;}
.margintop20 {margin-top:20px !important;}
.margintop40 {margin-top:40px !important;}
.marginb40 {margin-bottom:40px !important;}
.marginb20 {margin-bottom:20px !important;}
.marginb0 {margin-bottom:0px !important;}
.align-center {text-align:center;}
.align-right {text-align:right;}
.align-left {text-align:left;}
.active-menu {font-weight:600;}

.padd10 {padding:10px !important;}
.padd20 {padding:20px !important;}
.padd40 {padding:40px !important;}
.paddb40 {padding-bottom:40px !important;}


/* Grid system */
	.container-fluid{width: 100%; max-width: 1400px; margin:0 auto;	padding:20px;}
	.container-fluid-nopad{width: 100%; max-width: 1400px; margin:0 auto;	padding:0px;}
	.container-fluid-full{width: 100%; max-width: 100%; padding:0; margin-bottom:20px;}	
	.container-fluid-top{width: 100%; max-width: 1400px;  margin:0 auto; margin-top:72px; padding:20px 20px 0 20px;}
	.container-fluid-min{width: 100%; max-width: 1000px;  margin:0 auto; padding:20px;}	
	
	.row {margin-left:-20px; margin-bottom:20px; position:relative;}
    /*-- our cleafix hack -- */ 
    .row:before, 
    .row:after {
        content:"";
          display: table ;
        clear:both;
    }

    [class*='col-'] {
        float: left; 
        min-height: 1px; 
        width: 16.66%; 
        /*-- our gutter -- */
        padding: 0 0 0 20px; 
		/*position:relative*/

    }

    .col-1{ width: 8.333333333%; }
    .col-2{ width: 16.666666667%; }
    .col-3{ width: 25%;    }
    .col-4{ width: 33.333333333%; }
    .col-5{ width: 41.666666667%; }
    .col-6{ width: 50%;   }
    .col-7{ width: 58.333333333%; }
    .col-8{ width: 66.666666667%; }
    .col-9{ width: 75%;    }
    .col-10{ width: 83.333333333%; }
    .col-11{ width: 91.666666667%; }
    .col-12{ width: 100%;   }
	
    .outline, .outline *{
        outline: 1px solid #F6A1A1; 
    }

    /*-- some extra column content styling --*/
    /*[class*='col-'] > p {
     padding: 0;
     margin: 0;
    }*/
	
@media only screen and (max-width: 767px) {
	.container-fluid, .container-fluid-min {padding:10px;}
	.container-fluid-top {padding:10px 10px 0 10px}
    .col-2 {width:33.3333%; margin-bottom:20px;}
	.col-3{ width: 50% }
    .col-6, .col-8{ width: 100%; margin-bottom:20px; }
	.col-3, .col-4, .col-7, .col-5, .col-9{ width: 100% }
}


/* /Grid system */

/* -------------------------------- 

Placeholder Sections

-------------------------------- */


.cd-header {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 70px;
    /* box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2); */
    background-color: #ffffff;
    z-index: 3;
}
.wrapper {width:80%; max-width:600px; height:250px; padding:20px; /*background-color:rgba(0,0,0, 0.1)*/ margin:0 auto; position:absolute; top:20%; left:0; right:0;}

#cd-logo {
    text-align:center;
    max-width:220px; 
	margin:20px auto;
	position:fixed;
	top:2%; left:2%;
}

#mk-lang {
	text-align:center;
	padding:20px;
}
#mk-lang a {display:inline-block; color:#333;}
#mk-lang a:hover {text-decoration:none;}
#mk-lang a:hover img {box-shadow:0 0 3px #999;}


#mk-lang img {
	display:inline-block;
	width:60px;
	padding:3px;
	border:1px solid #ccc;
	margin:0 15px 0 15px;
	background:#fff;
}
#mk-lang span {display:block;}

.cd-primary-nav {
    float: right;
    margin-right: 2%;
	width:44px;
    height: 100%;
    background-size: 44px 44px;
}

.cd-primary-nav img {max-width:58px; padding:2px; border:1px solid #ccc; margin-top:10px;}

.cd-primary-nav ul {
    position: absolute;
    top: 5px;
    left: 0;
    width: 100%;
    padding-top: 0px;
    -webkit-transform: translateY(-100%);
    -moz-transform: translateY(-100%);
    -ms-transform: translateY(-100%);
    -o-transform: translateY(-100%);
    transform: translateY(-100%);
}
.cd-primary-nav a {
    display: block;
    height: 50px;
    line-height: 50px;
    padding-left: 5%;
    background: #125163;
    border-top: 1px solid #051426;
    color: #f0eee1;
    font-size: 13px;
}
.cd-primary-nav ul li {margin: 0;}

.cd-primary-nav .cd-btn-log:hover {
    background-color: #215959;
    background: #215959;
    text-decoration: none;
}
.cd-primary-nav a:hover {
    text-decoration: underline;
}
.cd-primary-nav .cd-btn-log {
    display: inline-block;
    padding: 0.8em 1.8em;
    background-color: #125163;
    color: #fff;
    background: #125163;
    box-shadow: inset 0 0 0 1px #125163;
    margin-top: 1em;
    margin-left: 1em;
    border-radius: 20em;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
  
/* -------------------------------- 

Footer

-------------------------------- */

#footer {
    position: fixed;
    height: 40px;
	line-height:40px;
    display: block;
    width: 100%;
    background-color: rgba(0,0,0, 0.8);
    z-index: 9;
    text-align: center;
    color: #ccc;
    padding: 0px 0 0 0;
	bottom:0;
	font-size:11px;
}
#footer a {color:#ccc; font-size:11px; display:inline-block; margin:0 10px 0 10px;}


.mk-cert {text-align:center; position:absolute; bottom:60px; left:0; right:0; margin:auto;}