@charset "UTF-8"; 

/*
CSS DOCUMENT -----------------------------
License: Alen Kirn
URL: www.komplet-plus.si
Organization: Komplet Storitve, d. o. o.
Description : Stylesheet
------------------------------------------
*/

/* [00] RESET */
/* --------------------------------------------------------------------------------------------- */
*{ margin:0; padding:0; border:0; }
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0; padding:0; border:0; font-size:100%;  vertical-align:baseline;}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}
ol,ul{list-style:none}
input,select{vertical-align:middle; font-size: 14px;}
textarea{overflow:auto; font-size: 14px;}
:focus {outline: none;}


/* [01] GLOBAL */
/* --------------------------------------------------------------------------------------------- */
html{-webkit-font-smoothing:antialiased; text-rendering:Legibility; background:#f5f5f5; height: 100%;}
/*body{font-family: 'PT Sans', 'Trebuchet', Helvetica, Arial, sans-serif; font-size:13px; font-weight:normal; color:#666; background:#f5f5f5; line-height:1;}*/
body{font-family: Helvetica, Arial, sans-serif; font-size:16px; font-weight:normal; color:#666; /*line-height:1em;*/ height: 100%;}
.header h2, .header h3, h2.special-heading{ font-size:30px; font-weight:bold; color:#000; line-height:26px;}
h2.special-heading{margin-top: 50px;}
div { border: 0; margin: 0; padding: 0; display: block; position: relative; }
#main{padding-top:85px;}


/* [02] CLEAR */
/* --------------------------------------------------------------------------------------------- */
.clear{clear:both;display:block;overflow:hidden;visibility:hidden;width:0;height:0}
.clearfix:after{clear:both;content:' ';display:block;font-size:0;line-height:0;visibility:hidden;width:0;height:0}


/* [03] LINKS */
/* --------------------------------------------------------------------------------------------- */
a{ text-decoration:none; color:#666;}
a:hover{ text-decoration: underline;}
p>a{text-decoration:none;}
a.more_link, a.back_link{ text-decoration:none;padding-left:20px;background:url(../images/more_bullet_green.png) top left no-repeat; font-size:16px; transition:color ease-out 0.5s; -webkit-transition:color ease-out 0.5s; -moz-transition:color ease-out 0.5s; -o-transition:color ease-out 0.5s;line-height:2em; font-weight:bold;}
a.more_link:hover, a.back_link:hover{ transition:color ease-out 0.1s; -webkit-transition:color ease-out 0.1s; -moz-transition:color ease-out 0.1s; -o-transition:color ease-out 0.1s;color:#74a639;border-bottom:none;}
a.back_link{ background:url(../images/more_bullet_green_back.png) top left no-repeat; }


/* [04] HEADER */
/* --------------------------------------------------------------------------------------------- */
#main div.global{display:block; width:100%; height:85px; position:fixed; z-index: 9999; top:0; left:0; background-color:black;}
#main div.global .inside{display: flex; justify-content: space-between; align-items: center; height: 100%; width:1210px; padding:0 35px; margin:auto; background-color:none;}
#main div.global .inside>a:first-of-type{line-height: 0;}
#main div.global .inside h1{ position:relative; z-index:1000; float:left; margin:1px 0;}
#main div.global .inside h1 a{ font-family:Helvetica, Arial, sans-serif; font-size:18px; font-weight:normal; color:white; text-decoration:none; display:block;}
#main div.global .inside .navigation { position:relative; z-index:1000; float:right;}
#main div.global .inside .navigation ul{ margin:0;}
#main div.global .inside .navigation ul li{ float:left; display:block; margin-left:26px;}
#main div.global .inside .navigation ul li a{ font-family:Helvetica, Arial, sans-serif; font-size:15px; text-transform: uppercase; font-weight:bold; color:#ccc; text-decoration:none; display:block; transition:color ease-out 0.5s; -webkit-transition:color ease-out 0.5s;-moz-transition:color ease-out 0.5s;-o-transition:color ease-out 0.5s}
#main div.global .inside .navigation ul li a:hover{transition:color ease-out 0.1s;-webkit-transition:color ease-out 0.1s;-moz-transition:color ease-out 0.1s;-o-transition:color ease-out 0.1s; color:#fff;}


/* [05] FOOTER */
/* --------------------------------------------------------------------------------------------- */
#main div.footer{background:white; width:1210px; padding:50px 35px; margin:auto; position:relative;}
#main div.footer .inside{border-top:solid 1px #ccc; width:100%; padding-top:30px; padding-bottom:100px;}
#main div.footer .inside .copyright{float:left;}
#main div.footer .inside .top{float:right;}


/* [06] CONTACT PAGE */
/* --------------------------------------------------------------------------------------------- */
#contact .contact_data, #contact .contact_form{float:left; padding-top:40px;}
#contact .contact_data{width:50%;margin-right:30px;}
#contact .contact_data p{float:left;width:220px; border-bottom:none; padding-bottom:0px; margin-bottom:0px; line-height:1.5em;}
#contact .contact_data .office{border-top:solid 1px #ccc;border-bottom:solid 1px #ccc;padding-top:20px;margin-bottom:20px;padding-bottom:20px;}
#contact .contact_data .our_emails p{border-bottom:none;}
#contact .contact_data p b{color:#000;}
#contact .contact_data p a:hover{color:#74a639; text-decoration:none;}
#contact .contact_data .our_emails p{padding-bottom:20px;}
#contact .contact_data .our_emails{border-bottom:solid 1px #ccc;}
#contact .contact_data .header, #contact .contact_form .header{margin-bottom:15px;}
#contact .contact_form{width:50%; text-align:left;}
#contact .contact_form p.text{width:100%;margin-right:20px;margin-bottom:15px;}
#contact .contact_form p.text.last{margin-right:0px;}
.overlabel-wrapper{position:relative;}
label.overlabel-apply{position:absolute;top:0px;left:0px;z-index:1;color:#999;}
#contact .contact_form p.textarea{width:100%}
#contact .contact_form p.text input, #contact .contact_form p.text label, #contact .contact_form p.textarea label, #contact .contact_form p.textarea textarea{padding:8px}
#contact .contact_form p.text input, #contact .contact_form p.textarea textarea{border:solid 1px #ccc;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;outline:none;}
#contact .contact_form p.text input{width: calc(100% - 16px);}
#contact .contact_form p.textarea textarea{width:calc(100% - 16px); height:120px; max-height:240px; resize:vertical;}
label.error{display:block; color:#db1725;}
input[type="submit"]{background:#74a639; color:white; padding:1em 2em; font-size:14px; text-transform:uppercase; cursor:pointer; margin:15px 0;-webkit-border-radius:20px;-moz-border-radius:20px;border-radius:20px;}
#contact .contact_form p.submit{float:none;}
#contact .contact_form .text input:focus, #contact .contact_form p.textarea textarea:focus{border:solid 1px #000}
#contact{padding-bottom:160px; display: flex; justify-content: space-between;}
#contact .contact_form p.message{padding-top:10px;padding-bottom:10px;padding-right:15px}
#contact .contact_form p.thanks{line-height:1em;padding-top:0px}


/* [07] SUBPAGES - MAIN SECTION */
/* --------------------------------------------------------------------------------------------- */
#body{background:white; padding:0 35px; width:1210px; margin: auto; overflow:hidden; position:relative; text-align: justify; text-justify: auto;}
#body div.inner{ padding:40px 0 0 0; width:575px; margin-right:35px; float:left;}
#body div.side{ width:265px; min-height:240px; background:url(../images/side_gradient.png) no-repeat top left; padding:40px 0 0 35px; float:left;}
#overview div.inner{padding:0; width:100%; margin:auto; margin-top:40px; overflow:hidden; position:relative; text-align: justify; text-justify: auto;}
#overview div.inner div.inner_article{padding:20px 0; width:100%; float:left; border-top:1px #ccc solid; margin-bottom:0px;}
#overview div.inner div.header{ margin-bottom:15px;}
#overview div.inner p, #overview div.inner ul li{ line-height:1.5em;}
#overview div.inner li:before { /*content:"\2014";*/ content:"\2022"; color:#74a639; margin-right:5px}
.image_placeholder{ display:block; float:left; width:430px; height:280px; background:#b1b1b1; margin:0 50px 40px 0;}
div.content div.header, div.content_sidebar div.header{ margin-bottom:15px;}
div.content div.inner_article{ border-top:1px #ccc solid; border-bottom:0px #ccc solid;padding:20px 0;margin-bottom:0px;}
div.content div.inner_article_segment{ border-top:none; border-bottom:0px #ccc solid;padding:0;margin-bottom:0px;}
div.content div.inner_article_segment h3{ font-size:16px; font-weight:bold; color:#000; line-height:2em;}
div.content{ margin-bottom:40px;}
div.content p, div.content ul li{ line-height:1.5em;}
div.content ul li { width:270px; float:left;}
div.content ul li:before { /*content:"\2014";*/ content:"\2022"; color:#74a639; margin-right:5px}
div.content div.inner_article_segment div img{display:block; border:1px #ccc solid;  margin-right:0px;}
div.mama{ display:block; padding:3px; border: 1px #ccc solid; margin-right:20px; float:left;}


/* [08] SUBPAGES - SIDE SECTION */
/* --------------------------------------------------------------------------------------------- */
div.content_sidebar div.inner_article{ border-top:1px #ccc solid; border-bottom:none;padding:16px 0 0 0;margin-bottom:0;}
div.content_sidebar{ margin-bottom:auto;}
div.content_sidebar h3{ font-size:18px; font-weight:bold; color:#000; line-height:26px;}
div.content_sidebar p{ font-size:16px; line-height:1.5em; padding:6px 0;}
div.content_sidebar p span{font-weight:bold; color:#000;}
div.content_sidebar a img{display:block; border:1px #ccc solid; background:none; margin:9px 0 0 0;} 
div.content_sidebar div.inqury_button{ display:block; border-top:1px #ccc solid; border-bottom:1px #ccc solid; padding:13px 42px; background:#f5f5f5; margin:0;}
div.content_sidebar div.inqury_button a{ display:block; border-top:1px #ccc solid; border-bottom:1px #ccc solid; width:182px; background:#74a639; color:white; font-weight:bold; text-decoration:none; text-align:center; padding:16px 0; font-size:16px;}
div.content_sidebar{margin-bottom:15px; height:auto;}


/* [09] GALLERY PAGE */
/* --------------------------------------------------------------------------------------------- */
.inner_gallery{ padding:20px 0; border-top:1px #ccc solid;}
.inner_gallery .items .item{width:430px;float:left;display:block;margin-bottom:50px;margin-right:50px;position:relative}
.inner_gallery .items img{display:block; }
.inner_gallery .items .image{ width:428px; border:1px #000 solid;}
.inner_gallery .items .item.last{margin-right:0px}
.inner_gallery .items .item .overlay{position:absolute;bottom:0px;left:0px;background:#000;width:100%;overflow:hidden}
.inner_gallery .items .small, .inner_gallery .items .small .overlay{width:430px;overflow:hidden;}
.inner_gallery .items .item{-webkit-transition:all ease-out 0.5s}
.inner_gallery .items .item .overlay .inside{padding:10px;padding-left:13px}
.inner_gallery .item .overlay p{opacity:0;margin-top:5px; color:#999; text-align:left; font-size:16px;}
.inner_gallery .item .overlay p a{ background: url(images/switch.png) 0px 3px no-repeat; padding-left:10px; color:#74a639; font-weight:bold; font-size:16px; text-decoration:none;}
.inner_gallery .item .overlay p a:hover{ text-decoration:underline;}
.inner_gallery .item .overlay h3{ font-size:13px; color:white;}
span.after, span.before{ position:absolute; background: url(images/ba_tag.png) no-repeat; background-position:0 -28px; color:white; width:82px; height:27px;}
span.before{ background-position:0 0;}

.gallery-module{display: grid; grid-auto-rows: 750px; grid-template-columns: 1fr 1fr; grid-column-gap: 20px; grid-row-gap: 20px; margin-top: 50px;}
.gallery-module>div{position: relative; display: block;}
.gallery-module>div>img{display: block; width: 100%; height: 100%; object-fit: cover; object-position: center;} 
.gallery-module>div>p{position: absolute; display: block; bottom: 0; width: 100%; height: auto; background: black; color: white; box-sizing: border-box; padding: 20px; font-weight: bold; font-size: 20px;}
.diploma{display: flex; justify-content: space-between; margin-top: 50px;}
.diploma>img{display: block; width: 593px; height: auto; object-fit: cover; object-position: center; border: 1px #ccc solid;}