/*---------------------------------
	CSS COLORS AND FONTS MAIN SETUP
-----------------------------------*/
/*

   SKINS
   - Backgrounds
   - Colors
   - Border colors
   - font family, font size

*/
@import url(https://fonts.googleapis.com/css?family=Roboto+Slab|Open+Sans&subset=latin,latin-ext);

.whitetext{color:#ffffff;}
.whitetext a{color: #ffffff;text-decoration:none;}
.whitetext a:visited{color: #ffffff;text-decoration:none;}
.whitetext a:active{color: #ffffff;text-decoration:none;}
.whitetext a:hover{color: #ffffff;text-decoration:underline;}

.menucolor_bg{background-color: #5887ab;}
.menucolor_fr{color: #e6e6e6;}
a.menucolor_fr{color: #e6e6e6;text-decoration:none;}
a.menucolor_fr:visited{color: #e6e6e6;text-decoration:none;}
a.menucolor_fr:active{color: #e6e6e6;text-decoration:none;}
a.menucolor_fr:hover{color: #e6e6e6;text-decoration:underline;}

.menucolor_secondary_bg{background-color: #e6e6e6;}

.red_bg{background-color: #b82126;}
.red_fr{color: #b82126;}
a.red_fr{color: #b82126;text-decoration:none;}
a.red_fr:visited{color: #b82126;text-decoration:none;}
a.red_fr:active{color: #b82126;text-decoration:none;}
a.red_fr:hover{color: #b82126;text-decoration:underline;}

.red_fr2{color: #b82126;}
a.red_fr2{color: #b82126;text-decoration:none;}
a.red_fr2:visited{color: #b82126;text-decoration:none;}
a.red_fr2:active{color: #b82126;text-decoration:none;}
a.red_fr2:hover{color: #b82126;text-decoration:underline;}

.blue_bg{background-color: #005d92;}
.blue_fr{color: #005d92;}
a.blue_fr{color: #005d92;text-decoration:none;}
a.blue_fr:visited{color: #005d92;text-decoration:none;}
a.blue_fr:active{color: #005d92;text-decoration:none;}
a.blue_fr:hover{color: #005d92;text-decoration:underline;}

.blue_bg_alt{background-color: #566473;}
.blue_fr_alt{color: #566473;}
a.blue_fr_alt{color: #566473;text-decoration:none;}
a.blue_fr_alt:visited{color: #566473;text-decoration:none;}
a.blue_fr_alt:active{color: #566473;text-decoration:none;}
a.blue_fr_alt:hover{color: #566473;text-decoration:underline;}

.bodybg{background-color: #f1f1f1;}
.bodybg_alt{background-color: #dbdede;}

.szurke{background-color: #dbdede;}
.szurke_alt{background-color: #979b9f;}

.footer_bg{background-color: #e6e6e6;}
.footer_fr{color: #3e464e;}
button.footer_bg:hover{background-color: #3e464e;color:#ffffff;}

/* a,a:active,a:visited{} */
a:hover{color:#b82126;}
a:hover h1{color:#b82126;}
a:hover h2{color:#b82126;}
.whitebg{background-color: #ffffff;}

.textfont{font-family: 'Open Sans', sans-serif;font-size: 18px;line-height: 180%;color:rgb(74, 75, 88);font-weight: 400;}
.titlefont{font-family: 'Roboto Slab', serif;font-size:29px;font-weight: 400;color:#3e464e;line-height: 1.1;}
h1.titlefont{font-family: 'Roboto Slab', serif;font-size:29px;font-weight: 600;color: #6a6d70;line-height: 1.3;}
.teaser_font{font-weight: 600;font-size: 18px;line-height: 180%;font-family: 'Open Sans', sans-serif;color: #6a6d70;letter-spacing:normal;}

.subtitlefont{font-family: 'Roboto Slab', serif;font-size:24px;color:rgb(74, 75, 88);}
.boxfont{font-family: 'Open Sans', serif;font-size:16px;line-height:24px;font-weight: 500;color:rgb(74, 75, 88);}
.boxtitlefont{font-family: 'Roboto Slab', serif;font-size:25px;font-weight:bold;color:rgb(74, 75, 88);}
.otherfont{font-family: 'Roboto Slab', sans-serif;}

.cmk_szh{background-color:#b82126;}
.cmk_szh:hover{background-color:#687A8C;}
.cmk_kr{background-color:#177E9F;}
.cmk_kr:hover{background-color:#687A8C;}
.cmk_en{background-color:#545454;}
.cmk_en:hover{background-color:#cc0000;}
.cmk_li{background-color:#D24605;}
.cmk_li:hover{background-color:#ee3229;}
.cmk_bl{background-color:#566473;}
.cmk_bl:hover{background-color:#687A8C;}
.cmk_blli{background-color:#D24605;}
.cmk_blli:hover{background-color:#ee3229;}

/**/

.bodybg,
.bodybg_alt {
  background-color: #fff;
}

.footer_bg {
	background-color: #5884ab;
}

.cmk_ho{background-color:#ff9400;}
.cmk_ho:hover{background-color:#ff9400;}


.orange_bg{background-color: #ff9400;}
.orange_fr{color: #ff9400;}
a.orange_fr{color: #ff9400;text-decoration:none;}
a.orange_fr:visited{color: #ff9400;text-decoration:none;}
a.orange_fr:active{color: #ff9400;text-decoration:none;}
a.orange_fr:hover{color: #ff9400;text-decoration:underline;}

a:hover{color:#ff9400;}
a:hover h1{color:#ff9400;}
a:hover h2{color:#ff9400;}

.white_bg{background-color: #ff9400;}
.white_fr{color: #ff9400;}
a.white_fr{color: #ff9400;text-decoration:none;}
a.white_fr:visited{color: #ff9400;text-decoration:none;}
a.white_fr:active{color: #ff9400;text-decoration:none;}
a.white_fr:hover{color: #ff9400;text-decoration:underline;}

.float-left {
  float: left !important;
}
.float-right {
  float: right !important;
}

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

.text-transform-none {
  text-transform: none !important;
}

.m-0 {
  margin: 0 !important;
}

.mt-0,
.my-0 {
  margin-top: 0 !important;
}

.mr-0,
.mx-0 {
  margin-right: 0 !important;
}

.mb-0,
.my-0 {
  margin-bottom: 0 !important;
}

.ml-0,
.mx-0 {
  margin-left: 0 !important;
}

.m-1 {
  margin: 0.25rem !important;
}

.mt-1,
.my-1 {
  margin-top: 0.25rem !important;
}

.mr-1,
.mx-1 {
  margin-right: 0.25rem !important;
}

.mb-1,
.my-1 {
  margin-bottom: 0.25rem !important;
}

.ml-1,
.mx-1 {
  margin-left: 0.25rem !important;
}

.m-2 {
  margin: 0.5rem !important;
}

.mt-2,
.my-2 {
  margin-top: 0.5rem !important;
}

.mr-2,
.mx-2 {
  margin-right: 0.5rem !important;
}

.mb-2,
.my-2 {
  margin-bottom: 0.5rem !important;
}

.ml-2,
.mx-2 {
  margin-left: 0.5rem !important;
}

.m-3 {
  margin: 1rem !important;
}

.mt-3,
.my-3 {
  margin-top: 1rem !important;
}

.mr-3,
.mx-3 {
  margin-right: 1rem !important;
}

.mb-3,
.my-3 {
  margin-bottom: 1rem !important;
}

.ml-3,
.mx-3 {
  margin-left: 1rem !important;
}

.m-4 {
  margin: 1.5rem !important;
}

.mt-4,
.my-4 {
  margin-top: 1.5rem !important;
}

.mr-4,
.mx-4 {
  margin-right: 1.5rem !important;
}

.mb-4,
.my-4 {
  margin-bottom: 1.5rem !important;
}

.ml-4,
.mx-4 {
  margin-left: 1.5rem !important;
}

.m-5 {
  margin: 3rem !important;
}

.mt-5,
.my-5 {
  margin-top: 3rem !important;
}

.mr-5,
.mx-5 {
  margin-right: 3rem !important;
}

.mb-5,
.my-5 {
  margin-bottom: 3rem !important;
}

.ml-5,
.mx-5 {
  margin-left: 3rem !important;
}

.p-0 {
  padding: 0 !important;
}

.pt-0,
.py-0 {
  padding-top: 0 !important;
}

.pr-0,
.px-0 {
  padding-right: 0 !important;
}

.pb-0,
.py-0 {
  padding-bottom: 0 !important;
}

.pl-0,
.px-0 {
  padding-left: 0 !important;
}

.p-1 {
  padding: 0.25rem !important;
}

.pt-1,
.py-1 {
  padding-top: 0.25rem !important;
}

.pr-1,
.px-1 {
  padding-right: 0.25rem !important;
}

.pb-1,
.py-1 {
  padding-bottom: 0.25rem !important;
}

.pl-1,
.px-1 {
  padding-left: 0.25rem !important;
}

.p-2 {
  padding: 0.5rem !important;
}

.pt-2,
.py-2 {
  padding-top: 0.5rem !important;
}

.pr-2,
.px-2 {
  padding-right: 0.5rem !important;
}

.pb-2,
.py-2 {
  padding-bottom: 0.5rem !important;
}

.pl-2,
.px-2 {
  padding-left: 0.5rem !important;
}

.p-3 {
  padding: 1rem !important;
}

.pt-3,
.py-3 {
  padding-top: 1rem !important;
}

.pr-3,
.px-3 {
  padding-right: 1rem !important;
}

.pb-3,
.py-3 {
  padding-bottom: 1rem !important;
}

.pl-3,
.px-3 {
  padding-left: 1rem !important;
}

.p-4 {
  padding: 1.5rem !important;
}

.pt-4,
.py-4 {
  padding-top: 1.5rem !important;
}

.pr-4,
.px-4 {
  padding-right: 1.5rem !important;
}

.pb-4,
.py-4 {
  padding-bottom: 1.5rem !important;
}

.pl-4,
.px-4 {
  padding-left: 1.5rem !important;
}

.p-5 {
  padding: 3rem !important;
}

.pt-5,
.py-5 {
  padding-top: 3rem !important;
}

.pr-5,
.px-5 {
  padding-right: 3rem !important;
}

.pb-5,
.py-5 {
  padding-bottom: 3rem !important;
}

.pl-5,
.px-5 {
  padding-left: 3rem !important;
}

.m-n1 {
  margin: -0.25rem !important;
}

.mt-n1,
.my-n1 {
  margin-top: -0.25rem !important;
}

.mr-n1,
.mx-n1 {
  margin-right: -0.25rem !important;
}

.mb-n1,
.my-n1 {
  margin-bottom: -0.25rem !important;
}

.ml-n1,
.mx-n1 {
  margin-left: -0.25rem !important;
}

.m-n2 {
  margin: -0.5rem !important;
}

.mt-n2,
.my-n2 {
  margin-top: -0.5rem !important;
}

.mr-n2,
.mx-n2 {
  margin-right: -0.5rem !important;
}

.mb-n2,
.my-n2 {
  margin-bottom: -0.5rem !important;
}

.ml-n2,
.mx-n2 {
  margin-left: -0.5rem !important;
}

.m-n3 {
  margin: -1rem !important;
}

.mt-n3,
.my-n3 {
  margin-top: -1rem !important;
}

.mr-n3,
.mx-n3 {
  margin-right: -1rem !important;
}

.mb-n3,
.my-n3 {
  margin-bottom: -1rem !important;
}

.ml-n3,
.mx-n3 {
  margin-left: -1rem !important;
}

.m-n4 {
  margin: -1.5rem !important;
}

.mt-n4,
.my-n4 {
  margin-top: -1.5rem !important;
}

.mr-n4,
.mx-n4 {
  margin-right: -1.5rem !important;
}

.mb-n4,
.my-n4 {
  margin-bottom: -1.5rem !important;
}

.ml-n4,
.mx-n4 {
  margin-left: -1.5rem !important;
}

.m-n5 {
  margin: -3rem !important;
}

.mt-n5,
.my-n5 {
  margin-top: -3rem !important;
}

.mr-n5,
.mx-n5 {
  margin-right: -3rem !important;
}

.mb-n5,
.my-n5 {
  margin-bottom: -3rem !important;
}

.ml-n5,
.mx-n5 {
  margin-left: -3rem !important;
}

.imgprt,
.pswp__img {
  pointer-events: none !important;
}

.media img {
  max-width: 100%;
  max-height: 50vh;
  display: block;
  margin-left: auto;
  margin-right: auto;
}