/*
Theme Name: AM2 Studio
Theme URI: http://www.am2studio.com/
Description: KU Gama Zagreb website
Author: AM2 Studio
Version: 1.0
Tags: grey, modern, zagreb, gama
*/




/*
  1. Use a more-intuitive box-sizing model.
*/
*, *::before, *::after {
	box-sizing: border-box;
  }
  /*
	2. Remove default margin
  */
  * {
	margin: 0;
  }
  /*
	Typographic tweaks!
	3. Add accessible line-height
	4. Improve text rendering
  */

  body {
	line-height: 1.5;
	-webkit-font-smoothing: antialiased;
  }
  /*
	5. Improve media defaults
  */
  img, picture, video, canvas, svg {
	display: block;
	max-width: 100%;
  }
  /*
	6. Remove built-in form typography styles
  */
  input, button, textarea, select {
	font: inherit;
  }
  /*
	7. Avoid text overflows
  */
  p, h1, h2, h3, h4, h5, h6 {
	overflow-wrap: break-word;
  }
  /*
	8. Create a root stacking context
  */
  #root, #__next {
	isolation: isolate;
  }





/*===== AM2 CUSTOM GRID =====*/
.wrapper {
    width: 960px;
    /*max-width: 960px;*/
    margin: 0 auto;
}
/*
.container {
    width: 97.9166666667%;
    padding: 0px 1.042%;
}
*/
.container {
    width: 100%;
    padding: 0;
}

.kolona1 {
    width: 100%;
}

.kolona12 {
    width: 48.404%;
    margin-right: 3.191%;
}

.kolona12:nth-of-type(2n) {
    margin-right: 0px;
}

.kolona14 {
    width: 22.607%;
    margin-right: 3.191%;
}

.kolona14:nth-of-type(4n) {
    margin-right: 0px;
}

.kolona13 {
    width: 31.206%;
    margin-right: 3.191%;
}

.kolona13:nth-of-type(3n) {
    margin-right: 0px;
}

.kolona23 {
    width: 65.603%;
    margin-right: 3.191%;
}

.kolona15 {
    width: 17.447%;
    margin-right: 3.191%;
}

.kolona15:nth-of-type(5n) {
    margin-right: 0px;
}

.kolona45 {
    width: 79.362%;
    margin-right: 3.191%;
}

.kolona25 {
    width: 38.085%;
    margin-right: 3.191%;
}

.kolona35 {
    width: 58.723%;
    margin-right: 3.191%;
}

.kolona34 {
    width: 74.202%;
    margin-right: 3.191%;
}

.kolona12 .kolona12 {
    width: 46.703%;
    margin-right: 6.593%;
}

.kolona12 .kolona12:nth-of-type(2n) {
    margin-right: 0px;
}

.kolona12 .kolona13 {
    width: 28.938%;
    margin-right: 6.593%;
}

.kolona12 .kolona13:nth-of-type(3n) {
    margin-right: 0px;
}

.kolona14 .kolona12 {
    width: 42.941%;
    margin-right: 14.117%;
}

.kolona14 .kolona12:nth-of-type(2n) {
    margin-right: 0px;
}

.kolona34 .kolona12 {
    width: 47.849%;
    margin-right: 4.301%;
}

.kolona34 .kolona12:nth-of-type(2n) {
    margin-right: 0px;
}

.no_margin {
    margin-right: 0px;
    margin-left: 0px;
}

.floatfix {
    clear: both;
}

.spacer {
    height: 30px;
    width: 100%;
    position: relative;
    float: left;
}

.left {
    position: relative;
    float: left;
}

.right {
    position: relative;
    float: right;
}

#currency-data:after,
#other-boxes .container:after,
#bank-info-box:after,
#menu-header-menu:after,
header .container:after,
footer .container:after,
.wrapper:after,
#pag-link-box:after {
    content: " ";
    display: block;
    height: 0;
    clear: both;
}

.kolona1, .kolona12, .kolona13, .kolona14, .kolona15, .kolona34, .kolona23, .kolona45, .kolona25, .kolona35 {
    position: relative;
    float: left;
}

.kolona23{
	float: right!important;
}
/*===== /AM2 CUSTOM GRID =====*/
/*=====  FONT FAMILIES =====*/
@font-face {
    font-family: 'GothamNarrow-Black';
    src: url('fonts/GothamNarrow-Black.eot');
    src: url('fonts/GothamNarrow-Black.eot?#iefix') format('embedded-opentype'),
   		 url('fonts/GothamNarrow-Black.svg#GothamNarrow-Black') format('svg'),
         url('fonts/GothamNarrow-Black.woff') format('woff'),
         url('fonts/GothamNarrow-Black.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'GothamNarrow-Bold';
    src: url('fonts/GothamNarrow-Bold.eot');
    src: url('fonts/GothamNarrow-Bold.eot?#iefix') format('embedded-opentype'),
   		 url('fonts/GothamNarrow-Bold.svg#GothamNarrow-Bold') format('svg'),
         url('fonts/GothamNarrow-Bold.woff') format('woff'),
         url('fonts/GothamNarrow-Bold.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'GothamNarrow-Book';
    src: url('fonts/GothamNarrow-Book.eot');
    src: url('fonts/GothamNarrow-Book.eot?#iefix') format('embedded-opentype'),
   		 url('fonts/GothamNarrow-Book.svg#GothamNarrow-Book') format('svg'),
         url('fonts/GothamNarrow-Book.woff') format('woff'),
         url('fonts/GothamNarrow-Book.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'GothamNarrow-Book-Italic';
    src: url('fonts/GothamNarrow-Book-Italic.eot');
    src: url('fonts/GothamNarrow-Book-Italic.eot?#iefix') format('embedded-opentype'),
   		 url('fonts/GothamNarrow-Book-Italic.svg#GothamNarrow-Book-Italic') format('svg'),
         url('fonts/GothamNarrow-Book-Italic.woff') format('woff'),
         url('fonts/GothamNarrow-Book-Italic.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'GothamNarrow-Light';
    src: url('fonts/GothamNarrow-Light.eot');
    src: url('fonts/GothamNarrow-Light.eot?#iefix') format('embedded-opentype'),
   		 url('fonts/GothamNarrow-Light.svg#GothamNarrow-Light') format('svg'),
         url('fonts/GothamNarrow-Light.woff') format('woff'),
         url('fonts/GothamNarrow-Light.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'GothamNarrow-Medium';
    src: url('fonts/GothamNarrow-Medium.eot');
    src: url('fonts/GothamNarrow-Medium.eot?#iefix') format('embedded-opentype'),
   		 url('fonts/GothamNarrow-Medium.svg#GothamNarrow-Medium') format('svg'),
         url('fonts/GothamNarrow-Medium.woff') format('woff'),
         url('fonts/GothamNarrow-Medium.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'GothamNarrow-Thin';
    src: url('fonts/GothamNarrow-Thin.eot');
    src: url('fonts/GothamNarrow-Thin.eot?#iefix') format('embedded-opentype'),
   		 url('fonts/GothamNarrow-Thin.svg#GothamNarrow-Thin') format('svg'),
         url('fonts/GothamNarrow-Thin.woff') format('woff'),
         url('fonts/GothamNarrow-Thin.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Gotham-Light';
    src: url('fonts/Gotham-Light.eot');
    src: url('fonts/Gotham-Light.eot?#iefix') format('embedded-opentype'),
   		 url('fonts/Gotham-Light.svg#Gotham-Light') format('svg'),
         url('fonts/Gotham-Light.woff') format('woff'),
         url('fonts/Gotham-Light.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
	font-family: "Flaticon";
	src: url("fonts/flaticon.eot");
	src: url("fonts/flaticon.eot#iefix") format("embedded-opentype"),
	url("fonts/flaticon.woff") format("woff"),
	url("fonts/flaticon.ttf") format("truetype"),
	url("fonts/flaticon.svg") format("svg");
	font-weight: normal;
	font-style: normal;
}
[class^="flaticon-"]:before, [class*=" flaticon-"]:before,
[class^="flaticon-"]:after, [class*=" flaticon-"]:after {   
	font-family: Flaticon;
    font-size: 30px;
	font-style: normal;
}
.flaticon-doc:before {
	content: "\e000";
	color: #59c2ff;
}
.flaticon-docx:before {
	content: "\e001";
	color: #2e8fc7;
}
.flaticon-gif:before {
	content: "\e002";
}
.flaticon-jpg:before {
	content: "\e003";
	color: #48A329;
}
.flaticon-pdf:before {
	content: "\e004";
	color: #ff004e;
}
.flaticon-png:before {
	content: "\e005";
	color: #61A083;
}
.flaticon-ppt:before {
	content: "\e006";
	color: #ff7800;
}
.flaticon-rar:before {
	content: "\e007";
	color: #B63333;
}
.flaticon-txt:before {
	content: "\e008";
	color: #716363;
}
.flaticon-zip:before {
	content: "\e009";
	color: #9D48A6;
}

.flaticon-NA {
	display: inline-block;
	width: 27px;
	margin-left: 3px;
}
/*===== /FONT FAMILIES =====*/

html {
	height: 100%;
}

body {
	font-family: 'GothamNarrow-Book', verdana;
	font-size: 16px;
	color: #383838;
	height: 100%;
	overflow-x: hidden;
}

h1,
b,strong {
	font-family: 'GothamNarrow-Bold', verdana;
}

em, i {
	font-family: 'GothamNarrow-Book-Italic', verdana;
}

h1 {
	font-size: 27px;
}

h2 {
	font-size: 23px;
}

h3 {
	font-size: 18px;
}

h4 {
	font-size: 15px;
}

#become-member-box img,
#header-nav a,
.read-more,
#sidebar ul li a,
ul.tabovi li a,
.flex_prev a,
.flex_next a,
.flexi-document a,
#page-404 a,
input[type="submit"],
#pag-link-box .pag-link a {
	-webkit-transition: all 0.3s cubic-bezier(0.250, 0.460, 0.450, 0.940); 
	-moz-transition: all 0.3s cubic-bezier(0.250, 0.460, 0.450, 0.940); 
	-o-transition: all 0.3s cubic-bezier(0.250, 0.460, 0.450, 0.940); 
	transition: all 0.3s cubic-bezier(0.250, 0.460, 0.450, 0.940);
}

#flexi-wrapper ul li,
#inputs-box input,
.wpcf7-form input,
.wpcf7-form textarea {
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
}
/*===== HEADER =====*/
#header-nav li,
header .il {
	float: left;
}

#header-nav,
header .il.ci,
footer .il {
	float: right;
}

footer .il.mi,
header .il.mi {
	margin-left: 15px;
}

#header-upper {
	padding: 9px 0;
}



#header-bottom {
    padding: 18px 0 12px 0;
    background: #ececec;
}

#header-bottom.frontpage {
	padding: 18px 0 30px 0;
	background: #ececec;
}

#logo,
#logo * {
	display: inline-block;
}

#header-nav li {
	margin-left: 10px;
}

#header-nav li:first-child {
	margin-left: 0;
}

#header-nav {
	margin-top: 10px;
}

#header-nav a {
	display: block;
	color: #3d3d3d;
	padding: 10px 15px;
	border-radius: 3px;
}

.current-page-ancestor a,
.current-menu-item a,
#header-nav a:hover {
	background: #fdaf19;
}
/*===== /HEADER =====*/

.feat_img_news{width:100%; height:auto; margin-bottom:14px}

/*===== INDEX =====*/
#slider-box {
	position: relative;
	top: -20px;
	padding-bottom: 19px;
	background: url('images/shadow-slider.png') no-repeat center bottom;
}

#slider {
	position: relative;
}

#slider-box img.dummy {
	width: 100%;
	display: block;
	height: auto;
}

#slider ul,
#slider ul li {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	margin: auto;
}

#slider a {
	display: block;
}

#slider img {
	display: block;
	width: 100%;
	height: 100%;
}

.slide-text-wrapper {
	position: absolute;
	top: 0;
	left: 0;
	display: table;
	width: 100%;
	height: 100%;
}

.slide-text-box {
	display: table-cell;
	vertical-align: middle;
	text-align: right;
}

.slide-text {
	display: inline-block;
	padding: 15px 35px;
	background: #000000;
	background: rgba(0,0,0,0.77);
}

.slide-text h2 {
	font-size: 33px;
	font-family: 'GothamNarrow-Bold', verdana;
	color: #fdaf19;
}

.slide-text span {
	font-size: 14px;
	font-family: 'GothamNarrow-Light', verdana;
	color: #dbdbdb;
	display: inline-block;
	text-transform: uppercase;
	margin-top: 3px;
}

.slider-controls {
	position: absolute;
	top: 0;
	bottom: 0;
	width: 13px;
	height: 30px;
	margin: auto;
	padding: 5px;
	cursor: pointer;
	z-index: 5;
	border-radius: 2px;
}

#slider-prev {
	left: -45px;
	background: #ffffff url('images/sprite.png') no-repeat 0px -100px;
}

#slider-next {
	right: -45px;
	background: #ffffff url('images/sprite.png') no-repeat 0px -163px;
}

#bank-info-box {
	padding-bottom: 4.8%;
}

.box-13 h2 {
	margin-bottom: 15px;
}

.single-news-box h3,
.box-13 h3 {
	font-size: 19px;
	color: #141414;
}

.single-news-box span,
.news-date {
	font-family: 'GothamNarrow-Book-Italic', verdana;
	font-size: 14px;
	color: #929292;
	display: block;
	margin-top: 3px;
	padding-bottom: 15px;
}

.box-13 img {
	display: block;
	width: 100%;
	margin-bottom: 25px;
}

.single-news-box p,
.box-13 p {
	font-size: 14px;
	line-height: 20px;
	margin: 5px 0 15px;
}

input[type="submit"],
.read-more {
	display: inline-block;
	background: #ffb718;
	color: #0c0c0c;
	font-family: 'Gotham-Light', verdana;
	font-size: 14px;
	padding: 8px 9px;
}

input[type="submit"]:hover,
.read-more:hover {
	color: #ffb718;
	background: #0c0c0c;
}

#become-member-box {
	padding-bottom: 40px;
	border-top: 1px solid #d9d9d9;
	border-bottom: 2px solid #d9d9d9;
	background: url('images/pattern-grey.png') repeat top left;
}

#become-member-box a,
#become-member-box img {
	display: block;
	width: 100%;
}

#become-member-box img {
	border-bottom: 7px solid #ffffff;
	box-shadow: 0 3px 4px 1px rgb(168, 168, 168);
	-moz-box-shadow: 0 3px 4px 1px rgb(168, 168, 168);
	-webkit-box-shadow: 0 3px 4px 1px rgb(168, 168, 168);
}

#become-member-box .kolona14:hover img {
	border-bottom: 7px solid #ffb718;
}

#become-member-box h3,
#become-member-box h4 {
	color: #303030;
	text-transform: uppercase;
}

#become-member-box h3 {
	padding: 25px 0;
}

#become-member-box h4 {
	text-align: center;
	padding-top: 15px;
}

#become-member-box .kolona14 {
	margin-right: 2%;
	width: 23.5%;
}

#become-member-box .kolona14:nth-child(5){
	margin-right: 0;
}

#other-boxes {
	padding: 1.84% 0 1.84%;
}

#calculator-box {
	position: relative;
	padding-bottom: 10px;
	background: url('images/shadow-calculator.png') no-repeat center bottom;
}

#inputs-box {
	padding: 5%;
	background: #e6e6e6;
	border-bottom: 1px solid #ababab;
}

.ib {
	position: relative;
}

.ib span {
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	font-size: 14px;
	color: #515151;
	line-height: 34px;
	z-index: 2;
	padding-left: 10px;
	cursor: default;
}

#inputs-box input {
	display: block;
	border: none;
	padding: 10px 10px 10px 45px;
	height: 34px;
	line-height: 14px;
	font-size: 14px;
	color: #515151;
	width: 100%;
	margin-bottom: 10px;
}

#calculator-box p {
	margin: 0;
	padding-top: 5px;
	font-size: 12px;
}

#currency-box {
	padding: 5%;
	background: rgb(214,214,214);
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2Q2ZDZkNiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNlY2VjZWMiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-linear-gradient(top,  rgba(214,214,214,1) 0%, rgba(236,236,236,1) 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(214,214,214,1)), color-stop(100%,rgba(236,236,236,1)));
	background: -webkit-linear-gradient(top,  rgba(214,214,214,1) 0%,rgba(236,236,236,1) 100%);
	background: -o-linear-gradient(top,  rgba(214,214,214,1) 0%,rgba(236,236,236,1) 100%);
	background: -ms-linear-gradient(top,  rgba(214,214,214,1) 0%,rgba(236,236,236,1) 100%);
	background: linear-gradient(to bottom,  rgba(214,214,214,1) 0%,rgba(236,236,236,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d6d6d6', endColorstr='#ececec',GradientType=0 );
}

#currency-box h3 {
	padding: 5px 0 20px;
	color: #141414;
}

#currency-box h4 {
	color: #242424;
}

#currency-data {
	padding-bottom: 22px;
	border-bottom: 1px solid #bdbdbd;
}

#currency-data .kolona13 span {
	display: block;
}

#currency-data .kolona13 * {
	height: 24px;
	line-height: 24px;
}
/*===== /INDEX =====*/

#news-list{}
/*===== FLEXI =====*/
#flex-content{}
.page-wrapper p,
#flexi-wrapper p {
	font-size: 14px;
	color: #636363;
}

.page-wrapper ul,
#flexi-wrapper ul {
	margin-left: 8%;
}

.page-wrapper ul li,
#flexi-wrapper ul li {
	padding: 10px 0 10px 14px;
	display: inline-block;
	width: 100%;
	position: relative;
}

#flex-content h3 {
	padding: 5px 10px;
	background: #ffb718;
	display: inline-block;
}

#flex-content ul li {
	padding-bottom: 0;
}

#flex-content ul li:after {
	bottom: 0;
}

#flexi-wrapper #bank-info-box {
	margin-bottom: 7%;
}

#flexi-wrapper #bank-info-box .kolona1 {
	margin-top: 8%;
}

#flexi-wrapper #bank-info-box .kolona1:first-child {
	margin-top: 0;
}
/*===== /FLEXI =====*/


/*===== SIDEBAR =====*/
#sidebar {
	margin-bottom: 7%;
}

#sidebar-services {
	margin-bottom: 10%;
}

#sidebar ul {
	margin: 0;
}

#sidebar ul li {
	border-bottom: 1px solid #e6e6e6;
	padding-left: 4px;
}

#sidebar ul li a {
	font-size: 18px;
	color: #141414;
	display: block;
	padding-left: 10px;
    background: linear-gradient(to left, transparent 50%, #ffb718 50%);
    background-size: 200% 100%;
    background-position: right bottom;
}

#sidebar li.current-menu-item a,
#sidebar ul li a:hover {
	background-position: left bottom;
}
/*===== /SIDEBAR =====*/


/*===== 404 =====*/
#page-404 {
	text-align: center;
}

#page-404 h1 {
	font-size: 38px;
	margin: 14% 0;
	line-height: normal;
}

#page-404 a {
	display: inline-block;
	color: #303030;
	padding: 5px 10px;
	border-bottom: 2px solid transparent;
}

#page-404 a:hover {
	color: #ffb718;
	border-bottom: 2px solid #ffb718;
}
/*===== /404 =====*/


/*===== NEWS =====*/
.single-news-box {
	display: table;
	width: 100%;
}

.single-news-data,
.single-news-box img {
	vertical-align: top;
	display: table-cell;
}

.single-news-data {
	display: table-cell;
	width: 68.7%;
	padding-left: 2.5%;
}

#news-wrapper .single-news-box {
	margin-bottom: 20px;
  margin-top: 20px;
  padding-bottom: 20px;
  border-bottom: 1px solid #DADADA
}

#news-wrapper .single-news-box:first-child {
	border-top: none;
}

#pag-link-box {
	margin-top: 20px;
}

#pag-link-box .pag-link a {
	padding: 8px 15px;
	color: #ffb718;
	background: #0c0c0c;
	display: block;
}

#pag-link-box .pag-link a:hover {
	background: #ffb718;
	color: #0c0c0c;
}

#pag-link-box #prev {
	float: right;
}

#pag-link-box #next {
	float: left;
}

#single-content h1 {
	padding-bottom: 36px;
}
/*===== /NEWS =====*/


/*===== FOOTER =====*/
footer {
	
}

#fm-heading {
	background: #eeeeee;
	-webkit-box-shadow: 0 11px 18px -2px rgba(0, 0, 0, 0.09);
	-moz-box-shadow: 0 11px 18px -2px rgba(0, 0, 0, 0.09);
	box-shadow: 0 11px 18px -2px rgba(0, 0, 0, 0.09);
	position: relative;
	z-index: 2;
	border-bottom: 1px solid #b9b9b9;
}

#fm-heading h3,
#fm-heading span {
	height: 42px;
	line-height: 42px;
}

#fm-heading h3 {
	color: #141414;
	float: left;
	padding-left: 22px;
	background: url('images/sprite.png') no-repeat 0px -213px;
}

#fm-heading span {
	float: right;
	font-size: 14px;
	color: #4d4d4d;
}

#footer-bottom {
	padding: 20px 0;
}

#footer-bottom span {
	display: inline-block;
}

#fm {
	height: 274px;
	border-bottom: 1px solid #ffffff;
}

.gm-style div:nth-child(9){
	display: none;
}
/*===== /FOOTER =====*/


/*===== GLOBALS =====*/
.gl {
	background: #272727;
}

.il {
	padding-left: 25px;
	background-image: url('images/sprite.png');
	background-repeat: no-repeat;
	height: 18px;
	line-height: 18px;
	color: #cccccc;
	font-size: 12px;
}

.il a {
	color: inherit;
}

.il.pi {
	background-position: 0px 0px;
}

.il.mi {
	background-position: 0px -26px;
}

.il.ci {
	background-position: 0px -52px;
}

.hb {
	color: #303030;
	padding-bottom: 9px;
	border-bottom: 7px solid #e6e6e6;
	text-transform: uppercase;
}

.nm {
	margin: 0;margin-bottom:40px
}

/*.af-icon,
.af-name {
	display: inline-block;
	vertical-align: bottom;
}*/

.af-icon, .af-name {
    display: block;
    vertical-align: top;
    position: relative;
    float: left;
}

.af-icon{
	width: 40px;
}

.af-name{
	width: calc(100% - 40px);
}
.flexi-document{
	float: left;
	margin: 0 20px 15px 0!important;
}


.af-name strong {
	color: #6e6e6e;
}

.pt-23 {
	padding-top: 2.3%;
}

.page-wrapper ul li:after {
	display: block;
	content: ' ';
	position: absolute;
	top: 10px;
	bottom: 10px;
	left: 0;
	width: 4px;
	background: #ffb718;
	height: auto;
}

img {
	display: block;
	width: 100%;
	height: auto;
}

.page-wrapper {
	line-height: 22px;
}

.page-wrapper .hb {
	margin-bottom: 10px;
	text-transform: uppercase;
}

.alignnone {
    margin: 5px 20px 20px 0;
}

.aligncenter,
div.aligncenter {
    display: block;
    margin: 5px auto 5px auto;
}

.alignright {
    float:right;
    margin: 5px 0 20px 20px;
}

.alignleft {
    float: left;
    margin: 5px 20px 20px 0;
}

a img.alignright {
    float: right;
    margin: 5px 0 20px 20px;
}

a img.alignnone {
    margin: 5px 20px 20px 0;
}

a img.alignleft {
    float: left;
    margin: 5px 20px 20px 0;
}

a img.aligncenter {
    display: block;
    margin-left: auto;
    margin-right: auto
}

.wp-caption {
    background: #fff;
    border: 1px solid #f0f0f0;
    max-width: 96%;
    padding: 5px 3px 10px;
    text-align: center;
}

.wp-caption.alignnone {
    margin: 5px 20px 20px 0;
}

.wp-caption.alignleft {
    margin: 5px 20px 20px 0;
}

.wp-caption.alignright {
    margin: 5px 0 20px 20px;
}

.wp-caption img {
    border: 0 none;
    height: auto;
    margin: 0;
    max-width: 98.5%;
    padding: 0;
    width: auto;
}

.wp-caption p.wp-caption-text {
    font-size: 11px;
    line-height: 17px;
    margin: 0;
    padding: 0 4px 5px;
}
/*===== /GLOBALS =====*/


/*===== KONTAKT FORMA =====*/
.wpcf7-form {
	padding-top: 19px;
	width: 65%;
}

.wpcf7-form input {
	padding: 8px;
	height: 38px;
	line-height: 22px;
	border: 1px solid #cccccc;
	width: 100%;
}

.wpcf7-form p {
	margin: 0 0 20px;
}

span.wpcf7-form-control-wrap {
	display: block;
}

.wpcf7-form textarea {
	border: 1px solid #cccccc;
	padding: 5px;
	width: 100%;
	max-width: 100%;
	font-family: inherit;
	color: inherit;
	font-size: 14px;
}

div.wpcf7 img.ajax-loader {
	width: auto;
}

input[type="submit"] {
	border: none;
	padding: 8px 15px;
	cursor: pointer;
}

img.ajax-loader {
	margin: 10px auto!important;
}

span.wpcf7-not-valid-tip {
	font-size: 14px!important;
}

div.wpcf7-response-output {
	margin: 0!important;
	text-align: center;
}
/*===== /KONTAKT FORMA =====*/

table {
	width:100%;
    background: white;
    margin-bottom: 1.25rem;
    border: solid 1px #dddddd; }
table caption {
    background: transparent;
    color: #222222;
    font-size: 1rem;
    font-weight: bold; }
table thead {
    background: whitesmoke; }
		
table thead tr th,
table thead tr td {
    padding: 0.5rem 0.625rem 0.625rem;
    font-size: 0.875rem;
    font-weight: bold;
    color: #222222; }
table tfoot {
    background: whitesmoke; }
table tfoot tr th,
table tfoot tr td {
    padding: 0.5rem 0.625rem 0.625rem;
    font-size: 0.875rem;
    font-weight: bold;
    color: #222222; }
table tr th,
table tr td {
    padding: 0.5625rem 0.625rem;
    font-size: 0.875rem;
    color: #222222;
    text-align: left; }
table tr.even, table tr.alt, table tr:nth-of-type(even) {
    background: #f9f9f9; }
table thead tr th,
table tfoot tr th,
table tfoot tr td,
table tbody tr th,
table tbody tr td,
table tr td {
    display: table-cell;
    line-height: 1.125rem; }

















	#f_mob_clear{
		display: none;
	}










/* 2023 */

@media (min-width: 980px){
	.wrapper {
		max-width: 920px;
	}
}

@media (max-width: 979px){

	body{
		overflow-x: hidden;
	}

	#main-wrapper{
		overflow: hidden;
	}

	.container {
		width: 100%;
		padding: 0;
	}

	.wrapper {
		max-width: 100%;
	}

	#slider-box img.dummy {
		width: 100%;
		display: block;
		height: auto;
		max-width: 100%;
	}

	#slider-box img.dummy {
		width: 100%;
		display: block;
		height: 50vh!important;
	}

	#slider img {

		object-fit: cover!important;
		height: 100% !important;
		min-height: 100% !important;
	}

	#slider a {
		display: block;
		position: relative;
		float: left;
		width: 100%;
		height: 100% !important;
		min-height: 100% !important;
	}


	.pt-23 {
		padding-top: 20px;
	}

	/*#slider img {

		
		display: block;
		width: auto;
		height: 50vh;
		max-width: fit-content;
		margin: 0 auto;


		display: block;
		width: auto;
		height: 50vh;
		margin: 0 auto;
	}

	#slider a {
		width: 100%;
		display: block;
		height: 50vh;
		overflow: hidden;
	}

	#slider ul, #slider ul li {
		position: absolute;
		top: 0;
		left: -25vw;
		right: 0;
		bottom: 0;
		margin: auto;
	}*/


	#slider {
		position: relative;
		box-sizing: content-box;
	}



	#header-upper {
		padding: 5px 5px;
	}


	#header-bottom {
		padding: 14px 0 0 0;
	}
	
	#header-bottom.frontpage {
		padding: 14px 0 0 0;
	}

	#slider-box {
		top: 0;
		padding-bottom: 19px;
		margin-bottom: 15px;
	}

	/*header .il.ci{
		float: left;
		margin-top: 5px;
	}*/

	/* kolone */

	.kolona13 {
		width: 100%;
		margin-right: 0;
		padding: 0 20px;
		margin-bottom: 40px;
	}

	.kolona12 {
		width: 100%;
		margin-right: 0;
		padding: 0 20px;
		margin-bottom: 40px;
	}

	.kolona23 {
		width: 100%;
		padding: 0 20px;
	}

	#become-member-box .kolona14 {
		margin-right: 0;
		width: 50%;
		padding: 0px 15px 20px 15px;
	}
	#become-member-box h3{
		text-align: center;
	}
	#become-member-box {
		padding-bottom: 5px;
		margin-bottom: 30px;
	}

	/* slider */


	#slider-next {
		right: 5px;
		background: transparent url('images/sprite.png') no-repeat 0px -163px;
		filter: brightness(0) invert(1);
	}

	#slider-prev {
		left: 5px;
		background: transparent url('images/sprite.png') no-repeat 0px -100px;
		filter: brightness(0) invert(1);
	}


	.slide-text h2 {
		font-size: 24px;
	}

	.slide-text-box {
		display: table-cell;
		vertical-align: bottom;
		text-align: right;
	}

	/* nav */
	#header-nav{
		display: none;
	}	
	#logo{
		display: inline-block;
		padding: 5px 15px 10px 15px;
	}



	#fm-heading span {
		float: left;
		font-size: 14px;
		color: #4d4d4d;
		padding-left: 20px;
	}


	#fm-heading h3 {
		padding-left: 40px;
    	background: url(images/sprite.png) no-repeat 20px -214px;
		font-size: 13px;
	}
	
	#f_mob_clear{
		display: block;
		height: 20px;
		width: 100%;
		clear: both;
	}
	

	footer .il {
		float: left;
	}

	footer .il.mi {
		margin-left: 15px;
		margin-right: 15px;
	}


	#footer-bottom span {
		display: inline;
	}
	#footer-bottom span#fl{
		margin-left: 15px;
		display: inline-block;
	}

}






#mobinfo{display: none;}





/* Nav menu */

.mobmenu .menu{
    padding: 80px 2rem 2rem 2rem;
    position: relative;
    float: left;
    width: 100%;
    margin: 0;
  }
  .mobmenu .menu li {
    padding: 0;
    margin: 0;
  }

  .mobmenu .menu > li{
    list-style: none;
    text-transform: uppercase;
  }

  .mobmenu .menu li > ul > li{
    list-style: disc;
    color: #333333;
    font-weight: 400;
}
 
  .mobmenu .menu a {
    display: block;
    padding: 10px;
    color: #333333;
    line-height: 1.3;
    text-decoration: none;
  }
  .mobmenu .menu a:hover {
    color: #19315B;
    text-decoration: none;
  }
  .mobmenu .menu a.active {
    color: #19315B;
    font-weight: 700;
  }
  
  .mobmenu .menu a:hover{
    background-color: var(--grey);
  }



  .mobmenu .menu ul.sub-menu {
    display: block;
    position: relative;
    float: left;
    width: 100%;
    background: #E9ECEE;
    margin: 0;
    padding: 0;
    text-align: left;
    padding: 6px;
    min-width: 100%;
    margin-bottom: 18px;
    list-style-type: none;
}

.mobmenu .menu ul.sub-menu li > a {
    padding: 8px 16px 8px 0px;
}





  /* --------Menu Icon--------- */
.hamb {
    cursor: pointer;
    float: right;
    padding: 40px 20px;
    z-index: 101;
    position: absolute;
    right: 10px;
    top: 28px;
    width: auto;
    z-index: 9999;
}
.hamb-line {
    background: #000;
    display: block;
    height: 3px;
    position: relative;
    width: 24px;  
} 
.hamb-line::before,
.hamb-line::after{
    background: #000;
    content: '';
    display: block;
    height: 100%;
    position: absolute;
    transition: all .1s ease-out;
    width: 100%;
}
.hamb-line::before{
    top: 7px;
}
.hamb-line::after{
    top: -7px;
}

.side-menu {
    display: none;
}

/* Toggle menu icon */

.mobnav {
    width: 100vw;
    height: 100vh;
    top: 0;
    left: 0;
    z-index: 99;
    display: none;
  }
  
  /*.mobnav{
    max-height: 0;
    transition: max-height .1s ease-out;
  }*/

.side-menu:checked ~ .mobnav{
    /*max-height: 100%;
    margin-top: 10px;
    background: #231F20;*/
    max-height: 100%;
    margin-top: 10px;
    background: #E9ECEE;
    position: absolute;
    width: 100vw;
    height: 100vh;
    top: 0;
    left: 0;
    display: block;
    margin: 0;
    z-index: 101;
}


.side-menu:checked ~ .hamb .hamb-line {
    background: transparent;
}
.side-menu:checked ~ .hamb .hamb-line::before {
    transform: rotate(-45deg);
    top:0;
} 
.side-menu:checked ~ .hamb .hamb-line::after {
    transform: rotate(45deg);
    top:0;
}

/*.mobnav {
    display: none!important;
}
*/



@media (min-width: 980px){
    .hamb{
        display: none;
    }
    .mobnav{
        max-height: none;
        top: 0;
        position: relative;
        float: right;
        width: fit-content;
    }
    .mobmenu .menu li{
        float: left;
    }
    .mobmenu .menu a:hover{
        background-color: transparent;
        color: var(--grey);
        
    }
	

}



@media (max-width: 979px){
	#header-upper .il.pi{display:none}
	#header-upper .il.mi{display:none}

	#header-upper .il.ci{
		float: left;
	}

	


	#mobinfo {
		display: block;
		z-index: 100;
		width: 100%;
		height: auto;
		position: relative;
		float: left;
		background: #272727;
		padding: 5px 5px;
	}

}





@media (max-width: 420px){

}